蕾丝直播

/*全(quan)局樣式(shi)定(ding)義*/ body {margin: 0px;padding: 0px;font-size: 12px;color: #333;background-color: #f5f5f5;} ul,li,ol {margin:0px;padding:0px;list-style-type: none;} img,form {margin:0px;padding:0px;border:0px;} h1,h2,h3,h4,h5,h6,h7{margin:0px;padding:0px;} .left{float:left;} .right{float:right;} /*全站(zhan)標題(ti)欄(lan)顏色(se)設置，如(ru)果需(xu)要列改(gai)默認(ren)手機(ji)模(mo)板的顏色，隻需改以下幾(ji)個樣式即可*/ .heda-top-color{color:#fff; background-color:#00aef1;} .heda-title-color{color:#fff; background-color:#00aef1;} .heda-con-listview .heda-con-text-title span a, .heda-title-color span a{color:#fff; text-decoration:none;} .heda-title-color span a:hover{color:yellow; text-decoration:none;} #heda-root-navbar li {color:#fff; background-color: #464646;} #heda-root-navbar .selected,#ui-heda-root-navbar ul li a:hover{color:#fff; background-color: #00aef1;} .heda-con-newstab .hd{border-bottom:1px solid #00aef1; } .heda-con-newstab .hd ul .on{border-bottom-color:#f9f9f9; background:#00aef1;} /*頂(ding)部導航欄*/ #heda-top-navbar { height: 50px; width: 100%; position: fixed; top: 0px; z-index:9999; } .heda-top-navbar-leftbtn { height: 50px; width: 50px; display: block; float: left; } .heda-top-navbar-leftbtn img,.heda-top-navbar-rightbtn img{ margin:9px 0px 0px 9px; } .heda-top-navbar-milbtn { margin:0 10%; height: 50px; width:80%; text-align: center; font-size: 18px; color: #FFF; line-height: 50px; text-decoration: none; position:absolute; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } .heda-top-navbar-rightbtn { float: right; height: 50px; width: 50px; display: block; } /*搜索欄*/ .heda-searchbar { background-color: #FFF; height: 45px; width: 100%; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #CCC; padding-top: 5px; } .heda-searchbar-input { height: 38px; width: 98%; margin-right: auto; margin-left: auto; display: block; border-radius: 6px; background-image: url(http://file.hedaweb.com/skin/images/searchgrey.png); background-repeat: no-repeat; background-position: 10px center; background-color: #efefef; font-size: 14px; text-indent: 40px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } /*內容區外框樣(yang)式*/ #heda-con-area { width: 100%; overflow:hidden; } .heda-con-area-margin { padding-top: 50px; padding-bottom: 65px; } .heda-con-txt-frame { background-color: #FFF; border-top-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-bottom-style: solid; border-top-color: #f0f0f0; border-bottom-color: #f0f0f0; margin-top: 5px; margin-bottom: 5px; } .heda-con-txt-frame1 { width: 96%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; overflow:hidden; } .heda-con-txt-frame1 div{font-size:16px; line-height:1.5em;} .heda-con-txt-frame1 h1 { font-size: 16px; font-weight: bold; display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; } /*標準外框樣式1，圓(yuan)角(jiao)*/ .heda-con-kuan1{ background-color:#FFF; border-radius: 12px; margin:5px 1px; border:#f0f0f0 solid 1px; overflow:hidden; } .heda-con-kuan1 .heda-con-kuan1-title{ font-weight:bold; padding:5px 12px;border-radius: 12px 12px 0 0; height:25px; line-height:25px; font-size:14px;} .heda-con-kuan1 .heda-con-kuan1-title span{float:right;} /*標準外框樣式2，直角*/ .heda-con-kuan2{ background-color:#FFF; margin:5px 1px; border:#f0f0f0 solid 1px; overflow:hidden; } .heda-con-kuan2 .heda-con-kuan2-title{ font-weight:bold; padding:5px 12px; height:25px; line-height:25px; font-size:14px;} .heda-con-kuan2 .heda-con-kuan2-title span{float:right;} /*內容列表(biao)樣式*/ .heda-con-listview{ background-color:#FFF; border-radius: 12px; margin:5px 1px; border:#f0f0f0 solid 1px; } .heda-con-listview .heda-con-text-title{ font-weight:bold; padding:5px 12px;border-radius: 12px 12px 0 0; height:25px; line-height:25px; font-size:14px;} .heda-con-listview li span,.heda-con-listview li sup{float:right;} .heda-con-listview li sup{border-radius: 10px; width:20px; text-align:center; height:20px; background-color:#ccc;} .heda-con-listview li sup img{margin-top:3px; width:14px; height:14px;} .heda-con-listview li{border-bottom-width:1px;border-bottom-color:#f0f0f0;border-bottom-style:solid;} .heda-con-listview li{line-height:1.5em; padding:8px 15px; font-size:14px;} .heda-con-listview li a{ text-decoration:none; color:#333; display:block;font-size:14px;} .heda-con-listview .heda-con-text-contxt{padding:12px; overflow:hidden; font-size:14px; line-height:1.5em;border-top-width:0px;border-bottom-width:0px;} .heda-con-listview .heda-con-text-contxt p{margin:0px 0px 5px 0px;} .heda-con-listview .heda-con-text-contxt p .left{max-width:40%;float:left;margin:0px 5px 5px 0px;} .heda-con-listview .on{background-color:#fcfcfc;} .heda-con-listview .last{border-radius: 0 0 12px 12px;} /*標簽切換方(fang)式新聞調用(yong)，采用第三方插件：TouchSlide.1.1，可以根據(ju)需要(yao)，修改展(zhan)示樣式*/ .heda-con-newstab{margin:5px 1px;} .heda-con-newstab .hd{ height:30px; line-height:30px; padding:0 5px 0 0; font-size:14px; position:relative; } .heda-con-newstab .hd ul{ position:absolute; height:31px; top:0; overflow:hidden; } .heda-con-newstab .hd ul li{ float:left; padding:0 10px; color:#666; border-radius: 5px 5px 0px 0px; background:#fff; color:#333; margin-right:5px; } .heda-con-newstab .hd ul .on{ border:2px solid #00aef1; color:#fff; font-weight:bold; } .heda-con-newstab .hd ul .on a{ display:block;} .heda-con-newstab .bd ul{ padding:10px 0 10px 10px; background-color:#fff; } .heda-con-newstab .bd li{ height:33px; line-height:33px;font-size:14px; } .heda-con-newstab .bd li a{ color:#333; text-shadow: 0 1px 0 #f3f3f3; font-weight:normal; text-decoration:none; -webkit-tap-highlight-color:rgba(0,0,0,0); font-size:14px;} /* 去(qu)掉鏈接觸摸高(gao)亮 */ .heda-con-newstab .bd li a:hover{ color:#666;} .heda-con-newstab .bd li span{float:right; margin-right:6px;} /*新聞樣式1*/ .heda-news-list1 li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; padding:5px; } .heda-news-list1 li a{ text-decoration:none; color:#333; display:block; font-size:14px; overflow:hidden; } .heda-news-list1 li img { height: 75px; width: 100px; float: left; margin: 0px 10px 0px 0px; border:#efefef solid 1px; } .heda-news-list1 li h2 { margin-top: 5px; font-size:14px; } .heda-news-list1 li p { margin:5px 0 5px 0; } /*新聞列表樣式2*/ .heda-news-list2 li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; background-image: url(http://file.hedaweb.com/skin/images/arrow.png); background-repeat: no-repeat; background-position: right center; text-indent:10px; } .heda-news-list2 li a{ line-height:45px; text-decoration:none; color:#333; font-size:14px; display:block; } .heda-news-list2 li a:hover{ color:red; } /*新聞列表樣式3*/ .heda-news-list3 { text-align: center; } .heda-news-list3 li img { width: 98%; } .heda-news-list3 li { padding-top: 10px; padding-bottom: 10px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; } .heda-op { height: 32px; margin-right: auto; margin-left: auto; display: block; margin: 10px 20px 5px; } .heda-btn-style1 { color: #FFF; text-decoration: none; height: 32px; width: 49%; display: block; background-color: #00e567; line-height: 32px; border-radius: 6px; } .heda-btn-style2 { display: block; height: 32px; width: 49%; background-color: #00aef1; color: #FFF; text-decoration: none; line-height: 32px; border-radius: 6px; } /*新聞列表樣式4*/ .heda-news-list4 { background-color: #FFF; width: 98%; margin-right: auto; margin-left: auto; border-radius: 8px; border: 1px solid #f0f0f0; margin-bottom: 10px; margin-top: 5px; clear: both; overflow:hidden; } .heda-news-list4 a{ text-decoration:none; color:#333; display:block; } .heda-news-list4 img{width:100%;} .heda-news-list4-bt { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #000; text-decoration: none; width: 100%; text-indent: 10px;} .heda-news-list4-view { display: block; width: 100%; padding-top: 10px; color: #000; text-decoration: none; padding-bottom: 10px; text-indent: 10px; border-top-width: 1px; border-top-style: solid; border-top-color: #f0f0f0; font-size:14px; } .heda-news-list4-con { width: 98%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; display: block; color: #000; text-decoration: none; line-height: 24px; font-size: 12px; } /*列表頁分頁(ye)樣式*/ #heda-page{text-align:center; clear:both; line-height:50px; font-size:16px;} #heda-page .JZD_PAGE_PREVIOUS,#heda-page .JZD_PAGE_NEXT{padding:12px 28px;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;background-color: #EEE; } #heda-page .disabled{color:#ccc;} #heda-page a{ text-decoration:none; color:#333; } #heda-page a:hover{color:red;} /*生活服務類列表樣式*/ .heda-slistarea { background-color: #FFF; width: 96%; border: 1px solid #f0f0f0; border-radius: 8px; margin-right: auto; margin-left: auto; margin-top: 5px; margin-bottom: 5px; } .heda-slistarea-down-left { font-size: 12px; line-height: 30px; height: 34px; width: 50%; display: block; float: left; text-align: center; border-right-width: 1px; border-right-style: solid; border-right-color: #f0f0f0; font-weight: bold; } .heda-slistarea-down-right { font-size: 12px; line-height: 30px; height: 34px; width: 49%; display: block; float: right; text-align: center; font-weight: bold; } .heda-slistarea-down { height: 34px; } .heda-slistarea-up { padding: 10px; min-height: 90px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; } .heda-slistarea-up img { height: 90px; width: 120px; float: left; margin-right: 10px; } .heda-slistarea-down img { height: 24px; width: 24px; margin-bottom: -7px; } .heda-slistarea-down a { color: #666; display: block; text-decoration:none; } .heda-news-bt { display: block; padding-right: 0px; padding-bottom: 2px; padding-left: 10px; margin: 0px; width: 96%; } .heda-news-bt a { font-size: 14px; font-weight: bold; color: #333; padding: 0px; text-decoration: none; margin: 0px; } .heda-news-fbt a { color: #999; text-decoration: none; display: block; width: 96%; padding-left: 10px; padding-bottom: 10px; } /*產(chan)品展示(shi)一，帶幻燈切換(huan)效果，圖片尺寸4：3*/ .heda-product-tabBox1{ margin:5px 1px 10px 1px;} .heda-product-tabBox1 ul,.tabBox li{margin:0px;padding:0px;list-style-type: none;} .heda-product-tabBox1 .hd{ width:100%; margin:0;padding:5px 0 0 0;height:11px; bottom:5px; text-align:center; } .heda-product-tabBox1 .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;} .heda-product-tabBox1 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .heda-product-tabBox1 .hd ul .on{ background:#FE6C9C; } .heda-product-tabBox1 .bd{ position:relative; z-index:0; } .heda-product-tabBox1 .bd li{ position:relative; text-align:center; } .heda-product-tabBox1 .bd ul li{float:left;width:50%;text-align:center;font-szie:1em;} .heda-product-tabBox1 .bd ul li img{width:160px;height:120px;margin:2px;} .heda-product-tabBox1 .bd ul li a{color:#333; text-decoration:none; font-weight:normal;} /*產品(pin)展示二，帶幻燈切換(huan)效果，圖片尺寸3：4*/ .heda-product-tabBox2{ margin:5px 1px 10px 1px;} .heda-product-tabBox2 ul,.tabBox li{margin:0px;padding:0px;list-style-type: none;} .heda-product-tabBox2 .hd{ width:100%; margin:0;padding:5px 0 0 0;height:11px; bottom:5px; text-align:center; } .heda-product-tabBox2 .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;} .heda-product-tabBox2 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .heda-product-tabBox2 .hd ul .on{ background:#FE6C9C; } .heda-product-tabBox2 .bd{ position:relative; z-index:0; } .heda-product-tabBox2 .bd li{ position:relative; text-align:center; } .heda-product-tabBox2 .bd ul li{float:left;width:50%;text-align:center;font-szie:1em;} .heda-product-tabBox2 .bd ul li img{width:160px;height:213px;margin:2px;} .heda-product-tabBox2 .bd ul li a{color:#333; text-decoration:none; font-weight:normal;} /*產品展示三，帶幻燈切換(huan)效果，圖片尺寸1：1*/ .heda-product-tabBox3{ margin:5px 1px 10px 1px;} .heda-product-tabBox3 ul,.tabBox li{margin:0px;padding:0px;list-style-type: none;} .heda-product-tabBox3 .hd{ width:100%; margin:0;padding:5px 0 0 0;height:11px; bottom:5px; text-align:center; } .heda-product-tabBox3 .hd ul{ display:inline-block; height:10px; padding:3px 5px; background-color:rgba(255,255,255,0.7);-webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; font-size:0; vertical-align:top;} .heda-product-tabBox3 .hd ul li{ display:inline-block; width:10px; height:10px; -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; background:#8C8C8C; margin:0 5px; vertical-align:top; overflow:hidden; } .heda-product-tabBox3 .hd ul .on{ background:#FE6C9C; } .heda-product-tabBox3 .bd{ position:relative; z-index:0; } .heda-product-tabBox3 .bd li{ position:relative; text-align:center; } .heda-product-tabBox3 .bd ul li{float:left;width:50%;text-align:center;font-szie:1em;} .heda-product-tabBox3 .bd ul li img{width:160px;height:160px;margin:2px;} .heda-product-tabBox3 .bd ul li a{color:#333; text-decoration:none; font-weight:normal;} /*產品列表展示一，圖片尺寸4：3*/ .heda-product1{ overflow:hidden; margin:5px 0px} .heda-product1 ul li{width:50%; text-align:center; float:left;} .heda-product1 ul li img{width:97.5%;height:120px;margin:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .heda-product1 ul li span{display: block; margin:6px 0px; line-height:1.5em;} .heda-product1 ul li a{color:#000; text-decoration:none; font-size:12px; font-weight:normal;} .heda-product1 ul li a:hover,.heda-product1 ul li a:visited,.heda-product2 ul li a:hover,.heda-product2 ul li a:visited,.heda-product3 ul li a:hover,.heda-product3 ul li a:visited,.heda-product4 ul li a:hover,.heda-product4 ul li a:visited,.heda-product5 ul li a:hover,.heda-product5 ul li a:visited,.heda-product-tabBox .bd ul li a:hover,.heda-product-tabBox .bd ul li a:visited{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} /*產品列(lie)表展示二(er)，圖片尺寸4：3*/ .heda-product2{ overflow:hidden; margin:5px;} .heda-product2 ul li{width:50%; text-align:center; float:left;} .heda-product2 ul li img{width:97.5%;height:120px;margin:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .heda-product2 ul li span{display: block; margin:6px 0px 0px 0px; line-height:1.5em; } .heda-product2 ul li a{color:#000; text-decoration:none; font-size:12px; font-weight:normal; border:#ccc solid 1px; display:block; margin:2px; padding:5px;border-radius: 8px;} /*產品列表展示三，圖片尺寸3：4*/ .heda-product3{ overflow:hidden; margin:5px 0px} .heda-product3 ul li{width:50%; text-align:center; float:left;} .heda-product3 ul li img{width:97.5%;height:213px;margin:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .heda-product3 ul li span{display: block; margin:6px 0px; line-height:1.5em;} .heda-product3 ul li a{color:#000; text-decoration:none; font-size:12px; font-weight:normal;} /*產品列表展示四，圖片尺寸3：4*/ .heda-product4{ overflow:hidden; margin:5px;} .heda-product4 ul li{width:50%; text-align:center; float:left;} .heda-product4 ul li img{width:97.5%;height:213px;margin:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .heda-product4 ul li span{display: block; margin:6px 0px 0px 0px; line-height:1.5em; } .heda-product4 ul li a{color:#000; text-decoration:none; font-size:12px; font-weight:normal; border:#ccc solid 1px; display:block; margin:2px; padding:5px;border-radius: 8px;} /*產品列表展示五，圖片尺寸1：1*/ .heda-product5{ overflow:hidden; margin:5px;} .heda-product5 ul li{width:50%; text-align:center; float:left;} .heda-product5 ul li img{width:97.5%;height:175px;margin:2px;-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;} .heda-product5 ul li span{display: block; margin:6px 0px 0px 0px; line-height:1.5em; } .heda-product5 ul li a{color:#000; text-decoration:none; font-size:12px; font-weight:normal; border:#ccc solid 1px; display:block; margin:2px; padding:5px;border-radius: 8px;} /*防止(zhi)字(zi)符(fu)超出*/ .heda-span-size{ white-space: nowrap; text-overflow: ellipsis; overflow: hidden; width:98%; margin:0 auto; line-height:22px; text-align:center; } /*留言反饋樣式*/ .heda-fk-feedback-magrin{padding:0 10px;} .heda-fk-feedback { font-family: "微軟(ruan)雅黑"; font-size: 16px; line-height: 32px; color: #0089B1; height: 32px; width: 100%; background-image: url(http://file.hedaweb.com/skin/images/icon-feedback.png); background-repeat: no-repeat; text-indent: 40px; display: block; margin-top: 20px; } .heda-fk-inputk { background-image: url(http://file.hedaweb.com/skin/images/icon-feedback2.png); width: 100%; background-repeat: repeat-y; padding-top: 10px; padding-bottom: 10px; } .heda-fk-inputk1 { background-image: url(http://file.hedaweb.com/skin/images/icon-feedback1.png); background-repeat: no-repeat; width: 100%; } .heda-fk-input2 { background-color: #FFFFFF; margin-left: 40px; margin-right: 20px; padding: 2%; border-radius: 6px; border: 1px solid #CCCCCC; -webkit-box-shadow: 1px 1px 0px #ccc; text-align: center; } .heda-fk-input3 { background-color: #FFFFFF; margin-left: 40px; margin-right: 20px; padding: 2%; border-radius: 6px; border: 1px solid #CCCCCC; -webkit-box-shadow: 1px 1px 0px #ccc; margin-bottom: 5px; color: #2f2f2f; font-size: 14px; } .heda-fk-input4 { background-color: #FFFFFF; margin-left: 40px; margin-right: 20px; padding: 2%; border-radius: 6px; border: 1px solid #CCCCCC; -webkit-box-shadow: 1px 1px 0px #ccc; margin-bottom: 5px; color: #666666; font-size: 12px; } .channelform input, .channelform textarea, .input1 { font-family: "微軟(ruan)雅黑"; font-size: 14px; color: #666; width: 96%; margin-bottom: 10px; border-radius: 6px; border: 1px solid #CCC; padding: 4px; } .channelform td{text-align:left;} .heda-fk-name { width: 540px; margin-left: 40px; margin-right: 20px; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; color: #005F8A; font-size: 14px; font-family: "宋體"; } .heda-fk-time { font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666; } .channelform { margin: 0px; padding: 0px; } .channelform .submit, .share-submitbtn { font-size: 14px; color: #FFFFFF; background-color: #3db308; box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); -webkit-box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15); text-shadow: 0.5px 0.5px 1px #fff; text-align: center; border-radius: 3px; width: 97%; cursor: pointer; font-family: "微軟(ruan)雅黑"; padding-top: 6px; padding-right: 0; padding-bottom: 6px; padding-left: 0; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; clear: both; } /*分(fen)享(xiang)按鈕樣式*/ .heda-share-frame { font-size: 12px; background-color: #FFF; border: 1px solid #f0f0f0; font-family: "宋體"; font-size: 12px; line-height: 24px; color: #333; border-radius: 6px; width: 98%; padding-top: 10px; padding-bottom: 20px; margin-bottom: 5px; margin-top: 5px; margin-right: auto; margin-left: auto; } .heda-share-til { width: 96%; margin-right: auto; margin-left: auto; } .heda-share-btn-frame { width: 100%; height: 32px; } .heda-btn-left { float: left; height: 32px; width: 49%; } .heda-btn-right { float: right; height: 32px; width: 48%; } .heda-share-setfriend { background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#eeeeee)); height: 32px; width: 100%; text-align: center; font-family: "宋體"; font-size: 12px; color: #FFF; line-height: 32px; border-radius: 4px; border: 1px solid #c5c8cf; } .heda-share-setfriend a { color: #333; text-decoration: none; display: block; } #heda-con-area .heda-share-frame .heda-share-til .heda-share-btn-frame .heda-share-setfriend a img { height: 24px; width: 24px; margin-bottom: -7px; } #heda-root-navbar { height: 60px; width: 100%; position: fixed; bottom: 0px; font-size: 12px; color: #FFF; font-family: "微軟(ruan)雅黑"; clear: both; display:none; z-index:9999; } #heda-root-navbar ul li { float: left; height: 60px; width: 20%; text-align: center; } #heda-root-navbar ul li a { color: #FFF; text-decoration: none; display: block; height: 60px; } #heda-root-navbar ul li a img { margin-top: 6px; } #heda-root-navbar .goodsNumber { top:0; border: #fff solid 1px; display: block; height: 12px; width: 12px; line-height: 12px; background-color: #f00; margin-top: 5px; position:absolute; text-align:center; font-size:12px; display:none; border-radius: 6px; } /*九宮格導航菜單（每行顯(xian)示三列菜單(dan)），最多支(zhi)持九個菜單，注(zhu)意(yi)調(diao)用指定菜單數(shu)量(liang)*/ #heda-home-9gongge ul{overflow: hidden;margin:4px 0px 0px 0px;} #heda-home-9gongge li{width:32%;padding:10px 0px 20px 0px;margin:0.5% 0px; float:left; line-height:0.8em; text-align:center;} #heda-home-9gongge li img{width:45%;margin-bottom:10px;} #heda-home-9gongge li:nth-child(9n+1){display:block;background-color:#6eb7a2;margin-left:1%;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+2){display:block;background-color:#607498;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+3){display:block;background-color:#eb953e;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+4){display:block;background-color:#6ebd47;margin-left:1%;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+5){display:block;background-color:#bb7d8b;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+6){display:block;background-color:#777f88;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+7){display:block;background-color:#495556;margin-left:1%;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+8){display:block;background-color:#6ebc88;margin-right:1%;} #heda-home-9gongge li:nth-child(9n+9){display:block;background-color:#6eb7a2;margin-right:1%;} #heda-home-9gongge li a{color: #fff;font-weight: normal;display: block;text-decoration: none;text-shadow: 0 0 0 #f3f3f3;} #heda-home-9gongge li a:hover,.heda-home-9gongge a:visited{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} /*間(jian)隔(ge)色九宮格*/ #heda-home-nav li a { display: block; float: left; width: 33.3%; background-image: -webkit-gradient(linear, right bottom, left top, from(#282828), to(#272727), color-stop(47%, #676767)); background-image: -webkit-linear-gradient(bottom right, #282828, #272727 47%, #676767); background-image: linear-gradient(to top left, #282828, #272727 47%, #676767);/*黑色漸變的(de)3個顏色，可以(yi)自由更換*/ font-size: 12px; color: #FFF; text-decoration: none; text-align: center; padding-top: 10px; padding-bottom: 10px; font-family: "宋體"; } #heda-home-nav li:nth-child(2n) a { background-image: -webkit-gradient(linear, right bottom, left top, from(#B48D04), to(#A68C2C), color-stop(47%, #CEBB63)); background-image: -webkit-linear-gradient(bottom right, #B48D04, #A68C2C 47%, #CEBB63); background-image: linear-gradient(to top left, #B48D04, #A68C2C 47%, #CEBB63);/*藍色漸(jian)變的3個顏色，可以(yi)自由更換*/ color: #fff;/*文字的顏色，可以(yi)自由更換*/ } #heda-home-nav ul li a img { margin-bottom: 10px; height: 35%; width: 35%; } /*六(liu)宮格導(dao)航菜單(每(mei)行顯示兩列菜單)，最多(duo)支持八個(ge)菜單，注意調用時指定菜(cai)單數量*/ #heda-home-6gongge ul{overflow: hidden;margin:4px 1%;} #heda-home-6gongge li{width:49.5%;padding:10px 0px 20px 0px;margin:2px 0; line-height:0.8em; text-align:center;} #heda-home-6gongge li img{width:40%; margin-bottom:10px;} #heda-home-6gongge li:nth-child(8n+1){display:block;background-color:#6eb7a2;float:left;} #heda-home-6gongge li:nth-child(8n+2){display:block;background-color:#607498;float:right;} #heda-home-6gongge li:nth-child(8n+3){display:block;background-color:#eb953e;float:left;} #heda-home-6gongge li:nth-child(8n+4){display:block;background-color:#6ebd47;float:right;} #heda-home-6gongge li:nth-child(8n+5){display:block;background-color:#bb7d8b;float:left;} #heda-home-6gongge li:nth-child(8n+6){display:block;background-color:#777f88;float:right;} #heda-home-6gongge li:nth-child(8n+7){display:block;background-color:#495556;float:left;} #heda-home-6gongge li:nth-child(8n+8){display:block;background-color:#6ebc88;float:right;} #heda-home-6gongge li a{color: #fff;font-weight: normal;display: block;text-decoration: none;text-shadow: 0 0 0 #f3f3f3;} #heda-home-6gongge li a:hover,.heda-home-6gongge a:visited{filter:alpha(opacity=50);-moz-opacity:0.5;opacity:0.5;} .heda-block-navbar { position: fixed; border-radius: 6px; background-color: #2f2f2f; padding: 1%; border: 1px solid #282828; box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.4); margin: 0 auto; z-index: 9999; } .heda-block-navbar-close { width: 100%; padding-top: 10px; padding-bottom: 10px; color: #FFF; text-align: right; } .heda-block-navbar-close img { margin-bottom: -7px; } .heda-block-navbar-close a { color: #FFF; text-decoration: none; font-weight: bold; } .heda-block-navbar ul { padding: 0px; list-style-type: none; margin-top: 0px; margin-right: 0.5%; margin-bottom: 10px; margin-left: 1%; overflow: hidden; } .heda-block-navbar ul li { width: 49%; float: left; text-align: center; height: 40px; line-height: 40px; font-family: "宋體"; font-size: 12px; border-top-style: solid; border-left-style: solid; border-top-width: 1px; border-left-width: 1px; border-top-color: #494949; border-left-color: #494949; border-right-width: 1px; border-bottom-width: 1px; border-right-style: solid; border-bottom-style: solid; border-right-color: #000; border-bottom-color: #000; } .heda-block-navbar ul li a { background-color: #3a3a3a; width: 100%; display: block; color: #CCC; text-decoration: none; height: 40px; } /*推(tui)薦(jian)閱讀(du)*/ .heda-tjread { width: 98%; margin-right: auto; margin-left: auto; } .heda-news-list-til { font-size: 14px; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; text-indent: 10px; line-height: 40px; font-weight: bold; color: #000; } .heda-tjread ul li { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; background-image: url(http://file.hedaweb.com/skin/images/arrow.png); background-repeat: no-repeat; background-position: right center; } .heda-tjread ul li a { font-size: 14px; color: #333; padding: 0px; text-decoration: none; margin: 0px; display: block; line-height:40px; text-indent:10px; } .heda-tjread ul li a:hover { color: red; } /*活動腳(jiao)本框*/ .heda-active-list { background-color: #FFF; width: 98%; margin-right: auto; margin-left: auto; border-radius: 8px; border: 1px solid #f0f0f0; margin-bottom: 10px; margin-top: 5px; clear: both; overflow:hidden; } .heda-active-list a{ text-decoration:none; color:#333; display:block; } .heda-active-list-bt { display: block; border-bottom-width: 1px; border-bottom-style: solid; border-bottom-color: #f0f0f0; padding-top: 10px; padding-bottom: 10px; font-size: 14px; font-weight: bold; color: #000; text-decoration: none; width: 100%; text-indent: 10px;} .heda-active-list-con { width: 98%; margin-right: auto; margin-left: auto; padding-top: 10px; padding-bottom: 10px; display: block; color: #000; text-decoration: none; line-height: 24px; font-size: 12px; overflow:hidden; } /*團購按鈕*/ #wtgButton{ border: 1px solid #999; padding:4px 10px; background-color:#f0f0f0; width:300px; height:40px; line-height:30px; font-size:14px; border-radius: 8px; } /*全站通用導航(hang)菜單*/ .heda-menu{position:fixed;left:-180px; top:0%; height:100%; width:160px; background-color:#fff;box-shadow: 0px 0px 15px #efefef; z-index:99999; overflow:hidden;font-size:14px;} .heda-menu ul ul{display:none;} .heda-menu li{ text-align:center;margin-bottom:5px; padding:0px 8px;} .heda-menu .heda-menu-title{height:35px; margin-bottom:5px; line-height:35px;} .heda-menu .heda-menu-title span{float:right;margin-top:3px;} .heda-menu li a{display:block; line-height:26px; padding:2px 5px; background: -webkit-linear-gradient(#efefef, #f0f0f0); background: -o-linear-gradient(#efefef, #f0f0f0); background: -moz-linear-gradient(#efefef, #f0f0f0); background: linear-gradient(#efefef, #f0f0f0); border:1px double #ccc;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px; color:#000; text-decoration:none;} .heda-menu li .select,.heda-menu li a:hover{background: -webkit-linear-gradient(#999, #666); background: -o-linear-gradient(#999, #666); background: -moz-linear-gradient(#999, #666); background: linear-gradient(#999, #666); color:#fff; font-weight:normal; } .heda-menu .leftButton{display:none;bottom:0%;background-color:#f0f0f0; position:absolute; border-right:solid; border-right-color:#fff; border-right-width:1px; float:left; font-size:12px; text-align:center; height:50px; width:79px; padding-bottom:5px;} .heda-menu .rightButton{display:none;bottom:0%;background-color:#f0f0f0; left:80px; position:absolute; font-size:12px; text-align:center;height:50px; width:80px; padding-bottom:5px;} /*全站通用欄目導航*/ .heda-class{ overflow:hidden; margin-top:5px;} .heda-class li{width:23%; float:left; text-align:center; height:30px; line-height:30px; padding:1px 1%;margin:0px 0px 2px 0px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;} .heda-class li a{width: 99%; color:#000; border:1px solid #ccc; font-size: 16px;font-weight: normal;text-decoration: none;display: block;-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;text-shadow: none; background: -webkit-linear-gradient(#ffffff, #cccccc); background: -o-linear-gradient(#ffffff, #cccccc); background: -moz-linear-gradient(#ffffff, #cccccc); background: linear-gradient(#ffffff, #cccccc); } .heda-class li a:hover,.heda-class li .select{background: -webkit-linear-gradient(#ccc, #f0f0f0); background: -o-linear-gradient(#ccc, #f0f0f0); background: -moz-linear-gradient(#ccc, #f0f0f0); background: linear-gradient(#ccc, #f0f0f0);} /*視頻專用CSS*/ .heda-video{width:100%; height:202px;} /*按(an)鈕專用CSS*/ .heda-ui-button{ display:inline-block; line-height:35px; font-size:14px; text-align:center; width:150px; background-color:#fff; text-decoration:none; color:#000; border-radius:6px; border:#ccc solid 1px;} .heda-ui-button:hover{ background-color:#efefef;} .heda-ui-button img{ vertical-align:middle; border:#ccc solid 1px; border-radius:9px; margin-bottom:4px; padding:1px; background-color:#ccc; width:14px; height:14px;} /*小按鈕(niu)*/ .heda-ui-small-button{ display:inline-block; line-height:25px; font-size:12px; text-align:center; width:80px; background-color:#fff; text-decoration:none; color:#000; border-radius:6px; border:#ccc solid 1px;} .heda-ui-small-button:hover{ background-color:#efefef;} .heda-ui-small-button img{ vertical-align:middle; border:#ccc solid 1px; border-radius:7px; margin-bottom:2px; padding:1px; background-color:#ccc; width:10px; height:10px;} /*各分辨率手機屏(ping)幕自適(shi)應，可(ke)以根據實際(ji)需要，增加適應屏幕*/ @media all and (min-width:320px) { .heda-product-tabBox1 .bd ul li img{width:142px;height:107px;} .heda-product-tabBox2 .bd ul li img{width:142px;height:189px;} .heda-product-tabBox3 .bd ul li img{width:142px;height:142px;} .heda-product1 ul li img,.heda-product2 ul li img{height:107px;} .heda-product3 ul li img,.heda-product4 ul li img{height:190px;} .heda-product5 ul li img{height:156px;} .heda-video{width:100%; height:180px;} } @media all and (min-width:360px) { .heda-product-tabBox1 .bd ul li img{width:160px;height:120px;} .heda-product-tabBox2 .bd ul li img{width:160px;height:213px;} .heda-product-tabBox3 .bd ul li img{width:160px;height:160px;} .heda-product1 ul li img,.heda-product2 ul li img{height:120px;} .heda-product3 ul li img,.heda-product4 ul li img{height:213px;} .heda-product5 ul li img{height:175px;} .heda-video{width:100%; height:202px;} } @media all and (min-width:480px) { .heda-product-tabBox1 .bd ul li img{width:213px;height:160px;} .heda-product-tabBox2 .bd ul li img{width:213px;height:284px;} .heda-product-tabBox3 .bd ul li img{width:213px;height:213px;} .heda-product1 ul li img,.heda-product2 ul li img{height:160px;} .heda-product3 ul li img,.heda-product4 ul li img{height:284px;} .heda-product5 ul li img{height:234px;} .heda-video{width:100%; height:270px;} } @media all and (min-width:540px) { .heda-product-tabBox1 .bd ul li img{width:240px;height:180px;} .heda-product-tabBox2 .bd ul li img{width:240px;height:320px;} .heda-product-tabBox3 .bd ul li img{width:240px;height:240px;} .heda-product1 ul li img,.heda-product2 ul li img{height:180px;} .heda-product3 ul li img,.heda-product4 ul li img{height:320px;} .heda-product5 ul li img{height:263px;} .heda-video{width:100%; height:303px;} } @media all and (min-width:640px) { .heda-product-tabBox1 .bd ul li img{width:284px;height:213px;} .heda-product-tabBox2 .bd ul li img{width:284px;height:378px;} .heda-product-tabBox3 .bd ul li img{width:284px;height:284px;} .heda-product1 ul li img,.heda-product2 ul li img{height:213px;} .heda-product3 ul li img,.heda-product4 ul li img{height:378px;} .heda-product5 ul li img{height:312px;} .heda-video{width:100%; height:360px;} } @media all and (min-width:720px) { .heda-product-tabBox1 .bd ul li img{width:370px;height:240px;} .heda-product-tabBox2 .bd ul li img{width:370px;height:493px;} .heda-product-tabBox3 .bd ul li img{width:370px;height:370px;} .heda-product1 ul li img,.heda-product2 ul li img{height:240px;} .heda-product3 ul li img,.heda-product4 ul li img{height:426px;} .heda-product5 ul li img{height:351px;} .heda-video{width:100%; height:405px;} } @media all and (min-width:768px) { body{width:768px; margin:0 auto;} /*頭(tou)部和(he)底部*/ #heda-top-navbar,#heda-root-navbar{width:768px;} .heda-product-tabBox1 .bd ul li img{width:350px;height:260px;} .heda-product-tabBox2 .bd ul li img{width:350px;height:466px;} .heda-product-tabBox3 .bd ul li img{width:350px;height:350px;} .heda-product1 ul li img,.heda-product2 ul li img{height:260px;} .heda-product3 ul li img,.heda-product4 ul li img{height:462px;} .heda-product5 ul li img{height:374px;} .heda-video{width:100%; height:432px;} }