/*
Theme Name: Unique Star
Theme URI: http://91yulu.info/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: taoyh
Version: 1.2
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

@import url("webfontkit/stylesheet.css");

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	
}
body {
	line-height: 1;
	color: #777;
	font-family: Arial
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img {
	border: none;
}

body { background: #fff url("images/bg.png") repeat-x scroll; }

a, a:visited { text-decoration: none; color:#777; }
a:hover { color:#7abf29; }

/* =Layout
-------------------------------------------------------------- */

.clear { clear: both; }




/* =Fonts
-------------------------------------------------------------- */


/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */
#main,
#wrapper {
	margin: 0 auto;
	min-width: 1000px;
	width: 100%;
	font-size: 12px;
	
}
#wrapper {
	position: relative;
}


#header { 
    width:100%;
    background: #000 url("images/pb1.png") no-repeat scroll center top;
    height:370px;
    margin: 0 auto;
}

#masthead {  
    width: 1000px;
    height:90px;
    margin: 0 auto;
    padding-top: 20px;
    clear: both;
}

#branding { width:200px;float:left; }

#site-title {
    width:155px;
    height:90px;
    background: transparent url("images/logo.png") no-repeat scroll;
    text-indent: -9000px;
}
#site-description { display: none; }

#access { width:616px; float:right; padding-top: 55px;position: relative; }
#access .nav-bg {
    background: transparent url("images/nav_bg.png") no-repeat center center  scroll;
    width:610px;height:54px;
    opacity: 0.6;
    filter:alpha(opacity=60); /* IE */
    top:33px;
    left:0;
    position: absolute;
}
#access .menu  {
    width:610px;height:54px;
    top:33px;
    left:0;
    position: absolute;
}
#access .menu li { 
    float:left;
    display: block;
    display: inline-block;
    line-height: 54px;
    width:100px;
    font-size: 14px;
    text-align: center;
}
#access .menu li a { 
    color:#99ff00;
    display: block;
    width:100px;    
    height: 54px;
    background: transparent url("images/navhover.png") no-repeat center center  scroll;    
    text-indent: -9999999px;
}
#access .menu li.nav-home,      #access .menu li.nav-home a { width:100px   }
#access .menu li.nav-about ,    #access .menu li.nav-about a { width: 100px;}
#access .menu li.nav-news ,     #access .menu li.nav-news a { width:100px }
#access .menu li.nav-products , #access .menu li.nav-products a { width: 100px}
#access .menu li.nav-projects , #access .menu li.nav-projects a { width:100px }
#access .menu li.nav-contact ,  #access .menu li.nav-contact a { width: 100px; }


#access .menu li.nav-home a {
    background-position: 0 0;
}
#access .menu li.nav-about a {
    background-position: -100px 0;
}
#access .menu li.nav-news a {
    background-position: -200px 0;
}
#access .menu li.nav-products a {
    background-position: -300px 0;
}
#access .menu li.nav-projects a {
    background-position: -400px 0;
}
#access .menu li.nav-contact a {
    background-position: -500px 0;
}
#access .menu li.nav-home a:hover {
    background-position: 0 -55px;
}
#access .menu li.nav-about a:hover {
    background-position: -100px -55px;
}
#access .menu li.nav-news a:hover {
    background-position: -200px -55px;
}
#access .menu li.nav-products a:hover {
    background-position: -300px -55px;
}
#access .menu li.nav-projects a:hover {
    background-position: -400px -55px;
}
#access .menu li.nav-contact a:hover {
    background-position: -500px -55px;
}
#access .menu li.nav-home.current_page_item a {
    background-position: 0 -108px;
}
#access .menu li.nav-about.current_page_item a {
    background-position: -100px -108px;
}
#access .menu li.nav-news.current_page_item a {
    background-position: -200px -108px;
}
#access .menu li.nav-products.current_page_item a {
    background-position: -300px -108px;
}
#access .menu li.nav-projects.current_page_item a {
    background-position: -400px -108px;
}
#access .menu li.nav-contact.current_page_item a {
    background-position: -500px -108px;
}

/*  .current-menu-item */
#access .menu li a:visited { color:#99ff00; }
#access .menu li a:hover{
    color:#99ff00;
}
#access .menu li.current_page_item a {
    color:#fff;
}
#main {
    width:1000px;
    min-height: 500px;
    margin: 0 auto;
    background: transparent url("images/content_bg.png") no-repeat scroll center top;
    position: relative;
    top:-150px;
}

