@charset "utf-8";
/*
Theme Name: widem

*/
/* Global */
body{ margin:0 auto; padding:0; color:#333; background:#EEE url(images/header.png) repeat-x 0 0; font:12px/20px Arial,Verdana,Tahoma,Sans-Serif;}
div,form,ul,ol,li,span,p{margin:0 auto; padding:0; border:0;}
img,a img{margin:0; padding:0; border:none;}
ul,ol,li{list-style:none;}
table,td{ margin:0;padding:0; font-size:12px;}
input,select,textarea{margin:0;padding:0;font-size:12px;outline:none;}
h1,h2,h3,h4,h5,h6{ margin:0 auto;}
h1 {font-size:28px;}
h2 {font-size:22px;}
h3 {font-size:16px;}
h4 {font-size:14px;}
h5 {font-size:12px;}
h6 {font-size:12px;}


@font-face{
    font-family: "CanyonWeb";
    src: url("./fonts/CanyontextTT-Regular.woff2") format("woff2");
}
@font-face{
    font-family: "CanyonWebBold";
    src: url("./fonts/CanyontextTT-Bold.woff2") format("woff2");
}
@font-face{
    font-family: "CanyonWebBlack";
    src: url("./fonts/CanyontextTT-Black.woff2") format("woff2");
}


.inner{ width:960px; overflow:hidden;}
.clearfix{clear:both;font-size:1px;width:1px;height:0;visibility:hidden;margin-top:0px!important;*margin-top:-1px;line-height:0}

a:link, a:visited{ color:#333; text-decoration:none; outline-style:none;} 
a:hover{ color:#06C; text-decoration:underline;}

/* Wrapper */
.wrapper{ overflow:hidden;}

/* Header */
.header{ height:88px;}

/* Logo */
.logo{ float:left; margin-top:10px; text-indent:-9999px;}
.logo a{ width:526px; height:70px; background:url(images/logo.jpg) no-repeat 0 0; display:block;}

/* HeaderRight */
.headerR{ float:right; padding-top:12px; width:296px; height:65px; overflow:hidden;}
.headerR a:hover{ text-decoration:none;}

/* Mini Function */
.topline{ float:right;}
.topline a.rt{ float:right; padding:5px 15px 5px 10px; color:#fff; background:url(images/line.gif) no-repeat right 6px;}
.topline a.rt1{ float:right; padding:5px 15px 5px 10px; color:#fff; }
.topline a.rt:hover{ color:#06C;}
.topline a.rt1:hover{ color:#06C;}

.topline #wpyou_google_translate{ float:right; padding-left:10px; display:inline-block;}
.topline #wpyou_google_translate a{ padding:0; background:none;}

/* Search */
.headerR .searchform{ float:right; margin-top:5px; padding:2px 0 2px 8px; width:258px; height:26px; background:url(images/search.png) no-repeat 0 0; overflow:hidden;}
.headerR .searchInput{ float:left; padding-left:5px; width:220px; height:26px; line-height:28px; color:#AAA; border:none; background:none;}
.headerR .searchBtn{ float:right; width:30px; height:26px; border:none; background:none; text-indent:-9999px; cursor:pointer; display:block;}

/* Navigation */
.mainmenu{ margin-bottom:10px; padding:0 10px; width:940px; height:40px; background:url(images/sprite.png) repeat-x center 0; overflow:visible;}
.navi{ margin:0 auto; height:40px; position:relative; z-index:300; overflow:visible;}
.navi li{ float:left; padding:0 16px; line-height:40px; font-size:14px; font-weight:bold; color:#FFF; background:url(images/sprite.png) repeat-x 0 -50px; text-transform:capitalize; position:relative;}
.navi li.nl{ padding:0 7px 0 7px; background:none; border:none;}
.navi li a:link, .navi li a:visited{ padding:0 10px; color:#FFF; display:block;}
.navi li a:hover{ color:#EEE; background:url(images/sprite.png) no-repeat -480px 0; text-decoration:none;}
.navi li.current-menu-item a:link, .navi li.current-menu-item a:visited, .navi li.current-menu-item a:hover{ color:#444; background:url(images/sprite.png) no-repeat -480px -50px;}
.navi li.menu-item-home a, .navi li.menu-item-home a:hover{ color:#FFF !important; background:none !important;}

.navi li ul{ position:absolute; width:181px; top:40px; left:0; background:#3D3D3D; z-index:300; display:none;}
.navi li ul li ul{ top:0; left:180px;}
.navi li ul li{ margin:0 auto; padding:0; width:180px; height:32px; line-height:31px; font-size:13px; font-weight:normal; text-indent:10px; border-right:none; border-bottom:1px solid #444; background:none;}
.navi li ul li.arrow{ background:#3D3D3D url(images/arrowr.gif) no-repeat 168px 14px;}

.navi li ul li a:link, .navi li ul li a:visited, .navi li:hover ul li a:link, .navi li:hover ul li a:visited{ padding-left:9px; border-bottom:1px solid #222; color:#FFF; background:none;}
.navi li ul li a:hover, .navi li:hover ul li a:hover{ color:#FFF; background:#333; border-bottom:1px solid #222;}

.navi li:hover a{ color:#EEE;}
.navi li.current-menu-item:hover a{ color:#333;}
.navi li:hover ul li a{ background:none;}

/* Slideshow */
#slides{ margin:0 auto; padding:4px 4px 25px 4px; width:960px; height:300px; background:url(images/slideshow.png) no-repeat 0 0; overflow:hidden; position:relative;}
#slides .slides_container{ height:300px !important;}
#slides img{ width:960px; height:300px;}
.pagination{ float:right; position:absolute; bottom:33px; right:8px;}
.pagination li{ float:left; margin:0 1px;}
.pagination li a{ float:left; margin-left:3px; width:12px; height:11px; font-size:0; background:url(images/spot.png) no-repeat 0 0; overflow:hidden; display:block;}
.pagination li.current a{ background-position:-16px 0;}

/* Container */
.container{ margin-top:10px; overflow:hidden;}
.content{ float:right; width:710px; overflow:hidden;}

/* Featured */
.featured{ float:right; width:710px; overflow:hidden;}
.featured h2, .content h2{ padding-left:12px; height:34px; line-height:34px; font-size:13px; text-transform:capitalize; color:#3F3F3F; background:url(images/sprite.png) no-repeat -250px -100px; text-shadow:1px 1px 0 #FFF; overflow:hidden;}
.featured h2 a:link, .featured h2 a:visited{ color:#3F3F3F;}
.featured h2 a:hover{ color:#000;}
.featured h2 span a{ float:right; *margin-top:-34px; padding-right:10px; width:36px; height:34px; text-indent:-9999px; font-weight:normal; background:url(images/more.gif) no-repeat 0 14px; display:block;}
.section{ margin-bottom:12px; overflow:hidden;}
.section-inner{ padding:15px 10px 15px 15px; line-height:20px; border:1px solid #D5D5D5; border-top:none; background:#FFF; overflow:hidden;}
.newProducts{ margin-bottom:12px;}
.section-inner a{ color:#06C;}
.picList li h3 a:hover{ color:#666;}

.picList{ padding:15px 10px 10px; border:1px solid #D5D5D5; border-top:none; background:#FFF; overflow:hidden;}
.picList li{ float:left; padding:5px 5px 5px 7px; width:125px; height:155px; text-align:center; overflow:hidden;}
.picList li img{ margin-bottom:5px; padding:2px; width:120px; height:120px; border:1px solid #E7E7E7;}
.picList li h3{ width:auto; height:20px; font-size:13px; font-weight:normal; overflow:hidden;}
.picList li h3 a{ color:#666;}
.picList li h3 a:hover{ color:#06C;}

/* BreadCrumb */
.breadcrumb{ margin-bottom:10px;}
.content h2.board{ font-weight:normal; text-transform:capitalize; color:#444; overflow:hidden;}
.content h2.board a{ color:#444;}
.content h2.board span{ padding-left:4px; color:#999;}

/* Archive - Postlist */
.archive{ padding:15px; border:1px solid #D5D5D5; border-top:none; background:#FFF;}
.archiveb{ border-top:1px solid #D5D5D5;}
.postList{ padding:0 5px;}
.postList li{ margin:3px 0; padding:3px 0 5px 12px; height:20px; border-bottom:1px solid #EEE; background:url(images/arrow-s.gif) no-repeat 0 11px;}
.postList li a{ float:left; width:550px; height:20px; font-size:13px; overflow:hidden;}
.postList li span{ float:right; width:80px; text-align:right; color:#999;}

/* Archive - ProductList */
.product-catlist{ margin-bottom:12px;}
.productList{ padding:0; border:none;}
.productList li{ padding:5px 4px 5px 6px;}

.eplist{ padding:0 5px;}
.eplist li{ margin-bottom:5px; padding:5px 0; height:135px; border-bottom:1px dotted #DDD;}
.eplist li.nb{ margin-bottom:0; padding:10px 0 0; border:none;}
.eplist li img{ float:left; margin-right:15px; width:120px; height:120px; padding:3px; border:1px solid #DDD;}
.eplist li h3{ margin-bottom:10px; font-size:13px; text-transform:capitalize;}
.eplist li .describe{ height:90px; line-height:22px; color:#666; overflow:hidden;}

.tips{ margin:5px 0 15px; padding:6px 8px 8px 10px; border:1px solid #E8E8E8; color:#666; background-color:#F7F7F7;}
.viewType{ border:none; color:#666; background-color:#F5F5F5;}
.viewType strong{ color:#444;}
.viewType a{ float:right; margin:4px; width:15px; height:15px; background:url(images/viewType.gif) no-repeat 0 0; display:block;}
.viewType a.view_gl:hover,.viewType a.glhover{ background-position:0 -15px;}
.viewType a.view_lt{ background-position:-15px 0;}
.viewType a.view_lt:hover,.viewType a.lthover{ background-position:-15px -15px;}

/* Archive - Blog */
.bloglist li{ margin-bottom:14px; padding-bottom:15px; border-bottom:1px solid #E6E6E6; overflow:hidden;}
.bloglist li h3{ font-size:14px;}
.bloglist li .pmeta{ margin:3px 0 10px; color:#666;}
.bloglist li .pmeta a{ color:#666;}
.bloglist li .thumb{ float:left; width:160px; height:120px;}
.bloglist li .excerpt{ overflow:hidden;}
.bloglist li .readmore{ float:right; font-weight:bold;}

/* Single - Aticle */
.content .title2{ margin:0 10px; padding:0 0 8px 0; font-size:16px; line-height:28px; text-align:center; background:url(images/vline.gif) repeat-x 0 bottom;}
.postmeta{ margin:5px 20px 12px; color:#999; text-align:center;}
.postmeta a:link, .postmeta a:visited{ color:#999;}
.postmeta a:hover{ color:#0A4CA0;}
.single{ width:680px; overflow:hidden;}
.single h2{ margin:10px 0; padding:0; font-size:18px; border:none; color:#333; background:none;}
.single p{ margin:5px 0; line-height:24px;}
.single img{ margin-bottom:10px; max-width:720px; height:auto;}

.single ol, .single ul{ margin:10px 20px;}
.single ol li{ list-style:decimal;}
.single ul li{ list-style:disc;}

.single table{ margin-bottom:15px; width:99%; color:#666; border-left:1px solid #E5E5E5; border-bottom:1px solid #E5E5E5;}
.single th{ padding:3px 10px; border-right:1px solid #E5E5E5; border-top:1px solid #E5E5E5;}
.single td{ padding:3px 10px; border-right:1px solid #E5E5E5; border-top:1px solid #E5E5E5;}

.aligncenter{ text-align:center;}
.alignleft{ float:left; padding-right:10px;}
.alignright{ float:right; padding-left:10px;}
.alignnone, .aligncenter{ float:none; margin-left:auto; margin-right:auto; text-align:center; clear:both; display:block;}

/* Single - Product */
.content .title{ margin-bottom:8px; padding:0 5px; font-size:20px; font-weight:normal; line-height:28px;}
.singleProduct h2.ptitle{ margin:10px 0 15px; padding-top:2px; font-size:13px; color:#000; border-top:1px solid #CACACA; background:url(images/tabs.png) repeat-x 0 0; text-shadow:none;}
.singleProduct h2.ptitle span{ float:left; display:block;}
.productMeta{ margin-bottom:10px; padding:8px 0; height:350px; background:url(images/vline.gif) repeat-x 0 bottom;}
.productImg{ float:left; padding:3px; width:300px; height:330px; border:1px solid #DDD; background-color:#F9F9F9; overflow:hidden;}
.productImg img{ width:300px; height:300px;}
.productImg span{ width:100%; height:30px; line-height:30px; text-indent:15px; background:url(images/lightbox/zoom.gif) no-repeat 115px 9px; text-align:center; display:block;}
.metaList{ float:right; width:355px;}
.metaList li{ padding:4px 0 5px 0; border-bottom:1px solid #EEE; overflow:hidden;}
.metaList li strong{ float:left; padding-right:5px; width:110px; font-weight:normal; display:block;}
.metaList li.inquiry{ padding:15px 0 5px; border:none;}

.singleProduct{ margin:10px 0; padding:0; border:none;}
.content .tabs{ padding:0; height:28px; font-size:13px; background:url(images/tabsline.gif) repeat-x 0 bottom; overflow:visible;}
.tabs span{ float:left; margin:0 3px 0 -1px; padding:0 10px; height:26px; line-height:26px; border:1px solid #CACACA; border-bottom:none; color:#333; background:url(images/tabs.png) repeat-x 0 0; text-align:center; cursor:pointer; display:block;}
.tabs span.mhover{ padding:0 10px 1px; color:#2D7D34; background:#FFF;}
.tabc{ margin-top:-1px; padding:14px; border:1px solid #CACACA; border-top:none; display:none;}
#pdetails{ display:block;}

/* Error404 */
.widePage{ width:960px;}
.error{ padding:20px 0 20px 130px;}
.error h4{ margin-bottom:20px; height:72px; font-size:28px; text-indent:-9999px; background:url(images/404.gif) no-repeat 0 0;}
.error ol{ padding:0px 20px;}
.error ol li{ margin:8px 0px; list-style:decimal;}
.errorsearch{ margin:10px 0 0; width:420px;}
.errorsearch .searchInput{ float:none; padding-left:5px; width:300px; height:24px;}
.errorsearch .searchBtn{ width:68px; height:28px; font-size:14px; font-weight:bold; border:none; color:#FFF; background:url(images/sprite.png) repeat-x center 0; cursor:pointer;}

.single div.wpcf7{ padding:15px !important;}
.single .wpcf7 p{ margin:5px 0 10px;}
.single .wpcf7 p label{ float:left; padding-right:6px; width:120px; text-align:right; display:inline-block;}
.wpcf7 .wpcf7-textarea{ width:480px;}
.wpcf7 .wpcf7-text{ width:478px;}
.single .wpcf7-submit{ margin-left:126px; width:200px; height:28px; line-height:28px; text-align:center; font-size:13px; font-weight:bold; color:#FFF; border:none; background:url(images/sprite.png) repeat-x center 0; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; cursor:pointer; overflow:hidden;}

/* Related */
.related{ margin:10px auto; border:1px solid #D5D5D5;}
.related h2{ font-size:13px; border-bottom:1px solid #E0E0E0; color:#3F3F3F; background:#EEE;}
.related ul{ padding:10px 15px;}

.rtNews li{ margin:2px 0; padding:3px 0 4px 12px; height:20px; border-bottom:1px solid #EEE; background:url(images/arrow2.gif) no-repeat 0 12px;}
.rtNews li span{ float:right; color:#666;}

.related ul.rtProducts{ padding:15px 8px; border:none;}
.related ul.rtProducts li{ padding:5px 7px; width:124px;}
.related ul.rtProducts li.nht{ height:20px;}

/* jquery - lightbox */
#jquery-overlay{position:absolute;top:0;left:0;z-index:9999;width:100%;height:500px;}
#jquery-lightbox{position:absolute;top:0;left:0;width:100%;z-index:9999;text-align:center;line-height:0;}
#jquery-lightbox a img{border:none;}
#lightbox-container-image-box{position:relative;background-color:#fff;width:250px;height:250px;margin:0 auto;}
#lightbox-container-image{padding:10px;}
#lightbox-loading{position:absolute;top:40%;left:0;height:25%;width:100%;text-align:center;line-height:0;}
#lightbox-nav{position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#lightbox-container-image-box > #lightbox-nav{left:0;}
#lightbox-nav a{outline:none;}
#lightbox-nav-btnPrev,#lightbox-nav-btnNext{width:49%;height:100%;zoom:1;display:block;}
#lightbox-nav-btnPrev{left:0;float:left;}
#lightbox-nav-btnNext{right:0;float:right;}
#lightbox-container-image-data-box{font:10px Verdana, Helvetica, sans-serif;background-color:#fff;line-height:1.4em;overflow:auto;width:100%;margin:0 auto;padding:0 10px;}
#lightbox-container-image-data{color:#666;}
#lightbox-container-image-data #lightbox-image-details{width:70%;float:left;text-align:left;}
#lightbox-image-details-caption{font-weight:700;}
#lightbox-image-details-currentNumber{display:block;clear:left;padding-bottom:1em;}
#lightbox-secNav-btnClose{float:right;padding-bottom:.7em;}

/* Pagenavi */
.wpagenavi{ margin:15px auto 0; padding:20px 0 5px; height:34px; line-height:34px; text-align:center; border-top:1px solid #DDD; overflow:hidden;}
.wpagenavi a:link, .wpagenavi a:visited{ margin:0 2px; padding:5px 9px; color:#333; border:1px solid #E5E5E5; background:#FFF;}
.wpagenavi a:hover, .wpagenavi a:active, .wpagenavi a.current:link, .wpagenavi a.current:visited{ color:#FFF; border:1px solid #FFF; background:#666;}
.wpagenavi a.current{ font-weight:bold;}
.postnavi{ margin:15px auto 5px; padding:4px 10px 6px; height:20px; border:1px solid #E8E8E8; color:#666; background-color:#F9F9F9;}
.previous_post, .next_post{ float:left; width:48%; height:20px; overflow:hidden;}
.next_post{ float:right; text-align:right;}

/* Sidebar */
.sidebar{ float:left; width:240px;}
.sidebar h3{ padding-left:12px; width:228px; height:38px; line-height:38px; font-size:13px; color:#FFF; text-shadow:1px 1px 0 #222; background:url(images/sprite.png) no-repeat 0 -100px; text-transform:capitalize; overflow:hidden;}
.sidebar h3 a, .sidebar h3 a:hover{ color:#FFF;}
.sidebar a:link, .sidebar a:visited{ color:#666;}
.sidebar a:hover{ color:#06C;}
.sidebar ul li{ float:left; margin-bottom:12px; overflow:hidden;}
.sidebar ul li.nb{ margin-bottom:12px;}
.sidebar ul li ul, .sidebar ul li div{ padding:10px 0; border:1px solid #D5D5D5; border-top:none; color:#666; background:#F8F8F8; overflow:hidden;}
.sidebar ul li ul li{ margin-bottom:0; padding:1px 0 2px 23px; width:215px; background:url(images/arrow-s.gif) no-repeat 12px 9px; overflow:hidden;}
.sidebar ul li ul li ul{ padding:0; border:none;}

.sidebar ul li div{ padding:10px 10px 10px 12px;}
.sidebar ul li div div{ padding:5px; border:none;}
.sidebar ul li.widget_tag_cloud div{ padding:8px 8px 8px 10px;}
.sidebar ul li.widget_contact img{ margin-top:6px;}

.sidebar ul li.widget_search .searchform{ float:none; margin:0; padding:0; width:240px; height:30px; background:none; position:relative;}
.sidebar ul li.widget_search .searchInput{ padding:2px 5px; width:179px; height:21px; line-height:21px; border:1px solid #999; background:#FFF;}
.sidebar ul li.widget_search .searchBtn{ width:50px; height:27px; *line-height:23px; text-align:center; text-indent:0px; border:1px solid #999; background:#CCC; position:absolute; top:0; right:0; cursor:pointer;}

.sidebar ul li.widget_links img, .sidebar ul li#text-3 img{ margin:4px 0 6px; padding:2px; border:1px solid #E6E6E6;}

/* Categories */
.sidebar ul li.widget_categories{ position:relative; z-index:100;}
.sidebar ul li.widget_categories ul{ float:left; padding-right:10px; width:228px;}
.sidebar ul li.widget_categories ul li{ float:left; margin-bottom:3px; padding:0; width:230px; line-height:16px; font-weight:bold; overflow:visible; position:relative;}
.sidebar ul li.widget_categories a:link, .sidebar ul li.widget_categories a:visited{ padding:3px 0 3px 25px; display:block;}
.sidebar ul li.widget_categories ul li ul{ padding:3px 10px 0;}
.sidebar ul li.widget_categories ul li ul li{ margin-bottom:1px; width:220px; font-weight:normal; background:url(images/arrow-s.gif) no-repeat 14px 9px; position:static;}
.sidebar ul li.widget_categories ul li.current-cat a:link, .sidebar ul li.widget_categories ul li.current-cat a:visited{ color:#06C;}
.sidebar ul li.widget_categories ul li.current-cat ul a:hover{ color:#666;}

.sidebar ul li.widget_categories ul li:hover a{ color:#06C;}
.sidebar ul li.widget_categories ul li:hover ul a:link, .sidebar ul li.widget_categories ul li:hover ul a:visited{ color:#666;}
.sidebar ul li.widget_categories ul li:hover ul a:hover{ color:#06C;}

/* CustemMenu */
.sidebar ul li.widget_nav_menu div{ padding:0;}
.sidebar ul li.widget_nav_menu ul{ border:none;}
.sidebar ul li.widget_nav_menu ul li{ width:213px;}

/* Comments */
.postComment{ margin:15px auto; padding:0; overflow:hidden;}
#addcomment-gb,#comments{ margin:0 0 15px; padding:6px 12px 0; font-size:14px; color:#333; background:url(images/tabs.png) repeat-x 0 0; text-shadow:none;}
.postComment p{ padding:5px 10px; font-size:12px;}
.postComment ol li{ margin:10px 5px; padding:5px; list-style:none;}
.commentlist{ width:98%; font-size:12px; clear:both;}
.commentlist li{ margin-bottom:10px; padding-bottom:5px; border:1px solid #ECECEC;}
.commentlist li ul{ margin:10px 10px;}
.commentlist li ul.children{ margin:10px 0px;}
.commentlist li p{ padding:5px 10px;}

.comment-author{ height:20px; padding:2px 2px 3px; border-bottom:1px dotted #ECECEC;}
.commentlist li.comment-author-admin p{ color:#2D7D34;}
.author_info{ float:left; padding-left:5px; line-height:16px; color:#888;}
.author_info cite{ padding-right:5px; color:#444; font-style:normal; font-weight:bold;}
.author_info em{ font-size:10px;}

.reply{ float:right; margin:-3px 6px 0 0;}
#cancel-comment-reply{ float:right; margin-right:10px;}
.reply a, #cancel-comment-reply a{ color:#999;}
.reply a:hover, #cancel-comment-reply a:hover{ color:#666;}

#respondOut{ margin:0; padding:1px; border:1px solid #F1D38B; background-color:#FFF;}
#respondBD{border:2px solid #FCF4CD;}
#addcomment{ margin-bottom:10px; padding:2px 0 4px 12px; height:24px; line-height:24px; font-size:14px; border-bottom:1px solid #F5E1B4; color:#20273D; background-color:#FCF4CD;}
#respond p{ margin:8px 0; padding:0 10px;}
#respond p.logged{ padding:0 20px; text-align:right;}
#respond p.logged, #respond p.logged a{ color:#666;}
#respond p.btn_submit{ height:34px;}
#respond label{ float:left; padding:3px 8px; width:70px; font-weight:bold; text-align:right; display:block;}
#respond label em{ padding-top:5px; color:#F00; font-style:normal; font-weight:normal;}
#author, #email, #url, #comment{ padding:6px; width:45%; border:1px solid #DDD;}
#comment{ width:84%; height:150px; font-size:12px; color:#787878; overflow-y:scroll;}
#submit, #respond .wpcf7-submit{ float:right; margin:0 5px; width:112px; height:34px; font-size:14px; font-weight:bold; color:#C00; border:none; background:url(images/submit.gif) no-repeat 0 0; cursor:pointer; display:block; overflow:hidden;}
#respond .wpcf7{ padding-top:5px;}
#respond .wpcf7 p{ margin:8px 0 12px; padding:0 10px;}
#respond .wpcf7-submit{ float:none; margin-left:508px;}

/* Sitemap */
.container_map{ background:url(images/container_map.png) repeat-y 0 0;}
.sitemaps{ float:left; width:900px; padding:0px 17px;}
.pagelist, .catlist, .productlist ul{ padding:15px; border:1px solid #D5D5D5; border-top:none; background:#FFF; overflow:hidden;}
.pagelist{ margin-bottom:0;}
.pagelist li, .catlist li, .productlist ul li{ float:left; padding:2px 0 2px 12px; width:150px; line-height:22px; background:url(images/arrow.gif) no-repeat 0 12px; overflow:hidden;}
.catlist, .productlist{ padding-top:15px;}
.productlist{ margin-top:15px; padding:0;}
.productlist h3{ padding:4px 10px; font-size:13px; border-left:1px solid #D5D5D5; border-right:1px solid #D5D5D5; background:#F5F5F5;}
.productlist ul{ padding:5px 15px 15px;}
.productlist ul li{ width:320px;}
.productlist ul li span, .productlist ul li span a{ color:#666;}
.productlist .wpagenavi{ margin:10px auto; width:96%;}

.newslist{ border-top:none;}
.newslist ul li span{ float:right; padding-right:10px; color:#666;}
.newslist .wpagenavi{ float:none; width:auto;}

/* FriendLink */
.friendlink{ width:960px; overflow:hidden;}
.friendlink h3{ padding-left:12px; height:29px; line-height:29px; border-bottom:1px solid #E6E6E6; font-size:13px; color:#3F3F3F; overflow:hidden;}
.friendlink ul{ padding:8px 4px; overflow:hidden;}
.friendlink ul li{ float:left; margin:3px 5px; line-height:18px; white-space:nowrap;}
.friendlink ul h4{ display:none;}

/* NewsLetter Plugin */
.widget_newsletterwidget{ position:relative; _margin-top:-28px;}
.widget_newsletterwidget .li-bottom{ display:none !important;}
.widget_newsletterwidget p{ display:inline;}
.widget_newsletterwidget #nltext{ float:left; padding:2px 5px; width:200px; height:22px; line-height:22px; border:1px solid #D8D8D8; color:#999; position:relative; top:0; left:0;}
.widget_newsletterwidget #nlsubmit{ float:left; margin-left:2px; width:75px; height:28px; line-height:28px; text-align:center; font-size:13px; border:1px solid #CACACA; color:#333; background:#E9E8ED; cursor:pointer; position:relative; top:0; right:0;}

/* Footer */
.footer{ margin-top:12px; padding:15px 0; color:#999; background:#343434 url(images/footer.png) repeat-x 0 0; text-align:center;}
.footer a{ color:#999;}

/* Footer Page */
.footpage{ width:100%; margin-bottom:10px; font-size:13px; text-align:center; text-shadow:1px 1px 0 #333;}
.footpage li{ width:1px; padding:0 11px; display:inline; word-break:keep; white-space:nowrap;}
.footpage li a{ color:#DDD;}

/* Customer Page */
.onlineQQ{ padding:45px 40px 0 15px; width:90px; height:277px; text-align:center; background:url(images/cs.png) no-repeat 0 0; position:absolute; z-index:99; overflow:hidden;}
.onlineQQ a{ margin-bottom:8px;}
.onlineQQ .clickclose{ float:right; width:20px; height:20px; text-indent:-9999px; display:block; cursor:pointer; position:absolute; top:0; right:30px;}
.onlineBar{padding:0; width:39px; height:137px; background:url(images/olbar.png) no-repeat 0 0;}
.onlineBar .clickclose{ width:39px; height:137px; top:0; right:0;}
.onlineContent img{ margin-top:6px;}

/* */
.content_right{float:left;}
.content_right .ad { 
	margin-bottom:10px;
	width:960px; 
	height:300px; 
	overflow:hidden;
	position:relative;
}
.content_right .slider,.content_right .num{
	position:absolute;
}
.content_right .slider li{ 
	list-style:none;
	display:inline;
}
.content_right .slider img{ 
	width:960px; 
	height:300px;
	display:block;
}
.content_right .num{ 
	right:5px; 
	bottom:5px;
}
.content_right .num li{
	float: left;
	color: #069;
	text-align: center;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-family: Arial;
	font-size: 12px;
	cursor: pointer;
	overflow: hidden;
	margin: 3px 1px;
	border: 1px solid #069;
	background-color: #fff;
}
.content_right .num li.on{
	color: #fff;
	line-height: 16px;
	width: 16px;
	height: 16px;
	font-size: 14px;
	margin: 3px 1px;
	border: 1px solid #069;
	background-color: #069;
	font-weight: bold;
}
.ptab td{
border-right: 1px solid #C1DAD7;
border-bottom: 1px solid #C1DAD7; 
}


#sinaicon{ background: url(images/sina.gif) no-repeat scroll 0 0 transparent;
   
    margin-right: 10px;
    padding: 5px 0 5px 25px;
}

.wdys li strong{
padding-top: 5px;
 border-bottom: 1px dashed #AAAAAA;
    color: #013C80;
    display: block;
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    margin-bottom: 4px;
    padding-bottom: 4px;
}

.wdys li {width:332px;}
.wdys li strong{
    color: #515151;
    float: left;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding-right: 10px;
    width:320px;
}
.wdys li.line{
margin-bottom: 5px;
    padding-bottom: 5px;
}
.wdys li strong b{
 color: #F97E05;
    float: left;
    font-family: 'Arial';
    font-size: 16px;
    font-weight: bold;
    line-height: 18px;
    padding-right: 10px;
}

/* list */
#rounded-corner {
    border-collapse: collapse;
    font-family: "Lucida Sans Unicode","Lucida Grande",Sans-Serif;
    font-size: 12px;
    margin: 45px;
    text-align: left;
    width: 530px;
}
#rounded-corner thead th.rounded-company {
    background: url(images/left.png) no-repeat scroll left -1px #B9C9FE;
}
#rounded-corner thead th.rounded-q4 {
    background: url(images/right.png) no-repeat scroll right -1px #B9C9FE;
}
#rounded-corner th {
    background: none repeat scroll 0 0 #B9C9FE;
    color: #003399;
    font-size: 13px;
    font-weight: normal;
    padding: 18px;
}
#rounded-corner td {
    background: none repeat scroll 0 0 #E8EDFF;
    border-top: 1px solid #FFFFFF;
    color: #666699;
    padding: 8px;
}
#rounded-corner tfoot td.rounded-foot-left {
    background: url(images/botleft.png) no-repeat scroll left bottom #E8EDFF;
}
#rounded-corner tfoot td.rounded-foot-right {
    background: url(images/botright.png) no-repeat scroll right bottom #E8EDFF;
}
#rounded-corner tbody tr:hover td {
    background: none repeat scroll 0 0 #D0DAFD;
}