/*所有頁面統一-------------------------------------------------------------------------------*/ html { margin: 0; padding: 0; height: 100%; border:none; background: #E0CAE5 url(images/dod.jpg) left top repeat-x} body { margin: 0; padding: 0; height: 100%; border:none;} /*背景body { margin: 0px;} */ .body0 { background: url(images/main_dod2.png) center top repeat-y} .body1 {} /*文字*/td { font-size:15px; line-height:150%; font-family: "微軟正黑體"; color: #333} /*不可設定*/font {} th { background:#FFCCCC} /*連結預設*/A:link {text-decoration:none; color: #333;} /*連結預設*/A:visited {text-decoration:none; color: #333} /*連結預設*/A:active {text-decoration:none; color:#825AA8} /*連結預設-滑鼠移過*/A:hover { text-decoration: underline; color:#825AA8} /*input按鈕*/ input {cursor:hand} /*交待 (WP_Products/list.php) */ #explain { color: #CC3300} /*多屬性產生編號 (WP_Products/list.php) */ #partno { font-size:15px; font-weight:bold; text-align:left} #partno span{ color: #C00} /*頁頭設計------------------------------------------------------------------------------------*/ /*連結*/ #top_marg { height:150px; width:100%; overflow:hidden} #top { background:*#fff url(images/top_dod.jpg) left top repeat-x; height:100px; width:100%; position:*fixed; z-index:8888; text-align:center} #top img { border:0px} #icon { width:530px; position:absolute; margin:120px 0px 0px 20px } #icon a {font-weight:bold;color:#fff} #icon td { padding:0px 15px;} /*頁尾*/ #add2 { color:#fff; margin-top:25px; align:center; width:100%; overflow:hidden; height:84px; border:*1px solid #00F} #add2 table { width:1003px; background:#8159A4; padding:0px 0px; height:84px;} #add2 strong, b { color:#fff; line-height:100%;} #add2 td a {color:#fff; font-size:13px;} #add2 .logo1 {text-align:right; padding-right:35px} #add2 .text2 {color:#fff; font-size:13px; text-align:left} /*路徑*/ #path { color: #CCCCCC; margin-bottom:*15px; text-align:right; width:803px; position:*absolute} #path a{ color:#CCCCCC;} /*左選單設計-----------------------------------------------------------------------------------*/ .left_backg { width:160px;background: url(images/dod2.png) left top no-repeat; } /*左選單底色+寬度*/ #left_mar{ margin:25px 0px 0px 10px; position: *fixed} #left {width:150px; z-index:20; position:absolute} /**/ #left .left_1 { height:31px; font-size:20px; color:#771F5F; font-weight:bolder;} /*右區塊範圍統一設定--------------------------------------------------------------------------*/ /*外框*/ .right_backg {width:843px; border:*1px solid #F00; background: url(images/dod2.png) right top no-repeat;} /*內框*/ #right { margin:0px 20px 15px 20px;align:center; width:803px; } /*第一層 大分類*/ #left .ourproduct{ background:*#006; text-align:left; padding:*5px 10px 5px 8px; border-bottom:*2px solid #fff; margin-top:*10px; height:1px; display:none; overflow:hidden} #left .ourproduct2{background:*#006; text-align:left; padding:*5px 10px 5px 8px; border-bottom:*2px solid #fff; margin-top:*10px; height:1px; display:none; overflow:hidden} #left A.A {color:#fff ;font-size:15px; text-decoration:none;} #left A.A2 {color:#fff; font-size:15px; text-decoration:none;font-weight:bold;} /*第二層 中分類*/ #left .class1{ background: url(images/left_li2.gif) 1px center no-repeat; text-align:left; padding:3px 10px 3px 12px; border-top:1px dotted #999999;} #left .class12{ background:#825AA8; text-align:left; padding:3px 10px 3px 12px; border-top:1px dotted #999999;} #left A.B{ color:#333333; font-size:16px; font-weight:bold} #left A.B2{ color:#FFFFFF; font-size:16px; font-weight:bold} /*#left .pr-222 .class122{ background:#F8C400 url(images/dir_category1.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px;} /*經銷商專區左選單圖*/ /*第三層 小分類*/ #left .class2{ background:#F3F3FA; padding:2px 10px 3px 30px; background:*url(images/left_li.gif) left center no-repeat;margin-left:*15px; line-height:normal} #left .class22{ background: #F3F3FA; padding:2px 10px 3px 30px;background:*url(images/left_li.gif) left center no-repeat;margin-left:*15px; line-height:normal} #left A.C{ color: #639; } #left A.C2 { color: #639; font-weight:bold; text-decoration:underline} /*另外新增的按鈕*/ #left .pr-4{ background: url(images/2_category2.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px; } #left .pr-42{ background:#F8C400 url(images/2_category1.gif) left top no-repeat;line-height:110%; text-align:left; padding:8px 5px 8px 45px;} /*第一層分類*/ /*連結#left A{font-size:15px; color:#0066ff} */ /*按鈕#left .class1 { background:#F0F0F0; padding:5px 15px; border-bottom:1px solid #ccc;} */ /*第二層分類*/ /*連結#left A.B{font-size:12px; color:#FFF;} */ /*按鈕#left .class2 { background:#8AA9DB; padding:3px 20px; border-bottom:1px solid #fff;}*/ /*底線1*/.bor_bot { border-bottom:1px dotted #999} /*底線2*/.bor_bot2 { border-bottom:1px dotted #999; width:100%; height:5px; overflow:hidden; margin-bottom:5px;} /*星號*/.cf { color: #C30;} /*標題設定------------------------------------------------------------------------------------*/ h1 {font-size: 20px; font-weight: bold; margin:0px 0px 10px 0px; height:30px; border-bottom:1px dotted #ccc; background: url(images/item_d1.png) left 5px no-repeat; padding:5px 0px 0px 45px;} h4 {font-size: 20px; font-weight: bold; margin:0px 0px 10px 0px; height:30px; } h2 {font-size: 15px; font-weight: bold; margin:0px; } /*內頁標題用*/ h3 {font-size: 15px; color:#0066CC; font-weight: bold; margin:0px;} /*與下方的距離*/ .mar_bot {margin-bottom:15px;} /*產品版說明文*/ /*#context ul{padding:0px 0px 15px 20px; margin:0px} #context ol{padding:0px 0px 15px 35px; margin:0px} */ /*#context ul, ol{margin:0px 0px 15px 20px ; padding:0px} #context li { margin-left:15px; padding:0px}*/ #context ul{ margin:0px 0px 20px 30px; padding-left:0px; border:*1px solid #F00 }/*點*/ #context ul li { margin-left:0px; border:*1px solid #F00; padding-left:5px } #context ol{ margin:0px 0px 20px 35px; padding-left:0px; border:*1px solid #00F}/*123*/ #context ol li { margin:0px; border:*1px solid #00F} #context p { padding:0px; margin:0px } #context strong, b { color: #939; font-size:16px; } .h_news { overflow: hidden; width: 776px; height: 55px; background: url(images/h_new3.png) left top no-repeat } .marqee { height: 30px; margin: 16px 30px 0 auto; width: 600px; overflow: hidden; position: relative; } .marqee > ul { padding-left: 0; display: flex; list-style-type: none; animation: marqee 40s linear infinite; position: absolute; margin:0; } .marqee > ul > li { white-space: nowrap; margin-right: 50px; } .marqee > ul > li > a { font-size: 20px; font-weight: bold; color: #D839CB; } .marqee > ul > li > a img { width: 26px; vertical-align: middle; } @keyframes marqee { 0% { left: 10%; transform: translateX(0%); } 100% { left: 0; transform: translateX(-100%); } } /*應付沒有ul 的 li - home,news,solution*/ #noul ul{margin:0px 15px 0px 15px; padding-left:0px; border:*1px solid #F00}/*點*/ #noul ul li { margin:0px; padding:0px; border:*1px solid #F00; } #noul2 ul{margin:0px 0px 0px 15px; padding-left:0px; border:*1px solid #F00}/*點*/ #noul2 ul li { margin:0px; padding:0px; border:*1px solid #F00; } /*活動剪影下拉選單*/ #pro_select { text-align:right; margin-bottom:10px} #pro_select span{} /*圖無框-上方*/#pic1 img{margin-bottom:15px;} /*圖無框-右方*/#pic2 img{margin-left:15px; margin-bottom:15px;} /*圖無框-左方*/#pic3 img{margin-right:15px; margin-bottom:15px;} /*產品文圖框*/ .picS img {padding-left:15px; padding-bottom:15px;} /*2015.1124*/ /*圖有框*/ #pic img{ border:1px solid #CCC; margin-right:15px} /*圖有框-上方*/#pic4 img{ border:1px solid #CCC; margin-bottom:15px} /*圖有框-右方*/#pic5 img{ border:1px solid #CCC; margin-left:15px; margin-bottom:15px;} /*圖有框-左方*/#pic6 img{ border:1px solid #CCC; margin-right:15px; margin-bottom:15px;} /*各頁按鈕上下距離*/ #class_icon {margin:15px 0px; text-align:center} /*紫*/.icon {background: #825AA8; padding:3px 15px; color:#fff; border:0; list-style-type:none;font-family: "微軟正黑體"; font-size:15px} /*橘色*/.icon_o {background: #F60; padding:3px 15px; color:#fff; border:0; list-style-type:none;font-family: "微軟正黑體"; font-size:15px} /*灰*/.icon_c {background: #999; padding:3px 15px; color:#fff; border:0; list-style-type:none;font-family: "微軟正黑體"; font-size:15px} /*pdf按鈕-有名稱 左右放*/ #icon_pdf a { text-decoration:underline} #icon_pdf .pdf{height:20px; padding:0px 15px 0px 0px;} #icon_pdf img{margin-right:5px} /*pdf按鈕-無名稱 上下放*/ #img_pdf {height:20px; padding:0px 0px 5px 0px;} /*表單 ------------------------------------------------------*/ #table {border-top: 1px solid #C5C5C5; border-right: 1px solid #C5C5C5; width:99%; border-left:0px; border-bottom:0px} #table table{border:0px; width:100%;} #table th{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:3px; background: #E2CBE7} #table td{border-left: 1px solid #C5C5C5; border-bottom: 1px solid #C5C5C5; border-top:0; border-right:0; padding:3px;} #table ul, ol{margin:0px 0px 15px 15px ; padding:0px} #table li { margin-left:15px; padding:0px} #table p {padding:0px; margin:0px} /*網站聯盟 (Web_Connection/select)*/ #tabb td{ padding:15px 1.5em 15px 0px; color:#4C4C4C;} #tabb .bu { font-size:15px; color:#333333; border-bottom:2px dotted #999999;padding:5px 0px; margin-bottom:5px; font-weight:bold} #tabb strong { color:#0066CC} #tabb a,U {text-decoration: underline} #tabb2 strong { color:#0066CC;} #tabb2 a { text-decoration: underline} /*pic_img3*/ #pic_img {margin-left:15px; margin-right:-30px; text-align:center} #pic_img .back_Blue {background: #ECF5FF;} /*淡藍色*/ #pic_img .list {float:left; margin-bottom:30px; margin-right:15px;cursor:hand; text-align:center} /*分類landersound-tail*/ #cate_pic .pic { float:*left;width:220px; padding:10px; margin:0px 36px 25px 0px; background:#FFF3E7; border:1px solid #CCC} #cate_pic .pic2 { float:*left;width:220px; padding:10px; margin:0px 0px 25px 0px ; background:#FFF3E7; border:1px solid #CCC} #cate_pic img {width:220px; border:0px;} #cate_pic .EName{width:220px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } /*分類landersound-tail - 影片*/ #cate_pic #in_vdo {width:220px; height:165px;} #cate_pic #in_vdo .lk_img{width:220px; height:165px; position:absolute; z-index:9999} #cate_pic #in_vdo #iframes IFRAME{ width:220px; height:165px;} /*產品版影片顯示區.....................................................................................*/ #video { text-align:left} #video IFRAME { width:780px; height:585px} /*分類chufon-feature4_C*/ #cate_pic4 .pic { float:*left;width:160px; padding:10px; margin:0px 25px 25px 0px; background:#FFF3E7; border:*1px solid #CCC} #cate_pic4 .pic2 { float:*left;width:160px; padding:10px; margin:0px 0px 25px 0px ; background:#FFF3E7; border:*1px solid #CCC} #cate_pic4 img {width:160px; border:0px;} #cate_pic4 .EName{width:160px; white-space:nowrap; text-overflow:ellipsis; overflow: hidden; } #main { padding:0px 0px 15px 0px} /*首頁下方 三主題*/ #news { background:url(images/m_news.png) left top no-repeat; width:445px; height:184px; border:*1px solid #F00} #news .marg {padding:45px 0px 10px 25px; width:400px; overflow:hidden; border:*1px solid #F00;} #news .more { position:absolute; width:30px; margin:15px 0px 0px 380px; border:*1px solid #ccc} #news .more a { color: #666666; text-decoration:underline;} #contact { background:url(images/m_contact.png) left top no-repeat; width:330px; height:184px; border:*1px solid #F00} #contact .marg {padding:30px 0px 10px 25px; width:280px; overflow:hidden; border:*1px solid #F00; } #pic_pic {background:url(images/m_pic.png) left top no-repeat; width:775px; height:180px; border:*1px solid #F00} #pic_pic .marg {padding:45px 0px 0px 25px; width:730px; overflow:hidden; border:*1px solid #F00; } #pic_pic img { margin:0px 15px; border:1px solid #CCC; padding:2px; height:110px} #myyDiv { overflow: hidden; width:720px; height:130px; } #myyDiv img { height:110px; } #myyDiv .div_style1 { font-size:12px; color:#CCC; text-align:center; } #myyDiv .photo {padding:0;} #myyDiv .phot { margin:2px 10px 2px 0px; text-align:center; }