﻿/* CSS Document */
body, div, img, ul, li, a, p, label, span{padding:0px; margin:0; border:none;}
body{ font:12px/1.5 Tahoma,Arial,sans-serif; color:#333;}
input { padding:0; margin:0;}
img{ border:0px;}
ul{ list-style:none;}
a{ text-decoration:none; color:#333;}
h1 { font-size:16px; font-weight:bold;}

.clear{ clear:both;}
.hr_bian{ height:5px; width:100%; background-color:#f3f3f3; overflow:hidden; border-bottom:1px solid #e5e5e5;}
 
.hr_mainA,.hr_mainB{ width:925px;    background-color:#FFF; margin:0 auto; color:#7f7f7f; font-size:13px;}
.hr_mainB{ width:891px; overflow:hidden;} 
 
.hr_top{ height:55px; width:925px;}
.hr_top_con{ width:468px; height:22px; padding:6px 0 0 20px; float:right; background:url(hr_top_login.gif) no-repeat; margin-top:-6px; _position:relative;}
 
.guwu{margin-right:50px; color:#646464; display:block; float:right;+margin:-15px 25px 0 0;}
.guwu a{color:#646464;}
.color_h{color:#d26451;}
.hr_deng a{color:#000;}
.color_h a{ color:#d26451;}
.hr_logo{ float:left; margin-top:8px;}
.hr_banner{ width:880px; height:221px; margin:2px auto;}

.hr_nav{ height:32px;}
.hr_nav ul{}
.hr_nav ul li{ float:left;}
.hr_nav ul li a{display:block; text-align:center; line-height:35px; font-weight:bold; margin-right:10px; }
.hr_nav ul li a:hover,.curr{  color:#fff;}
/*left*/
.hr_left{ background:url(hr_left_bg.jpg) repeat-y; width:220px; float:left; } 
.hr_items{ width:205px; padding:20px 0 0 15px;}
.hr_items_tit{ padding-left:10px;}
.hr_items_tit a{ color:#cc0000; font-size:17px;}
.hr_items_con{ width:180px; border-top:1px dashed #dfdfdf; margin:15px 0 15px 10px;}
.hr_customer{ width:160px; height:40px; margin:0 auto;}
.hr_ad{ text-align:center; margin:5px auto 10px;}
.hr_featured{ border-top:1px dashed #dfdfdf; width:200px; margin:20px auto; padding-top:15px;}
.hr_featured_con{border:1px solid #eaeaea; padding:8px 0;}
.hr_left_bottom{ width:220px; height:6px; margin-top:20px;}

.hr_right{ position:absolute; overflow:hidden; right:0; bottom:-35px; width:200px; padding-top:3px; height:22px; border:1px solid #d7d7d7 ;}
.searchbox { width:306px; height:41px; float:left;}
.hr_txt, #search_txt{ width:165px; height:20px; margin-left:3px; border:none; background:transparent; float:left;}
#hr_btn, #search_btn{ text-align:center; width:32px; height:30px; float:left; cursor:pointer; background:url(search.jpg) center 2px no-repeat;}

.hr_news_new{ width:650px; padding-top:20px; overflow:hidden;}
.hr_news_special{ float:left; width:400px;}
.hr_new{ float:right; width:210px}
.hr_n{ padding-top:10px;}
.hr_tit{ line-height:23px; _display:block; _margin-bottom:3px;}
.hr_tit a{ color:#3c3c3c; font-size:13px; font-weight:normal;}
.hr_news_con{ width:400px;border-top:1px solid #eaeaea; padding:10px 0;}
 
.hr_special_con{ background-color:#fbfbfb; border-bottom:1px solid #eaeaea;border-top:1px solid #eaeaea;}
.hr_new_con{border:1px solid #eaeaea; padding:10px 0;}

.hr_hot{ width:650px; margin-top:10px;}
.hr_hot_con{border-top:1px solid #eaeaea; padding-top:5px; width:650px;}

/*foot*/
.hr_page { }
.hr_page ul{ float:right; padding-right:15px;}
.hr_page ul li{ float:left; margin-left:15px;}
.hr_page ul li a{ color:#999999; font-size:13px;}
.hr_page ul li a:hover{ color:#666666; text-decoration:underline;}
.hr_shop{ width:980px; margin:0 auto; text-align:right; color:#777777; line-height:21px;}

.she{ float:left; font-size:13px; width:200px;}
.share{ width:48px;height:18px;color:#787878; padding-top:3px; +padding-top:5px; +height:16px; height:16px\0;padding-top:5px\0; text-align:center;float:left;border:1px solid #cfcfcf;background-color:#fff;}
.shareIcon{ float:left; margin-top:4px;} 
.shareIcon ul{ float:left;}
.shareIcon ul li{ float:left; margin-left:5px;}

/*info*/
.hr_info_tit{ width:650px; height:18px; margin:25px 0 5px;  color:#3c3c3c; font-size:13px; font-weight:normal; border-bottom:2px solid #df0b0a;}
.hr_info_content{  width:640px; padding:5px; font-size:13px; line-height:18px; overflow:hidden;}

/*user*/
.hr_user_main{ width:871px; padding:10px; font-size:13px;}

.hr_news_con ul li{ background:url(hr_d.jpg) no-repeat 5px 8px; padding:2px 0 2px 15px;}
.hr_news_con ul li a{ color:#898989;}
.hr_news_con ul li a:hover{ color:#fe7525;}
.hr_new_con .item_block_x .item_img{ _padding-bottom:10px; _margin-left:2px;}
.hr_featured_con .item_block_x .item_img{ _padding-bottom:10px; _margin-left:2px;}
.hr_special_con .mymy_item .item_block_y{ margin-left:0; padding:6px 2px;}
.hr_hot_con .mymy_item .item_block_y{ margin-left:0; padding:6px 0px;}
.hr_info_content .mymy_item .item_block_y{ margin-left:0; padding:6px 0px;}
.hr_info_content .item_block_y .item_img{ margin:5px 2px;}
.mymy_news a:hover span{ color:#A3B8A3; text-decoration:underline;}


.header { overflow: hidden; height:131px;}
.top { width:980px; height:90px; margin:0 auto; position:relative;}
.logo { max-width:600px; overflow:hidden; height:90px; text-align:center; float:left;}
.shopCar {_margin-top:8px; position:absolute; right:0; bottom:15px; overflow:hidden; width:70px; background:url(shoppingcar.png) left 2px no-repeat; cursor:pointer; height:16px; line-height:18px;}
.shopCar a { color:#C0C0C0; display:block; cursor:pointer; margin-left:25px;}
.login{position:absolute; right:95px; bottom:15px; overflow:hidden; color:#c0c0c0;}
.login a {color:#D19E40;}
.main{ width:980px; margin: 0 auto; overflow:hidden; margin-top:10px;}
.menu { height:36px; overflow: hidden; width:100%; border-top:4px solid #333333; border-bottom:1px solid #333333;}
.menu ul{ overflow:hidden; height:36px; width:980px; margin:0 auto;}
.menu ul li{ float:left; color:#fff;display:inline-block;}
.menu ul li a{display:inline-block; text-align:center; line-height:36px; padding:0 20px; font-weight:bold; color:#000000;  }
.menu ul li a:hover, .menu ul li a.curr{ color:#CA2825;}
.left { width:220px; float:left; overflow:hidden; margin-right:10px;}
.right{ float:left; width:750px; position:relative;}
.sideNav {overflow:hidden; width:220px; margin-bottom:10px; border-top:4px solid #000;}
.sideNavBg { width:12px; height:17px; position:absolute; right:0; bottom:0;}
.newsTitle { width:200px; margin:10px auto 0; font-size:15px;}
.newsTitle a { font-weight:bold;}
.news { margin-top:10px; height:140px;}
.news_left { width:510px; float:left; margin-right:10px; background:url(arrow.jpg) left top no-repeat #f4f4f4; height:140px;}
.news_left01 { height:125px; width:90px; float:left; display:inline; margin-left:10px; margin-top:15px; background:url(shadow.jpg) no-repeat right;}
.news_product { float:left; height:140px;}
.news_product ul { margin:10px; overflow:hidden;}
.news_product ul li {}
.news_product ul li a { line-height:21px; display:inline-block; color:#7E6639; background:url(dian.jpg) no-repeat 3px 9px;}
.news_left02 { height:125px; width:105px; float:left; display:inline; margin-left:10px; margin-top:15px; background:url(shadow.jpg) no-repeat right;}
.news_right { width:440px; float:left; background:url(arrow.jpg) left top no-repeat #f4f4f4; height:140px;}
.news li a { line-height:21px; padding-left:15px;}
.productShow { margin-bottom:10px; width:980px; clear:both;}
.productShowTitle01 { height:30px; position:relative; border-bottom:1px solid #d7d7d7; border-top:4px solid #333333;}
.productShowTitle {width:724px; height:50px; color:#fff; font-weight:bold; font-size:15px; border-bottom: 3px solid #30B8BF; }
.productShowTitle a { float:left;}
.product01 { height:30px; }
.product01 a { font-size:15px; float:left; display:block; padding:3px 15px 0; line-height:25px; cursor:pointer;}
.more a { display:inline-block; width:41px; height:14px; position:absolute; right:12px; top:10px; color:#444; font-size:10px; font-weight:bold;}
.productShowTitle03 {width:730px; height:41px;}
.product02 { margin-left:8px; height:33px; cursor:pointer;float:left; line-height:35px; background:url(titlemid.jpg) repeat-x;}
.product02 a { padding-right:10px; height:33px; cursor:pointer;float:left; line-height:35px; background:url(titleright.jpg) no-repeat right; color:#fff;}
.product02 a s { width:5px; height:33px; background:url(titleleft.jpg); float:left;}
.productShowTitle02 { width:750px; height:30px; position:relative; border-bottom:1px solid #d7d7d7; border-top:4px solid #333333;}
.productShowMain { width:980px; float:left;min-height:500px; }
.productShowMain02 { width:750px; float:left;min-height:500px; padding-top:25px;}
.productShowMain02 .mymy_item .item_block_y{ width:150px!important;margin-left: 15px;margin-right: 20px;}
.banner { width:980px; height:415px; overflow:hidden; margin:10px auto 0;}
.footer { height:140px; width:100%;}
.footerNav {  height:43px; line-height:43px; width:978px; margin:0 auto; border:1px solid #cbcbcb;}
.us_content { padding:15px; background:#ffffff; border:1px solid #666666; margin:10px auto; }
.sideNav_title { height:25px; position:relative; padding-top:5px; border-top:4px solid #333333; border-bottom:1px solid #d7d7d7;}
.sideNav_title a { display:block; margin-left:15px; height:25px; cursor:pointer; color:#fff; font-size:15px; width:126px; font-weight:bold;}
.hotNav_top a { display:block; margin-left:15px; cursor:pointer; width:111px; height:25px; color:#fff; font-weight:bold; font-size:15px;}
.sideNav_title .more a { display:inline-block; width:47px; height:14px; position:absolute; right:10px; top:0px; color:#fff; font-size:10px;}
.hotNav_top .more a{ display:inline-block; width:47px; height:14px; position:absolute; right:10px; top:0px; color:#444; font-size:10px;}
.sideNav_news { height:130px;}
.sideNav_news a {background: url("dian.jpg") no-repeat scroll 3px 9px transparent;color:#333; display: inline-block; line-height: 21px; padding-left:15px;}
.sideNav_top { width:220px; background:url(categorisTop.jpg) no-repeat; text-align:center;}
.sideNav_top a { width:220px; display:block; background:url(categorisMain.jpg) repeat-y; text-align:center;}
.sideNav_main { width:220px; padding:0;}
.sideNav_bottom { width:220px;}

.sideNav_foot { width:220px; height:8px; background:url(categories02.jpg) no-repeat;}

.hotNav {overflow:hidden; width:750px; margin-bottom:15px;}
.newsNav_title { border-bottom:1px solid #666666; margin-bottom:5px;}
.newsNav_title a{  font-size:16px; font-weight:bolder;}
.newsNav_top { width:220px; height:34px;}
.hotNav_top { width:750px; height:25px; position:relative; line-height:25px; padding-top:5px; border-bottom:1px solid #d7d7d7; border-top:4px solid #333333;}
.newsNav_top a { display:block; width:105px; height:44px; color:#FFF; font-size:0px; cursor:pointer; }
.newsNav_main { width:218px;  padding:10px;}
.newsNav_main li {margin:0; background:url(dian.jpg) no-repeat 3px 10px; padding-left:10px;}
.newsNav_main li a{ color:#7E6639; font-size:13px; line-height:21px; }
.newsNav_foot { width:220px; height:9px;}
.hot_main { width:750px;}
.hot_foot { width:210px; height:9px; background:url(main03.jpg) no-repeat;}
.ad {height:96px; width:220px; margin-bottom:15px;}

/* ==========  外掛元件樣式  ==========*/
.mymy_plugins { overflow:hidden; width:220px; margin-bottom:15px;}
.mymy_plugins_head {}
.mymy_plugins_title { height:38px; position:relative; margin-bottom:1px; color:#000; font-weight:bold; font-size:15px; line-height:38px; text-indent:15px; border-top:4px solid #000; border-bottom:1px solid #dbdbdb; }
.mymy_plugins_title a {color:#000; font-weight:bold; font-size:15px; line-height:38px; display:inline-block; _padding-left:15px; text-indent:0;}
.mymy_plugins_content {width:218px;border:none;padding: 4px 0; margin:0 auto; overflow:hidden;}
.mymy_plugins_foot {}