#footer { width:1000px; 
height:220px;
margin: 0 auto;
position: relative;
top:-80px;
  }
#footer .footer_info {
    height:152px;
    width:1000px;
    background: transparent url("images/footer_bg.png") no-repeat scroll center top;
}
.footer_info .news {
    padding: 12px 20px 10px 35px;
    height:22px;
    
}
.footer_info .news h4 { width:80px; float:left;font-size:14px;font-weight: bold; color:#666;}
.footer_info .news p { font-size: 12px; }
.footer_info .footer-nav {width:1000px; height:40px;}
#menu-footer li { display: inline-block; float:left;padding-right:35px;font-size: 14px; }
.footer-nav .footer-right  { float: right;padding-right:15px; }
.footer-nav .lang,
.footer-nav .sns {
    float: left;
}
.footer-nav .sns { clear:right;padding-left:20px; }
.sns a {
    display: inline-block;
    width: 16px; height: 16px;
    background: transparent url("images/sns-icon.png") scroll no-repeat 0 0;
    margin-right:3px;
}
.sns a.twitter {
    background-position: 0 0;
}
.sns a.facebook {
    background-position: -22px 0;
}
.sns a.youtube {
    background-position: -45px 0;
}
.sns a.msn {
    /*background-position: -68px 0;*/
    background: transparent url("images/skype.png") scroll no-repeat 0 0;
}

#footer .footer-f-links { 
    padding:36px 0 0 36px;
    font-size: 12px;
}
 .footer-f-links a { margin:0 30px 0 0; color:#ababab;}

.footer-nav .menu-footer { padding:15px 35px 0; }
.footer_logo { display: inline-block;width:63px;height:37px; margin-right: 10px;
    background: transparent url("images/logo-s.png") no-repeat scroll left top;
 }


#footer .copyright { padding:25px 0 10px;font-size: 12px;color: #666; }


#container { padding: 40px 45px; }

#container .title { padding-bottom: 40px; }

#container h2 {
    font-size: 30px;color: #3399ff;
}
.ui-tabs-hide { display: none;}

/*---------  news  and project -------------- */
.content-lists ul.news-title {
    display: block;
    float: left;
    width: 300px;
    overflow: hidden;
    white-space: nowrap;
    font-size: 12px;
}
.content-lists ul.news-title li { display: block; height:30px;width: 300px;line-height: 30px;
    padding:0 10px 0 10px;}
.content-lists ul.news-title li span.title-txt { padding-right:25px; display: inline-block;width:200px;overflow: hidden;}   
#projects ul.news-title li span.title-txt {width:253px;} 
.content-lists ul.news-title li span.date { color:#b8b8b8;display: inline-block; width:68px;overflow: hidden;}
.content-lists ul.news-title li.ui-tabs-selected,
.content-lists ul.news-title li.ui-state-hover 
{ background: #00a7e6; }
.content-lists ul.news-title li.ui-tabs-selected a,
.content-lists ul.news-title li.ui-state-hover a 
{ color: #fff; }
.content-lists ul.news-title li.ui-tabs-selected span.date,
.content-lists ul.news-title li.ui-state-hover span.date 
{ color: #fff; }

.content-lists .news-list {
    float:left;
    width:550px;
    min-height: 300px;
    background: #f1f1f1;
    padding:25px 30px;
}

.content-lists .news-list h3 {
    color: #00a7e6;
    font-size:18px;
    text-align: center;
    padding-bottom: 18px;
}
.content-lists .news-list .ctext{
    font-size: 12px;
    line-height: 20px;
    overflow:hidden;
}

/*--------  about ------ */
#content .about {
    background: transparent url("images/map-local.png") no-repeat right 20px;
    min-height: 300px;
}
.about .about-text {
    width:580px;
    line-height: 20px;
}
.about .about-text p { padding-bottom: 28px; }
.about .about-text h3 { color: #7abf29;font-size: 14px; font-weight: bold;padding-bottom: 10px; }

#content .contact { line-height: 24px;padding-bottom: 45px; }
#content .contact img { margin-top: -20px; }
#content .contact h3 { color: #00a7e6;font-size: 18px; font-weight: bold; padding-bottom: 10px;clear:left;}
#content .contact-others { padding-top: 45px; }
.contact-others .contact-c {
    width:320px;
    padding:0 20px 0 0;
    float: left;
    margin:5px 100px 40px 0;
    line-height: 20px;
}
.contact-others .contact-c h3 {  color: #7abf29;font-size: 18px; font-weight: bold; padding-bottom: 10px; }
#content .div-line { border:1px solid #d5d5d5; border-width: 1px 0 0 0;width:1000px;margin-left: -45px; }



/*-------------- #products --------------*/
#container .products .title{
    padding: 40px 45px 0;
    height:38px;
}

#products ul {
    display: block;
    width:1000px;
    height:220px;
    clear: both;
    
}
#products ul li {
    display: block;
    float: left;
    width: 189px;
    height:220px;
    border: 1px solid #ebebeb;
    border-width: 0 1px 0 0;
    position: relative;
    width:248px;
}
#products ul li .inner {
    padding:24px 0 0;
    height: 196px;
}
#products ul li .inner a {
    font-size: 14px;
}
#products ul li .inner a:hover,
#products ul li.ui-tabs-selected .inner a {
color: #7abf29;font-weight: bold;
}
#products ul li .inner a p.img {
height:166px;
text-align: center;
}
#products ul li.last a p.img { 
margin-top:16px; 
height:150px;
}

