/* Template Name: Ita2zvn.com Template URI: http://ita2zvn.com/ Description: edit by: Y!M trieutuan.media Version: 2.7.2 Author: MISA Hi-tech Author URI: http://trieutuan.com/ Logo filename: logo.gif Template Type: type_0 */ body{ font-size:14px; font-family:Arial,Verdana;color:#424242;bgcolor=#ffffff;background:url(images/detail/.png);background-attachment: fixed; } div{margin:0 auto; padding:0;} h1,h2,h3,h4,h5,h6,ul,ol,li,dl,dt,dd,form,img,p{ margin:0; padding:0; border:none; list-style-type:none; } h1,h2,h3,h4,h5,h6{ font-size:12px; } .block{ width:100%; height:auto; background:url(images/detail/menu-content-body.png) ; } .block2{ width:1000px; height:auto; } .blank{margin-bottom:8px;} .fl{float:left;} .fr{float:right;} .tl{ text-align:left;} .tc{ text-align:center;} .tr{ text-align:right;} .dis{display:block;} .inline{display:inline;} .none{display:none;} .InputBorder{border:1px solid #ccc;} .tips{ text-align:center; font-size:14px; font-weight:bold; padding:30px 0px; color:#ff6600; } .ads{ margin-bottom:8px; } .ads img{ display:block; margin-bottom:0px; } .clearfix:after{ content:"."; display:block; height:0; clear:both; visibility:hidden; } *html .clearfix{ height:1%; } *+html .clearfix{ height:1%; } /*英文强制换行*/ .word{word-break:break-all;} /*全站按钮部分及修饰图标*/ acronym{ display:inline-block; display:-moz-inline-stack; *display:inline; zoom:1; vertical-align:middle; overflow:hidden; } .bnt_number2,.bnt_number4,.bnt_number6,.bnt_number8,.bnt_number10{ border:none;text-align:center;font-weight:100;color:#611829;height:22px; vertical-align:middle;cursor:pointer; padding-top:4px\9;*padding-top:3px; } .bnt_number2{ width:94px; background:url(images/bg.gif) no-repeat -197px -66px; } .bnt_number4{ width:67px; background:url(images/bg.gif) no-repeat -248px -40px; } .bnt_number6{ width:94px; background:url(images/bg.gif) no-repeat -197px -66px; } .bnt_number8{ width:118px; background:url(images/bg.gif) no-repeat -197px -92px; } .bnt_number10{ width:145px; background:url(images/bg.gif) no-repeat -197px -118px; } .go{ width:49px; height:21px; border:none; background:url(images/bg.gif) no-repeat -200px -307px;cursor:pointer; } .bnt_join{ cursor:pointer;width:102px;height:43px;border:none;background:url(images/bg.gif) no-repeat 0 -408px; } .bnt_login{ cursor:pointer;width:102px;height:43px;border:none;background:url(images/bg.gif) no-repeat -107px -408px; } .txtdot{ background:url(images/dot.gif) no-repeat 0 center; padding-left:10px; } /*字体及颜色*/ .f1{color:#ff6c02;} .f14b{font-size:14px; font-weight:bold;} .f2{color:#aeacac;} .username{color:#a80416;} .market{ text-decoration:line-through;} a:link {color: #424242; text-decoration:none;} a:visited {color: #424242;text-decoration:none;} a:hover {color: #ff0000; text-decoration:none;} a:active {color: #424242; text-decoration:none;} .a{color:#ff0000;} .b{color:#0000ff;} /* ====================通用模块==================== */ .modbox{ background:url() no-repeat left top; padding-top:5px; } .modTit{ height:30px; line-height:30px; font-weight:700; font-size:14px; padding:0 15px; background:url(images/dotline.gif) repeat-x left bottom; } .modTit .more,.mod2Tit .more{ font-weight:100; font-size:12px; } .mod2Tit{ height:34px; line-height:34px; font-weight:700; font-size:14px; padding:0 15px; background:url(images/ta/content.png) repeat-x left bottom; } .mod2Content{ padding:20px 0 10px 0; } .activityBox{ padding-left:12px; } /*单个商品外围框架（此方法在火狐和ie8下面会产生3px边距）*/ /* ====================页面布局==================== */ .pageWarp{ background:url(images/detail/menu-ngang) no-repeat;width:1000px; } .pageWarp2{ background:url(monmon/menungang) no-repeat ; width:1000px;height:42px; } #pageLeft,.pageLeft{ width:196px;margin-right:0px; _margin-right:0px;padding-top:4px; } #pageRight,.pageRight{ width:800px; } #pageRight2,.pageRight2{ width:780px; } #userLeft{ width:210px;margin-right:8px; } #userRight{ width:782px; } #articleLeft{ width:192px;margin:0 8px 8px 0; } #articleRight{ width:792px;margin-bottom:8px; } #articleRight2{ width:1000px;margin-bottom:8px; } .w574{ width:574px; } .w200{ width:200px; } /* ====================header==================== */ .pageTop{ height:90px; line-height:120px; background:url(images/ta/bg-banner2.jpg) repeat-x 0 0; font-size:12px; font-family:Arial; color:#ffffff; } .userContent{ height:12px; width:12px; background:url(images/bg.gif) no-repeat 0 0; padding-left:15px; } .searchbox{ width:200px; height:38px; background:url() no-repeat 0 0; } .logo{ width:202px; height:96px; line-height:85px; vertical-align:middle; text-align:center; overflow:hidden; } .logo img{ *margin-top: expression(( 95 - this.height ) / 2); text-align:center; vertical-align:middle; } .formbox{ width:230px; height:25px; padding-top:0px;padding-left:0px; position:relative; } .formbox .advanced{ position:absolute; top:25px; right:1000px; } .formbox .advanced a,.hot_search a,.cartBox p a,.formbox .advanced a:visited,.hot_search a:visited,.cartBox p a:visited{color:#014ccc;} .formbox .advanced a:hover,.hot_search a:hover,.cartBox p a:hover{color:#014ccc; text-decoration:underline;} .formbox form{ width:210px; height:30px; padding:0px 0px 0 0px; background:url(images/ta/khungtimkiem.png) no-repeat 0 0; } .formbox form #keyword{ margin-top:7px; border:none; margin-left: 10px; } .hot_search{ margin-top:10px; color:#014ccc; } .spanbox{ display:block; font-size:12px; position:relative; height:30px; float:left; margin-right:5px; } .spancur{ padding:7px 5px 0 5px; height:20px;float:left; font-weight:700; color:#20364B; font-size:14px; } .oplist{ padding:0px;margin:0px;position:absolute;display:none;top:31px;left:-3px;overflow:hidden;border:1px solid #CCC; border-top:none; z-index:9999; } .oplist li{ padding-left:8px; } .imgarr{ float:right;display:block;cursor:pointer; width:24px; height:19px; margin-top:6px; } .selectedTrue{ padding:2px;margin:0px;cursor:pointer;background:#eee; } .selectedFalse{ padding:2px;margin:0px;cursor:pointer;background:#fff; } .pageNav{ width:600px; overflow:hidden; } .pageNav li{ float:left; font-size:14px; line-height:44px; padding:0 8px 0 3px; background:url(images/navline.gif) no-repeat right center; margin:0 3px; } .pageNav li.curs{ font-weight:700; } .pageNav li a,.pageNav li a:visited{ color:#fff; } .pageNav li a:hover{ color:#fff; text-decoration:underline; } .pageNav2{ width:700px; overflow:hidden; } .pageNav2 li{ float:left; font-size:14px; line-height:50px; padding:0 5px 0 3px; background:url(images/navline.gif) no-repeat right center; margin:0 3px; } .pageNav2 li.curs{ font-weight:700; } .pageNav2 li a,.pageNav2 li a:visited{ color:#ffffff; } .pageNav2 li a:hover{ color:#000000; text-decoration:underline; } .cartBox{ width:172px; height:26px; line-height:26px; margin:8px 5px 0 0; padding:0px 3px 0; background:url(images/ta/giohang.png) no-repeat ; position:relative; overflow:hidden; } .cartBox font{ font-size:12px; font-family:Arial; color:#000; } .cartBox span{ color:#b8b7b7; } .cartBox p{ position:absolute;top:0px; right:3px; color:#014ccc; } /*flash && new*/ .flashbox{ height:330px; width:100%; border:0px solid #ccc; overflow:hidden;padding-left:0px;padding-right:0px; background:url(images/detail/.png)repeat ;padding-top:0px;margin-top:2px; } .arcitles{ width:226px; height:300px; padding:0px; border:0px solid #ccc; background:url(images/ta/baivietmoinhat.png) ; } .arcitles span{ padding-left:10px; display:block; position:absolute; top:0px; right:0px; height:39px; width:39px; background:url() no-repeat 0; } .arcitles h1{ font-size:14px; font-weight:700; color:#0c2357; margin-bottom:15px;padding-left:10px;padding-top:10px; } ----------------------------------------------- */ #catTree { background:url(images/detail/navi-left-body.png) no-repeat 197px ; } #catTree ul { padding:0; } #catTree dd a { position:relative; display:block; width:170px; display:block; padding:9px 10px 3px 10px; font-weight:normal; border-bottom:#c0c0c0 dashed 1px; color:#fff; font-size:14px; background:url(images/detail/navi-left-body.png) no-repeat 197px -14px; } #catTree dd.over a:hover { text-decoration:underline; } #catTree dd.over a { width:180px; padding:9px 10px 3px 10px; color:#0099FF; background:#ffffff; } #catTree dd { display:block; z-index:500; } #catTree dd.over { position:relative; } #catTree dd .subNav { display:none; position:absolute; top:0; left:0px; width:142px; background:#ffffff; border-left:none; z-index:20; } #catTree dd.over .subNav { display:block; } #catTree dd.over .subNav li a { font-weight:normal; width:120px; margin:0 1px 0 2px; padding:7px 10px 3px 10px; border-bottom:#e8e8e8 solid 0px; background:none; color:#000000; } #catTree dd.over .subNav li a.noBottomBorder { border-bottom:none; } #catTree dd.over .subNav li a:hover { color:#ffffff; background:#0099FF; text-decoration:underline; } /* LIBRARY:Khuyến nghị, mới, nóng ----------------------------------------------- */ .cateTit{ padding-left:10px;margin-top:-3px;margin-left:0px;padding-top:0px;height:41px;width:100%; color:#ffffff; background:url(images/detail/navi-left-top03.png) no-repeat;z-index:999999999999999999999999999999999999999999; font-size:14px; line-height:41px;font-weight: bold; } .cateContent{ width:100%;height:320px; background:url(images/detail/menu-left-.png) repeat-y;repeat-x;margin-top:1px;padding-left: 5px;padding-top:10px; z-index:9999999999999999999999999999999999999999999999999; } .cateContentsub li{ float:left; font-size:14px; line-height:42px; width:200px; margin:0 0px; } .cateContentsub li.curs{ font-weight:700; } .cateContentsub li a,.cateContentsub li a:visited{ color:#333333; } .cateContentsub li a:hover{ color:#ffff00; text-decoration:underline; } .cateContent2{ width:202px; background:url(monmon/sanphambanchay-body.png) repeat-y; } .cateContentright{ width:1000px; background:url(images/detail/menu-content-body.png) repeat-y; } .cateContent3{ width:202px; background-color:#ffffff; } .cateBott2{ height:9px; width:200px;background:url(images/detail/menu-left-bottom.png) no-repeat;valign:top;margin-bottom:2px; } .cateBott{ height:11px; width:202px;background:url(images/ta/sanphambanchay-bottom.png); no-repeat;valign:top; } .cateBottright{ height:21px; width:1000px;background:url(images/detail/menu-content-bottom.png); no-repeat;valign:top; } #category_tree li{line-height:40px;padding-left:12px;width:193px;font-size:13px; font-weight:bold;position:relative;color:#ffffff; } #category_tree li .children{position:absolute; left:180px;top:-11px;display:none; padding:10px 0; z-index:999999;} #category_tree li .children .conter{width:200px;border-top:1px solid #a6a6a6; border-right:2px solid #a6a6a6; border-left:1px solid #a6a6a6; border-bottom:3px solid #666666; background-color:#FFFFFF; } #category_tree li .children .conter .suq{ width:8px; height:24px; position:absolute;top:10px; left:-6px; background-color:#f5f5f5; border-top:1px solid #a6a6a6;} #category_tree li .children .conter .ChildrenLi li{width:210px;background:url(images/tagbg.gif) no-repeat; padding-left:16px; font-weight:normal;} .itemsbg{ background:#d4e6f0; } .itemsbg a:hover{ color:#0087cf; text-decoration:underline; } /*精品推荐系列*/ .recomTit{ height:46px;width:400px; background:url(images/detail/menu-content-top.png) repeat-x;color:#fff; } .recomTit .recomLeft{ height:34px; width:180px;color:#ffffff;font-weight:bold;padding-left:8px;padding-top:10px;font-size:13px; } .recomTit .promoBg{ background:url(images/bestTbg.gif) no-repeat 0 -35px; } .recomTit .bestBg{ background:url(images/bestTbg.gif) no-repeat 0 -106px; } .recomTit .newBg{ background:url(images/bestTbg.gif) no-repeat 0 0; } .recomTit .recomRight{ height:33px; margin-right:10px; } .recomTit .recomRight h2{ float:left; line-height:33px; padding:0 8px 0 3px; background:url(images/recomline.gif) no-repeat right center; margin:0 3px; color:#003399; font-weight:100; } .recomTit .recomRight h2 a,.recomTit .recomRight h2 a:visited{color:#003399;} .recomTit .recomRight .h2bg,.recomTit .recomRight .h2bg a,.recomTit .recomRight .h2bg a:visited{ font-weight:100; color:#ffffff; } .recommendContent{ padding-top:25px; margin-bottom:25px;color:#003399; font-weight:100; } .recomMore{ line-height:33px; padding:0 5px 0 15px;color:#003399; font-weight:100; } /*销售排行*/ .topTit{ height:36px; line-height:36px; font-weight:700; font-size:14px; color:#fff; padding:6 10px; background:url(images/ta/sanphambanchay-top.png) no-repeat; width:100%; } .topTit a, .topTit a:visited {color:#fff;} .topbox{ border:1px solid #ccc; border-top:none; } .topbox ol{ padding:3px 0; border-bottom:1px solid #ccc; } .topbox ol li{ float:/; } .topbox ol li.w30{ width:30px; } .topbox ol li.w60{ width:60px; } .topbox ol li.w100{ width:98px; } #top10{ padding:1px; } #top10 li{ cursor:pointer; } #top10 li .first{ height:109px; background:url(images/bg.gif) no-repeat 0 -158px; display:none; } #top10 li .first dl dt{ float:left; color:#fff; text-align:center; overflow:hidden; } #top10 li .first dl dt.w30{ width:30px; height:99px; font-size:14px; font-weight:700; padding-top:10px; } #top10 li .first dl dt.w100{ width:100px; height:100px; padding:5px 1px 4px 1px; } #top10 li .first dl dt.w100 img{ width:60px; height:60px; margin-bottom:3px; } #top10 li .first dl dt.w100 a,#top10 li .first dl dt.w100 a:visited{ color:#fff; } #top10 li .first dl dt.w60{ width:53px; } #top10 .toprice{ line-height:100px; font-size:14px; font-family:Arial; } #top10 li .last{ height:25px; background:url(images/bg.gif) no-repeat 0 -269px; margin-bottom:2px; *margin-bottom:0px; } #top10 li .last dl dt{ float:left; text-align:center; overflow:hidden; line-height:25px; } #top10 li .last dl dt.w30{ width:30px; height:25px; font-size:14px; font-weight:700; } #top10 li .last dl dt.w100{ width:100px; height:25px; } #top10 li .last dl dt.w60{ width:53px; height:25px; } #top10 li.cur .first{ display:block; } #top10 li.cur .last{ display:none; } .topContent{ padding:10px 3px 10px 10px; } #ECS_ORDER_QUERY form{ display:inline; } /*品牌*/ .brands{ border:1px solid #ccc; background:url(images/brandsbg.gif) repeat-x left top; padding:0 0 5px 3px; } .brands .brandTit{ padding:0 10px; line-height:30px; font-weight:700; font-size:14px; } .brands .brandTit .more{ font-weight:100; font-size:12px; } .brands img,.brands .brandtxt{ border:1px solid #ccc; width:120px; height:60px; display:block; float:left; margin:5px; _margin:5px 5px 5px 4px; } .brandsLogo{ width:200px; padding-top:20px; text-align:center; } .brand_desc{ width:530px; margin-left:10px; } .all_brand{ padding-left:2px; } .all_brand .goodsbox{ width:190px;overflow:hidden;border:1px solid #efefef;margin:0 1px 10px 1px;*margin:0 3px 10px 3px; } .all_brand .goodsbox .imgbox{ width:185px;text-align:center;margin:8px 0;border:none; } .all_brand .goodsbox h4{ background:#eae9e9;padding:3px 10px;font-weight:100;border:1px solid #fff; } .all_brand .goodsbox p{ text-indent:20px;text-align:left;padding:5px; } /*history*/ .history_list{ border:1px solid #ccc; border-top:none; padding:10px 5px; } .history_list ul{ border-bottom:1px solid #d6d2d1;margin-bottom:6px;*padding-bottom:6px; } .font-family ul li{ float:left; width:105px; } .history_list li.goodsimg{ width:62px; padding-right:8px; } .history_list li.goodsimg img{ width:60px; height:60px; border:1px solid #ccc; } #clear_history{ border:none;text-align:right; } #clear_history a{ cursor:pointer; } /*属性相关的商品*/ .attribute{ border-bottom:1px dashed #e8e8e8; width:165px; margin-bottom:6px; } .attribute li{ padding-bottom:5px; margin-bottom:5px; width:165px; min-height:62px; } .attribute li img{ width:60px; height:60px; border:1px solid #ccc; margin-right:8px; } /*评论*/ .commentsTit{ border-top:1px dashed #e1ebfa; border-bottom:1px dashed #e1ebfa; background:#f8fbff; height:28px; line-height:28px; padding:0 15px; margin:10px 0; position:relative; } .commentsTit span{ position:absolute; right:10px;color:#9c9a9f; } .commentsTit img{ position:relative;top:3px; } .commentsContent{ text-indent:20px; } .re_content{ text-indent:0px;background:#f7f9f4;border:1px solid #eef9df;padding:10px;margin:10px 0; } .captcha{ padding-left:12px; } .captcha input{ position:relative; left:5px; } .captcha img{ position:relative; top:5px; } /*pages*/ .pagebar{padding:12px 0; text-align:right;} .pagebar form{margin:10px auto; text-align:right;} .pagebar .page_now{color:#fd6d01; font-weight:bold; padding:4px 6px; background:#ffede1; border:1px solid #fd6d01;} .pagebar a{border:1px solid #ccc; padding:4px 6px; color:#cc3300;} /*here*/ .ur_here{ padding:15px 50px 15px 5px; border-bottom:1px solid #ccc;background-color:#EAEAEA;margin-left:-8px;margin-right:-8px;font-size: 14px; } .ur_here a,.ur_here a:visited{color:#cc3300} .ur_here a:hover{color:#FF0000; text-decoration:underline;} /* ====================goods.dwt==================== */ #categorybox{ position:relative; width:197px; cursor:pointer; } #categorybox .showbox{ width:197px; position:absolute; left:0px; top:43px; z-index:999; } .cateShowTit{ margin-top:-3px;height:41px;width:194px; background:url(images/detail/navi-left-top01.png) no-repeat ;padding-left:10px;color: #fff;font-weight:bold; } .cateHiddenTit{ margin-top:-3px;height:41px; width:194px; background:url(images/detail/navi-left-top02.png) no-repeat ;padding-left:10px;color: #fff;font-weight:bold; } .goodInfoImg{ width:350px; margin-right:10px; } #focuscont{ width:350px; height:350px; line-height:350px; overflow:hidden; margin-bottom:5px; } .focuscont p img{ width:350px; vertical-align:middle; text-align:center; *margin-top: expression(( 350 - this.height ) / 2); } #focustab{ width:345px; margin-bottom:12px; padding-left:5px; } #focustab li{ float:left; } #focustab li img{ height:54px; width:54px; display:block; } #focustab li a{ background:url(images/bg_pic_1.gif) no-repeat 0 0; padding:9px 1px 3px 1px; margin:0 5px 0 5px; display:block; } #focustab li a.act{ background:url(images/bg_pic.gif) no-repeat 0 0; padding:9px 3px 3px 3px; text-align:center; } #focustab li a.act img{ border:none; } .prev{ background:url(images/dotline.gif) repeat-x left top; padding:10px 0 0 0; margin-top:12px; clear:both; } .prev a{ display:block; color:#611829; line-height:22px; margin-right:8px; padding-top:0px; } .goodInfoTxt{ width:640px; } .goodInfoTxt .goodsName{ background:url(images/dotline.gif) repeat-x left bottom; line-height:30px; font-size:14px; font-weight:700; word-wrap:break-word; margin:0 0 8px 50px; } .goodInfoTxt form{ line-height:22px; padding-left:50px; } .Goodpromotion{ background:#fdf3d9; border:1px solid #fcbb2a; padding:8px; margin:5px 0; } .attribuet{ width:800px; } .hostrybox{ width:200px; padding-bottom:2px; overflow:hidden; } .opendot{ width:62px; height:20px; overflow:hidden; background:url(images/bg.gif) no-repeat -200px -251px; cursor:pointer; } .opendot_1{ width:62px; height:20px; overflow:hidden; background:url(images/bg.gif) no-repeat -200px -274px; cursor:pointer; } .closedot{ width:62px; height:20px; overflow:hidden; background:url(images/bg.gif) no-repeat -271px -251px; cursor:pointer; } .closedot_1{ width:62px; height:20px; overflow:hidden; background:url(images/bg.gif) no-repeat -271px -274px; cursor:pointer; } .hostrybox .openShow{ width:190px; overflow:hidden; } .tagTit{ height:29px; background:url(images/tagbg.gif) repeat-x left bottom; margin-right:2px; } .tagTit h2{ height:29px; background:url(images/bg.gif) no-repeat -201px -182px; float:left; margin-right:5px; position:relative; font-weight:100; line-height:29px; padding:0 10px;font-weight:bold; } .tagTit h2 span,.tagTit .h2bg span{ display:block; height:29px; width:5px; overflow:hidden; position:absolute; } .tagTit h2 span.L{ background:url(images/bg.gif) no-repeat -200px -146px; left:0px; top:0px; } .tagTit h2 span.R{ background:url(images/bg.gif) no-repeat -207px -146px; right:0px; top:0px; } .tagTit .h2bg{ background:url(images/bg.gif) no-repeat -201px -213px; } .tagTit .h2bg span.L{ background:url(images/bg.gif) no-repeat -214px -146px; left:0px; top:0px; } .tagTit .h2bg span.R{ background:url(images/bg.gif) no-repeat -221px -146px; right:0px; top:0px; } .tagcontent{ padding:15px 0; } padding:15px 0; } /* ====================category.dwt==================== */ .filter{ padding:15px 5px 20px 5px; } .filter .screeBox{ border-bottom:1px solid #f2f2f2; padding:15px 10px 8px 10px; } .filter .screeBox span{ color:#fff; background:#4798d0; padding:5px; margin-right:8px; } .filter .screeBox a,.filter .screeBox a:visited{ color:#cc3300; } .filter .screeBox a:hover{ color:#ff6600; text-decoration:underline; } .sort{ font-size:12px; font-weight:100; line-height:28px; position:relative;top:3px; top:1px\9; *top:2px; } .sort img{ position:relative; top:2px; } .sort select{ _position:relative; top:3px; } .sort input[type="submit"]{ position:relative;top:3px\9; *top:0px; } .cateGoodList ul{ border-bottom:1px solid #efeeee; margin-bottom:8px; } .cateGoodList li{ float:left; padding:5px 0; } .cateGoodList li.thumb{ margin-right:10px; } .cateGoodList li.thumb img{ width:60px; height:60px; border:1px solid #ccc; } .cateGoodList li.goodsText{ width:300px; margin-right:20px; } .cateGoodList li.action{ float:right; } .grid .goodsbox{ margin-bottom:8px; } .cateGoodList a,.grid .goodsbox a,.cateGoodList a:visited,.grid .goodsbox a:visited{ color:#cc3300; } .cateGoodList a:hover,.grid .goodsbox a:hover{ color:#ff6600; text-decoration:underline; } /* ====================文章系列==================== */ .articleBox{ background:#ffffff; border:1px solid #d8d9d9; padding:15px; } .articleTit{ font-family:Arial; font-weight:300; font-size:18px; } .author{ border-bottom:1px solid #dcdddd; margin:10px 0 20px 0; position:relative; line-height:23px; padding-bottom:3px; } .author .articleSize{ position:absolute; top:0px; right:10px; } #article{ margin-bottom:20px; } .articlePrev{ border-top:1px solid #d8d9d9; padding-top:10px; margin-top:10px; } .ArticleComm textarea{ width:650px; } .ArticleCate{ height:41px; width:196px; background:url(images/detail/navi-left-top03.png) no-repeat ;padding-left:3px; } .ArticleCate a{ display:block; height:33px; width:190px; text-indent:-200px; overflow:hidden; } /* ====================团购，拍卖，夺宝奇兵==================== */ .group_buy_list{ border-bottom:1px solid #ccc; margin-bottom:10px; padding-bottom:10px; } .group_buy_list .groupImg{ border:1px solid #efeeee; padding:20px; margin-right:20px; } .grouplist{ padding:12px 10px 10px 10px; background:#fff; } /* ====================购物流程==================== */ .floatTable{ margin-bottom:10px; } .orderSuccess{ padding:20px; margin-bottom:10px; border:2px solid #ff6600; } .orderSuccess .order_sn{ font-family:Arial; font-weight:normal; font-size:18px; margin:8px 0; } .orderSuccess .shipping_name{ line-height:24px; padding-left:30px; } .orderSuccess p{ margin-top:20px; text-align:center; } .orderSuccess p a{ text-decoration:underline; color:#295ad0; } .step_login{ border:1px solid #ccc; width:478px; height:300px; padding:5px; margin-bottom:8px; } .user_login{ width:978px; border:1px solid #ccc; margin-bottom:8px; padding:10px; background:#fbfbfb; } .step_login h4,.user_login h4{ background:#d53a3e; line-height:28px; padding:0 10px; margin-bottom:15px; text-align:left; color:#fff; border-bottom:3px solid #e4e4e4; } .step_login h4.h4bg{ background:#5c5c5c; } /* ====================用户中心==================== */ .userTit{ height:33px; line-height:33px; text-align:center; font-weight:700; font-size:14px; color:#213649; background:url(images/bg.gif) no-repeat 0 -368px; } .userBox{ border:1px solid #ccc; border-top:none; } .userMenu{ margin-left:40px; padding:20px 0; } .userMenu li{ line-height:25px; padding-left:15px; font-size:14px; background:url(images/bg.gif) no-repeat -217px -336px; } .userMenu li a.curs{ font-weight:bold; color:#c40409; } .us_contentBox{ border:1px solid #d8d8d8; border-top:2px solid #cc4124; padding:10px; margin-bottom:8px; } .us_contentBox h6{ height:25px; line-height:25px; background:url(images/bg.gif) no-repeat -217px -376px; background-color:#efefef; padding:0 20px; margin-bottom:10px; color:#213649; } .us_notice{ border:1px solid #d2e2f2; background:#f8fbff; padding:10px; text-indent:20px; margin:10px 0; } .default{ padding:20px; line-height:24px; min-height:345px; _height:345px; } .close{ border:2px solid #fe8802; float:left; background:#fffae7; margin-top:8px; padding:20px 8px 10px 10px; width:265px; position:relative; display:none; } .close a{ text-decoration:underline; } .close a:hover{ text-decoration:none; } .close span{ display:block; width:14px; height:14px; overflow:hidden; background:url(images/close.gif) no-repeat 0 0; position:absolute; top:3px; right:5px; cursor:pointer; } /* ======友情链接 ====== */ .links{ border:1px solid #ccc; padding:5px 0 5px 3px; } .links img,.links .linkTxt{ display:block; float:left; width:155px; height:67px; border:1px solid #ccc; margin:4px; } .helpbox{ border:1px solid #ccc; background:url(images/brandsbg.gif) repeat-x left top; padding:10px 0 10px 3px; } .helpbox .goodsbox{ width:190px; margin:0px; *margin:0 2px 0 3px; } .helpTit{ height:24px; line-height:24px; font-size:14px; font-weight:bold; text-align:left; padding-left:14px; margin-bottom:5px; } .helpList{ padding-left:10px; } .helpbox a,.footer a,.helpbox a:visited,.footer a:visited{ color:#cc3300; } .helpbox a:hover,.footer a:hover{ color:#ff6600; text-decoration:underline; } /* ======商品比较浮动块 ====== */ #compareBox { width:128px; background:url(images/compareBg.gif) no-repeat top center; background-color:#edf8ff; padding:35px 0 8px 0; border: 1px solid #c5e4ff; position: absolute; right:1px; top:200px; } #compareBox input { width:52px; height:13px; border:none; background:url(images/compareSub.gif) no-repeat; } #compareList { margin:0px 0px 8px 0px; padding:0px; width:120px; background:#FFFFFF; border:1px solid #d6ecff; } #compareList li { color: #333; text-align:left; background: #fff; padding: 3px 5px; margin: 3px 0; } #compareList li img { float:right; padding-top:4px; } /*购物车提示*/ .messageli { list-style-type:none; padding:5px; color:red; } .messagediv { font-size:12px; position:absolute; border:1px solid #FFD700; text-align:center; padding:5px; background-color:#FFFACD; filter:alpha(opacity=50); -moz-opacity:0.7; opacity: 0.7; } /* 积分兑换样式修改 */ .point li{ float:left; width:300px; } /* goods box*/ .goodsbox { width: 100%; overflow: none; } .goodsbox > div { background:#fff; transition: background 1s; -moz-transition: background 1s; -webkit-transition: background 1s; -o-transition: background 1s; border:1px solid #ffffff; border-radius:6px; width: 183px; height:230px; display: inline-block; vertical-align: top; margin-left: 3px; margin-right: 8px; margin-bottom: 8px; position: relative; } .goodsbox > div .button-cart{ display: none; margin: 0 0 0 55px; z-index: 10; } .goodsbox > div:hover { background:#; border:1px dotted #ff0000; border-radius:6px; width: 183px; height:230px; display: inline-block; vertical-align: top; margin-left: 3px; margin-right: 8px; margin-bottom: 8px; } .goodsbox > div:hover .product-infomartion{ opacity: 0.8; } .goodsbox > div:hover .button-cart{ display: block; position: absolute; top: 127px; opacity: 1; } #column-left + #column-right + #content .box-product > div { width: 150px; text-align: center; } .goodsbox .image { text-align:center; display: block; margin-bottom: 0px; } .goodsbox .image img { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; padding: 3px; } .goodsbox .image img:hover { padding: 3px; opacity: 0.3; } .goodsbox .name a { text-align:center; height:30px; color: #333333; font-size:14px; text-decoration: none; display: block; margin-bottom: 4px; } .goodsbox .price { display: block; text-align:center; color: #ff0000; font-size:12px; margin-bottom: 4px; } .goodsbox.price-old { color: #F00; text-decoration: line-through; } .goodsbox .price-new { font-weight: bold; } .goodsbox .rating { background:#f1f1f1; padding-top:3px; text-align:center; display: block; margin-bottom: 4px; } /* box products */ .box-product { width: 100%; height:200px; } .box-product > div { background:#Fff; transition: background 0s; -moz-transition: background 0s; -webkit-transition: background 0s; -o-transition: background 0s; border:1px solid #E8E8E8; border-radius:0px; width: 160px; height:200px; display: inline-block; vertical-align: top; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; position: relative; } .box-product > div .button-cart{ display: none; margin: 0 0 0 5px; z-index: 10; } .box-product > div:hover { background:#; border:1px dotted #cc3300; border-radius:0px; width: 160px; height:200px; display: inline-block; vertical-align: top; margin-left: 0px; margin-right: 0px; margin-bottom: 0px; } .box-product > div:hover .product-infomartion{ opacity: 0.8; } .box-product > div:hover .button-cart{ display: block; position: absolute; top: 127px; opacity: 1; } #column-left + #column-right + #content .box-product > div { width: 150px; text-align: center; } .box-product .image { text-align:center; display: block; margin-bottom: 0px; height: 150px; width:160px; } .box-product .image img { transition: opacity 2s; -moz-transition: opacity 2s; -webkit-transition: opacity 2s; -o-transition: opacity 2s; padding: 6px; } .box-product .image img:hover { padding: 3px; opacity: 0.8; } .box-product .name a { margin:0px 8px; text-align:center; height:30px; color: #333333; font-weight: bold; text-decoration: none; display: block; font-size:12px; } .box-product .price { display: block; text-align:center; color: #ff0000; font-size:16px; margin-top: 0px; font-weight: bold; } .box-product .price-old { color: #F00; text-decoration: line-through; } .box-product .price-new { font-weight: ; } .box-product .rating { background:#f1f1f1; padding-top:3px; text-align:center; display: block; margin-bottom: 4px; } .goodsbox2{ width: 183px; height:210px; display: inline-block; vertical-align: top; margin-left: 6px; margin-right: 8px; margin-bottom: 8px; } .goodsbox2 .imgbox{ width:1830px; margin:0 0 5px 0; overflow:hidden; } .newstit{ color:#ffffff; } .thanhtoan { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 128px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 37px; background:url(images/checkout.gif) } .buttonorange { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 80px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 25px; background:url(images/detail/bg-buttom.png) } .buttonblue { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 80px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 25px; background:url(images/detail/bg-buttom-hover.png) } .buttonorange-big { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 150px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 47px; background:url(images/detail/bg-buttom.png) } .buttonblue-big { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 150px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 47px; background:url(images/detail/bg-buttom-hover.png) } .buttonorangelarge { BORDER-RIGHT: #ffb795 1px solid; BORDER-TOP: #ffb795 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffb795 1px solid; WIDTH: 150px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffb795 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 47px; BACKGROUND-COLOR: #ff915d } .buttonbluelarge { BORDER-RIGHT: #a2c1ff 1px solid; BORDER-TOP: #a2c1ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a2c1ff 1px solid; WIDTH: 110px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #a2c1ff 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 22px; BACKGROUND-COLOR: #709fff } .buttonorangemini { BORDER-RIGHT: #ffb795 1px solid; BORDER-TOP: #ffb795 1px solid; MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffb795 1px solid; WIDTH: 30px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffb795 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 19px; BACKGROUND-COLOR: #ff915d } .buttonbluemini { BORDER-RIGHT: #a2c1ff 1px solid; BORDER-TOP: #a2c1ff 1px solid; MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a2c1ff 1px solid; WIDTH: 30px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #a2c1ff 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 19px; BACKGROUND-COLOR: #709fff } /* Top level menu links style */ .catalog a { display: block; overflow: auto; /*force hasLayout in IE7 */ font-weight:bold; text-decoration: none; padding-top: 10px; color: #fffffff; padding-left: 0px; } .catalog a:link{ background: #; /*background of menu items (default state)*/ font: 12px tahoma; color: #ffff; } .catalog a:selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #; font: 12px tahoma; color: red; } .catalog a:hover{ background: #; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: red; border-bottom:1px dotted #E6E6E6;padding-top: 10px; padding-bottom: 3px; } .catalogsub a:visited{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #ffffff; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } /* Caltalog sub menu links style */ .catalogsub a{ display: block; overflow: auto; /*force hasLayout in IE7 */ font-weight:bold; text-decoration: none; padding-top: 10px; color: #ffffff; padding-left: 0px; } .catalogsub a:link{ background: #; /*background of menu items (default state)*/ font: 12px tahoma; color: #ffffff; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } .catalogsub a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #; font: 12px tahoma; color: red; } .catalogsub a:hover{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #ffffff; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } .catalogsub a:visited{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #ffffff; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } /* Caltalog menu 2 links style */ .catalog2 a{ display: block; overflow: auto; /*force hasLayout in IE7 */ font-weight:bold; text-decoration: none; padding-top: 10px; color: #ffffff; padding-left: 0px; } .catalog2 a:link{ background: #; /*background of menu items (default state)*/ font: 12px tahoma; color: #ffffff; border-bottom:0px dotted #999999;padding-top: 10px; padding-bottom: 3px; } .catalog2 a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #; font: 12px tahoma; color: red; } .catalog2 a:hover{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #ffffff; border-bottom:0px dotted #999999;padding-top: 10px; padding-bottom: 3px; } .catalog2 a:visited{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #ffffff; border-bottom:0px dotted #999999;padding-top: 10px; padding-bottom: 3px; } /* Dang ky menu links style */ .dangky a{ display: block; overflow: auto; /*force hasLayout in IE7 */ text-decoration: none; padding-top: 12px; color: #111111; padding-left: 0px; } .dangky a:link{ background: #; /*background of menu items (default state)*/ font-size: 14px; font: Times New Roman; text-decoration: none; color: #111111; height:32px; padding-left:10px; padding-right:20px; } .dangky a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #; font-size: 14px; font: Times New Roman; text-decoration: none; color: red; } .dangky a:hover{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font-size: 14px; font: Times New Roman; text-decoration: none; height:32px; padding-left:10px; padding-right:20px; color: black; } .dangky a:visited{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: #111111; } .buttonsearch { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 41px;width:41px;background:#cc3300; background:url('images/detail/search-icon.png') no-repeat; margin-left:0px;margin-top:0px; ; } .buttonsearch1 { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 41px;width:41px;background:#cc3300; background:url('images/detail/search-icon2.png') no-repeat; margin-left:0px;margin-top:0px; ; } .buttonaddcart { BORDER-RIGHT: 0px solid #ffffff; BORDER-TOP: 0px solid #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px solid #ffffff; WIDTH: 169px; CURSOR: hand; COLOR: #0080C0 ; BORDER-BOTTOM: 0px solid #FED904; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 38px; background:url('../../skin/default/add_cart.png'); } .buttonaddcart1 { BORDER-RIGHT: 0px solid #ffffff; BORDER-TOP: 0px solid #ffffff; FONT-WEIGHT: bold; FONT-SIZE: 12px; PADDING-BOTTOM: 0px; BORDER-LEFT: 0px solid #ffffff; WIDTH: 169px; CURSOR: hand; COLOR: #0080C0 ; BORDER-BOTTOM: 0px solid #FED904; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 38px; background:url('../../skin/default/add_cart_click.png'); } .buttonorange { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 80px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #FED904 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 22px; BACKGROUND-COLOR: #000000 } .buttonblue { BORDER-RIGHT: #ffffff 0px solid; BORDER-TOP: #ffffff 0px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 0px; BORDER-LEFT: #ffffff 0px solid; WIDTH: 80px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffffff 0px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 22px; BACKGROUND-COLOR: #3d3d3d } .buttonorangelarge { BORDER-RIGHT: #ffb795 1px solid; BORDER-TOP: #ffb795 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffb795 1px solid; WIDTH: 110px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffb795 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 22px; BACKGROUND-COLOR: #ff915d } .buttonbluelarge { BORDER-RIGHT: #a2c1ff 1px solid; BORDER-TOP: #a2c1ff 1px solid; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a2c1ff 1px solid; WIDTH: 110px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #a2c1ff 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 22px; BACKGROUND-COLOR: #709fff } .buttonorangemini { BORDER-RIGHT: #ffb795 1px solid; BORDER-TOP: #ffb795 1px solid; MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #ffb795 1px solid; WIDTH: 30px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #ffb795 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 19px; BACKGROUND-COLOR: #ff915d } .buttonbluemini { BORDER-RIGHT: #a2c1ff 1px solid; BORDER-TOP: #a2c1ff 1px solid; MARGIN-TOP: 1px; FONT-WEIGHT: bold; FONT-SIZE: 11px; PADDING-BOTTOM: 1px; BORDER-LEFT: #a2c1ff 1px solid; WIDTH: 30px; CURSOR: hand; COLOR: #ffffff; BORDER-BOTTOM: #a2c1ff 1px solid; FONT-FAMILY: Tahoma, Verdana,Tahoma,Serif; HEIGHT: 19px; BACKGROUND-COLOR: #709fff } /* Caltalog sub menu links style */ .catalogsub a{ display: block; overflow: auto; /*force hasLayout in IE7 */ font-weight:; text-decoration: none; padding-top: 10px; color: #fff; padding-left: 0px; text-transform: uppercase; BACKGROUND-COLOR: #;width:180px ; } .catalogsub a:link{ background: #; /*background of menu items (default state)*/ font: 11px ; color: #fff; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } .catalogsub a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #; font: 11px; color: red; } .catalogsub a:hover{ background: #; /*background of menu items during onmouseover (hover state)*/ font: 11px ; color: white; border-bottom:1px dotted #999999;padding-top: 10px; padding-bottom: 3px; } /* Caltalog menu links style */ .catalog a:link{ background: #; /*background of menu items (default state)*/ font: 12px tahoma; color: #fff; } .catalog a.selected{ /*CSS class that's dynamically added to the currently active menu items' LI A element*/ background: #ffffff; font: 12px tahoma; color: red; } .catalog a:hover{ background: #ffffff; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: red; border-bottom:1px dotted #E6E6E6;padding-top: 10px; padding-bottom: 3px; } .catalog a:visited{ background: #F5590E; /*background of menu items during onmouseover (hover state)*/ font: 12px tahoma; color: black; border-bottom:1px dotted #E6E6E6;padding-top: 10px; padding-bottom: 3px; } /* End Caltalog menu links style */ /* Header top */ .header-top{ background:#00468C; color: #ffffff; height:35px; line-height:34px; margin-top:-10px; margin-left:-8px; margin-right:-8px; } .header-menu{ background:#cc3300; background:url('images/detail/menu-ngang.png') repeat-x; color: #333333; height:41px; line-height:41px; margin-top:0px; margin-left:-8px; margin-right:-8px; z-index: 1; } .hotline{ color: #fff; line-height:41px; z-index: 1; float:right; margin-right:3px; font-weight:bold; font-size: 14px; } .searchtop{ color: #ff0000; line-height:41px; float:left; font-weight:bold; font-size: 14px; width:60%; height:41px; margin-top:0px; margin-left: -30px; } /* End Header top */ /*fotter*/ .nopading {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;} .fotter_content, .footer_link{color: #fff; margin-top: 10px; font-size: 13px;} .fotter_content .ft-left{width: 50%; float: left; padding: 0 30px 0 15px; border-right: 1px dashed #7b858e;} .fotter_content .ft-right{width: 50%; float: left; padding: 0 15px 0 30px;} .fotter_content .ft-left strong,.fotter_content .ft-right strong{font-size: 16px; text-transform: uppercase; } .fotter_content .ft-left ul, .fotter_content .ft-right ul{margin-top: .5em; list-style: none;} .fotter_content .ft-left ul li, .fotter_content .ft-right ul li{list-style-type: none; padding: 4px 0; margin: 0;} .footer_link { padding-top: 25px; border-top: 1px solid #7b858e; margin: 25px 15px; } .footer_link ul { list-style-image: none; margin: 0; padding: 0; } .footer_link ul li { list-style-type: none; padding: 0; margin: 0; float: left; width: 22%; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; box-sizing: border-box; } .footer_link ul li li strong { font-weight: bold; color: #fff; text-transform: uppercase; font-size: 16px; } .footer_link ul li li a:link, .footer_link ul li li a:visited { color: #7b858e; } .footer_link ul li li a:hover { color: #fff; } .footer_link ul li li { display: inline-block; padding: 0px 0; width: 90%; line-height: 2; overflow: hidden; } .footer_link div.container strong {font-size: 16px; color: #fff; display: inline-block; padding: 4px 0;margin-top:-10px; } .footer_link div.newsletter input.newsletter { width: 100%; border: 0; height: 32px; padding: 0 10px; margin-top: 7px} .upper{text-transform: uppercase;} .footer_link div.newsletter input#butt_newsletter { background: url(images/arrow_newsletter.png) right center no-repeat; border: 0; outline: none; position: absolute; top: 13px; right: 10px; cursor: pointer; width: 25px; height: 21px; font-size: 0; } .footer_link div.newsletter { position: relative; } .share_facebook>div.fl { color: #7b858e; margin: 0; float: left; line-height: 30px; } .footer_link div.container { color: #7b858e; padding: 0 10px; } .fr { float: right; } div.share_facebook a { float: left; width: 28px; height: 28px; -webkit-border-radius: 50%; -moz-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; background-color: #7b858e; background-repeat: no-repeat; background-position: center center; font-size: 0; margin-right: 10px; background-size: auto 14px;} div.share_facebook .facebook { background-image: url(images/c_facebook.png); } div.share_facebook .googleplus { background-image: url(images/c_google.png); } div.share_facebook .twitter { background-image: url(images/c_twitter.png); } div.share_facebook a.play { margin-right: 0; } div.share_facebook .play { background-image: url(images/c_play.png); } div.share_facebook a:hover { background-color: #dd127b; } div.footer_link>ul>li:last-child { width: 34%; } .share_facebook{margin-top: 15px} .connect_facebook{margin-top: 10px} .btn-khogiaodien-right{margin-top: -4px; float: right !important; display: inline-block; margin-right: 0 !important} .btn-khogiaodien-right a{transition: all 0.5s; background: #ff7d20; border: 1px solid #fff; padding: 3px 12px; display: block; color: #fff !important;} .btn-khogiaodien-right a:hover{ background: #49CBCD; color: #fff !important;} @media only screen and (min-width: 992px){ .btn-khogiaodien-right{ margin-right: 10px !important;} .pageload_id{min-width: 1200px} } @media only screen and (max-width: 479px) { .ft-left{width: 100% !important; padding:0 10px !important; border: none !important} .ft-right{width: 100% !important; padding:0 10px !important; border: none !important; margin-top: 15px} .footer_link>ul>li{width: 100% !important; margin-bottom: 15px} .footer_link{margin: 20px 10px; padding-top: 20px;} .footer_link div.container{padding: 0px} .footer{padding-bottom: 0} } @media only screen and (min-width: 480px) and (max-width: 767px) { .ft-left{width: 100% !important; padding:0 10px !important; border: none !important} .ft-right{width: 100% !important; padding:0 10px !important; border: none !important; margin-top: 15px} .footer_link>ul>li{width: 50% !important; margin-bottom: 15px} .footer_link{margin: 20px 10px; padding-top: 20px;} .footer_link div.container{padding: 0px} .footer{padding-bottom: 0} } @media only screen and (min-width: 780px) and (max-width: 991px) { .footer_link>ul>li{width: 50% !important; margin-bottom: 15px} .footer_link{margin: 20px 10px; padding-top: 20px;} .footer_link div.container{padding: 0px} .footer { padding-bottom: 35px !important; } } @media only screen and (min-width: 992px) { .footer{min-width: 1200px} } @media only screen and (max-width: 767px){ .link_page ul li:nth-child(3){ margin-right: 15px;margin-bottom: 10px !important} .btn-khogiaodien-right{ margin-right: 10px !important; margin-top: 0 !important;margin-bottom: 10px !important} .btn-khogiaodien-right a{ white-space: nowrap; font-size: 12px !important; padding: 2px 10px !important} .link_page ul { background: #DD040A url(images/icon_home.png) top 4px left 20px no-repeat !important; padding-left: 45px !important; margin-bottom: 35px !important; margin-left: -5px !important; margin-right: -5px !important; } } .clr, .clear { clear: both; }