/* CSS Document */
body, div, img, input, ul, li, a, p, label, span{padding:0px; margin:0; border:0;}
body{  padding-bottom:10px;font:12px/1.5 Tahoma,Arial,sans-serif; background-color:#f1ece4; color:#333;}
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:29px;}
.hr_nav ul{}
.hr_nav ul li{ float:left;}
.hr_nav ul li a{ color:#fff; display:block;text-align:center; line-height:25px; padding:0 35px; }
.hr_nav ul li a:hover,.curr{ background: url(menu01.jpg) repeat-x; 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:200px; bottom:15px;}
.searchbox { width:270px; height:21px; border:1px solid #b7b7b7; background-color:#fff; float:left;}
.hr_txt, #search_txt{ width:268px; height:18px;  margin:2px 0 0 2px; border:none;}
#hr_btn, #search_btn{ text-align:center; width:62px; height:23px; float:left; color:#fff; cursor:pointer; line-height:23px; background:url(btn.jpg) no-repeat; cursor:pointer;}

.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 { width:700px; height:20px; margin:0 auto;}
.hr_page ul{ line-height:21px; overflow:hidden;}
.hr_page ul li{ float:left; margin-left:15px;}
.hr_page ul li a{ color:#fff; font-size:13px;}
.hr_page ul li a:hover{ color:#555; text-decoration:underline;}
.hr_shop{ width:960px; text-align:center; color:#707070; line-height:21px; background-color:#000;}

.she{ position:absolute; font-size:13px; left:0; top:5px; }
.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;}



.top { width:960px; margin:0 auto; position:relative; height:120px; background: url(head.jpg) no-repeat; padding:0 20px;}
.logo { max-width:350px; height:90px; text-align:center; padding-top:15px; float:left; overflow:hidden;}
.shopCar { float:right; _margin-top:8px; position:absolute; right:200px; bottom:55px; overflow:hidden; width:90px; height:22px; background:url(carbg.jpg) no-repeat;}
.shopCar a { color:#505050; display:block; cursor:pointer; padding:3px 0 0 15px;}
.login{position:absolute; right:295px; bottom:60px; overflow:hidden; color:#505050;}
.login a {color:#505050;} 
.main{ width:960px; margin:0 auto; overflow:hidden;background-color:#FFF; padding:0 20px; }
.menu {overflow:hidden; width:1000px; margin:0 auto; height:25px; background-color:#000;}
.menu ul{ overflow:hidden; margin:0 auto;}
.menu ul li{ float:left; }
.menu ul li a{ color:#fff; display:block; text-align:center; line-height:25px; padding:0 25px; font-weight:bold; }
.menu ul li a:hover{ color:#fff; background:background: url(menu01.jpg) repeat-x;;}
.left { width:220px; float:left; overflow:hidden; margin-right:10px;}
.right{ float:left; overflow: hidden; width:730px;}
.sideNav {overflow:hidden; width:210px; margin-bottom:15px; background-color:#f0f0f0; border:1px solid #c3c3c3; padding:4px;}
.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:300px; margin-bottom:10px;}
.news_left { width:730px; float:left; margin-right:10px; height:300px;}
.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 { height:163px; background-color:#f6f6f6; border-left:#dbdbdb solid 1px; border-right:#dbdbdb solid 1px; border-bottom:#dbdbdb solid 1px; overflow:hidden; }
.news_product ul { padding: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:29px; width:220px; background:url(titlebg01.jpg) repeat-x; border-bottom:2px solid #d70011;}
.news_left02 a{color:#333; font-weight:bold; font-size:15px; line-height:29px; padding-left:15px;}
.news_right { width:220px; float:left;}
.news li a { line-height:21px; padding-left:15px;}
.productShow { float:left; overflow:hidden; display:inline; background-color:#FFF;}
.productShowTitle01 {width:730px; height:29px; color:#fff; font-weight:bold; font-size:15px; background:url(titlebg01.jpg) repeat-x; border-bottom:2px solid #d70011; position:relative;}
.productShowTitle {width:730px; height:29px; padding-top:5px; padding-left:35px; color:#fff; font-weight:bold; font-size:15px; line-height:35px;}
.productShowTitle a {}
.product01 a { height:29px; line-height:29px; padding-left:15px;  cursor:pointer;}
.product02 { width:175px; height:29px; cursor:pointer;}
.more { position:absolute; right:10px; top:5px; font-weight:normal; font-size:12px;}
.productShowTitle02 {width:695px; height:29px; line-height:29px; padding-left:35px; color:#000; font-weight:bold; font-size:15px; background:url(titlebg01.jpg) repeat-x; border-bottom:2px solid #d70011;}
.productShowMain { padding-top:10px; padding-left:20px; padding-right:20px; padding-bottom:10px;}
.banner { width:960px; height:300px; margin-bottom:10px; margin-top:10px;}
.footer { width:960px; margin:0 auto; overflow:hidden; padding:0 20px 50px 20px; background-color:#fff;}
.footerNav { background-color:#000; overflow:hidden; padding:5px; height:20px; position:relative;}
.us_content { padding:15px; }
.sideNav_title { height:37px; margin-bottom:10px;}
.sideNav_top { width:210px; height:32px; background:url(titlebg02.jpg) repeat-x; }
.sideNav_top a { color:#fff; font-weight:bold; font-size:15px; line-height:32px; padding-left:15px;}
.sideNav_main { width:210px; background-color:#fff; }
.sideNav_main a{ color:#333; font-size:13px; line-height:21px; padding:0; margin:0;}
.sideNav_foot { height:9px; background:url(foot.png) no-repeat;}

.newsNav { width:210px; margin-bottom:15px; background-color:#f0f0f0; border:1px solid #c3c3c3; padding:4px;}
.newsNav_title { border-bottom:1px solid #e3e3e3; margin-bottom:5px;}
.newsNav_title a{  font-size:16px; font-weight:bolder;}
.newsNav_top { width:211px; height:34px;}
.hotNav_top { width:210px; height:32px; background:url(titlebg02.jpg) repeat-x; }
.hotNav_top a { color:#fff; font-weight:bold; font-size:15px; line-height:32px; padding-left:15px;}
.newsNav_top a { display:block; width:105px; height:53px; color:#FFF; font-size:0px; cursor:pointer; }
.newsNav_main { width:190px;  padding:10px; background-color:#fff;}
.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:210px; height:9px; background:url(foota.png) no-repeat;}
.hot_main { width:210px; padding:10px 0 10px 0; background-color:#fff;}
.ad {height:96px; width:220px; margin-bottom:15px;}
.ad1 {height:90px; width:220px; margin-top:15px;}

/* ==========  外掛元件樣式  ==========*/
.mymy_plugins { width:210px; margin-bottom:15px; background-color:#f0f0f0; border:1px solid #c3c3c3; padding:4px;}
.mymy_plugins_head {}
.mymy_plugins_title { width:210px; height:32px; background:url(titlebg02.jpg) repeat-x; color:#fff; font-weight:bold; font-size:15px; line-height:32px; text-indent:15px; }
.mymy_plugins_title a { color:#fff; font-weight:bold; font-size:15px; display:inline-block; line-height:32px; _padding-left:15px; text-indent:0;}
.mymy_plugins_content { width:210px; padding:10px 0 10px 0; background-color:#fff; overflow:hidden;}
.mymy_plugins_foot {}