#products ul li .inner a p.txt {
    text-align: center;
    line-height: 24px;
}


#products ul li.first, 
#products ul li.last{
    width:214px;
    width:251px;
}
#products ul li.last { border-right:none; width:215px;width:249px;}

#products ul li a { text-align: center;  }
#products ul li a img { text-align: center; }

#products ul li.ui-tabs-selected .highline,
#products ul li.ui-state-hover .highline
 {
    display: block;
    height: 3px;
    background: #7abf29;
    position: relative;
    bottom: 3px;
}


#products ul .ui-tabs-selected.olite .highline,
#products ul .ui-state-hover.olite .highline,
#products ul .ui-tabs-selected.package .highline,
#products ul .ui-state-hover.package .highline   {
    background: #3399ff;
}
#products ul .ui-tabs-selected.olite a:hover,
#products ul .ui-state-hover.olite a:hover,
#products ul .ui-tabs-selected.package a:hover,
#products ul .ui-state-hover.package a:hover,
#products ul .ui-tabs-selected.olite .inner a,
#products ul .ui-state-hover.olite .inner a,
#products ul .ui-tabs-selected.package .inner a,
#products ul .ui-state-hover.package .inner a
{
    color: #3399ff;
}


#products .product-list {  
    clear:both;
    border-top:1px solid #ebebeb;
}
#products .product-list .cell-product {
    width:499px;
    height: 495px;
    float:left;
    border: 1px solid #ebebeb;
    border-width: 1px 1px 0 0;
    overflow: hidden;
}
#products .product-list .cell-product.border-top-none { border-top:none; }

#products .product-list .cell-product .inner{
    padding:38px 34px 30px;
}

#products .product-list .cell-product.even {
    border-right:none;
}

#products .product-list .cell-product .img {
    width: 426px;
    height: 280px;
    border: 1px solid #f5f5f5;
    text-align: center;
    overflow: hidden;
    vertical-align: middle;
    display:table-cell;
    
}
#products .product-list .cell-product .img img {
    text-align: center;
    border: none;
    overflow: hidden;
}
#products .product-list .cell-product .txt{
    line-height: 20px;
    margin-top:30px;
}
#products .product-list .cell-product .txt h4 {
    font-size: 14px;
    font-weight: bold;
}


/*-------- home -----------*/
#front-page {
	margin: 0 auto;
	width:1000px;
    min-height: 400px;
    background: #fff;
    padding:50px 0 10px;
}
#homeslider {
/*     width:1000px; */
    width:100%;
    background: transparent;
    height: 470px;
    margin: 0 auto;
    position: relative;
}
#homeslider .slider {
    height: 470px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    visibility: hidden;
    width: 100%;
}
.slider ul.slider_ul {
    height: 470px;
    left: 0;
    position: absolute;
    top: 0;
	display:block;
}
.slider ul.slider_ul li {
    cursor: pointer;
    float: left;
    height: 470px;
    position: relative;
}
.slide_l {
    cursor: pointer;
    left: 0;
    position: absolute;
    top: 0;
    width: 460px;
    background: transparent no-repeat scroll 0 center;
    height:470px;
}
.slide_r {
    cursor: pointer;
    position: absolute;
    left: 0;
    top: 170px;
    width: 480px;
    
}


#homeslider .slide_r 
{ color:#3399ff;font-family: 'daxregular'; }
#homeslider .slide_r a, #homeslider .slide_r a:hover{
	color:#3399ff;
	}
#homeslider .slide_r h3 
{ font-size: 48px;padding-bottom: 12px; }
#homeslider .slide_r p { font-size: 24px; line-height: 36px;}
#homeslider .slider_control_ul { 
        display: block;
        position: absolute;
        bottom: 30px;
        right:0;
 }
#homeslider .slider_control_ul li { 
display: block;float: left;
margin-right:20px; border:2px solid #fff; 
background: #fff;width:56px;height: 36px;
text-align: center;}

#homeslider .slider_control_ul li.slider_control_cur { border-color: #3399ff; }



.home-profile { height:300px;padding-left:2px; }
.home-profile .col { width:240px;height:258px;float:left;
background: transparent url("images/col-bg.png") scroll no-repeat center 0;
margin-right:12px; }
.home-profile .col.last {
    margin-right: 0;
}
.home-profile .col .img {
    width:228px;height:181px;
/*     padding:6px 6px 0; */
    margin:6px 6px 0;
    text-align: center;
    overflow: hidden;
}
.home-profile .col .img  img { text-align: center;border: none; }
.home-profile .col .txt {
    height:60px;
}
.col .txt .inner { padding:20px 20px 1px; }
#container  .col .txt .title { padding-right: 10px; }
#container  .col .txt .title, 
.col .txt .title a {
    color:#00a8e6;font-size: 20px;padding-bottom: 0;
}
.col .txt .detail { font-size: 14px; } 

.wpcf7-form { width:550px; }
.wpcf7-form div { display: block; clear:both;padding:3px 0; height:36px; width:460px;}
.wpcf7-form span { display: block; width:80px; text-align: right; float: left; height:30px; line-height: 30px;
font-size: 14px;padding-right: 10px; }
.wpcf7-form span.wpcf7-form-control-wrap { width:280px; text-align: left; }
.wpcf7-form input { width:250px;height:26px;border:1px solid #ccc; background: #f3f3f3; font-size: 18px; padding:2px 6px; }
.wpcf7-form textarea { border:1px solid #ccc; background: #f3f3f3; padding:3px; height:90px; width: 360px; }
.wpcf7-form input.wpcf7-submit { width:66px; height:26px; float:right; background: #7abf29; color: #fff;
 clear:both; display: block; cursor: pointer;font-size: 14px;}
.wpcf7-form .wpcf7-form-control-wrap.your-message { width:360px; height:100px;  padding: 2px; }


.single-product { width: 950px;padding:50px 20px 30px 30px;clear:both; } 
.single-product .main-content {
    width:679px;
    float:left;
    clear: left;
}
.single-product .main-side {
    width:250px;
    float:right;
    clear: right;
}
#desc p { line-height: 24px; padding:10px 0; }
.single-product #desc .title { padding: 10px 0 0; font-size: 14px; height:16px; font-weight: bold; }

#spec, #conn { padding:30px 0 0 2px; overflow: hidden; }
.main-content .tab-nav { clear:both;height:20px;border-bottom: 1px solid #ebebeb; }
.main-content .breadcum { font-size:16px;font-weight: bold;  }
.main-content .breadcum .local { color:#3399ff;  }
.main-content ul { display: block; height:20px;float:right;clear:right; }
.main-content li { display: inline-block;padding:2px 10px; float:left; }
.main-content li.ui-tabs-selected a { color: #7ABF29; }
.main-side .box { padding:20px 12px; font-size: 14px; background: #f0f0f0;margin:10px 0; }
.main-side .info-book li { padding:10px 0 0; }
.main-side .filesize { padding-left:10px;text-align: right; }
#container .main-side .contact-info .title {  color:#3399ff;font-size:14px;font-weight: bold; padding:0 0 3px; height:20px;}
.main-side .contact-info .txt { font-size: 12px; line-height: 20px; }