/*
Theme Name: yu-lan
Theme URI: http:///www.yu-lan.com.tw
Description: HTML5 + CSS3
Version: v1.0
Author: Bruce,Danny
Author URI: http://www.yu-lan.com.tw
Tags: light, two-columns, right-sidebar, html5, css3
*/
* {margin:0 auto}
a {color:#06C;text-decoration:none;outline:medium none}
a:hover {color:#1384B0;text-decoration:underline}
.assistive-text{
    position: absolute !important;
    clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    clip: rect(1px, 1px, 1px, 1px);
}
.fix{display:block; clear:both;}
::selection {
    background: #2D2B2C;
    color: #fff;
}
::-moz-selection {
    background: #2D2B2C;
    color: #fff;
}
.position-relative{
    position: relative;
}
body {
    background: #FFF;
    color:#666;
    font: 13px Verdana,"Trebuchet MS","Lucida Grande","Lucida Sans",Arial;
}
/*header*/
#header{
    margin: 0 auto;
    height: 75px;
    width: 100%;
}
#header h1{
    height: 70px;
    left: 0;
    position: absolute;
    top: 0;
    width: 70px;
}
#header h1 a{
    color: #3A4146;
    font: 36px "微軟正黑體",Arial,Georgia;
    height: 70px;
    width: 70px;
    float: left;
}
#header h1 a:hover{
    text-decoration: none;
    color:#1384B0;
}
#header h1 a#logo{
    background: url("img/logo.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    text-indent: -999em;
    width: 180px;
}
/*
#header-search{
    display: block;
    height: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: auto;
}
#header-search .search-input{
    border-radius: 3px 0 0 3px;
    border-right: medium none;
    height: 25px;
    margin: 0;
    padding: 0 8px;
    background-color: #EBEBEB;
    color: #000;
    float: left;
}

#header-search .search-submit{
    background-color: #EBEBEB;
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAYAAAH6ji2bAAAABGdBTUEAAK/INwWK6QAAABl0RVh0U29mdHdhcmUAQWRvYmUgSW1hZ2VSZWFkeXHJZTwAAAGNSURBVHjaYvz//z8DHCBzmBDCDDsAAogRWeYREFvCeQABBNPkAcQPgPg8suB7IGYHcUEcgABCMQRd+3+YKhAfZjcjFJ9BdtAhIA4B4gsYTgaCaSA+QABhtwgbAClEcgA3ktRDIE5GdxAI/Abir0j82UDsji3U2IB4MRB/AOIrQCwAxKFAPB13YGABAAFEtEImBmIBkomPoT5/CqU1UNRAFc4F4p1I+rVgcYWu8AsQS6JbBsSi6OH4Goh1sLjsPbob1aAmgNIbBxDfhPLZ0K0GAQsgvg81pQkpTamhK0QHINNeArEzSakHIMCIT2akRAxSkoQBFSCeA8T3oEH8EYivAXE7EAviTdZoBioD8TNooIAiNAiIJYBYAYhjoYaC5I4AsTAxBt6F5gd/PJ4qghq6DohZCRn4DepNQTwGmkENPAXEIoQMXAFVvA+HoVrQTPAPiFOJ8TIIeALxG6QE9hya6P5jwbOhRSBeA5EBKDI0oVgKSXwWkqE/gbiWWAPxAXUgrgSlfCDmgplB9YQNADZcJDPf+uvDAAAAAElFTkSuQmCC');
    background-position: 0 2px;
    background-repeat: no-repeat;
    border-bottom: 1px solid #BABABA;
    border-radius: 0 3px 3px 0;
    border-right: 1px solid #BABABA;
    border-top: 1px solid #BABABA;
    display: block;
    float: left;
    height: 27px;
    margin: 0;
    padding-bottom: 0;
    padding-left: 0;
    padding-top: 0;
    text-indent: -999em;
    width: 25px;
}
#header-search input[type="text"]:focus{
    border-color:#BABABA;
    outline:none;
}
*/
/** small menu **/
#right-top-nav{
    position: relative;
}
#right-top-nav{
    font: 12px Verdana,Arial;
}
#top-navigation{
    position: absolute;
    right: 0;
    top: 10px;
}
#top-navigation ul{
    display: block;
}
#top-navigation ul li{
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
}
#top-navigation ul li a{
    margin-right: 15px;
    color: #666;
}
#top-navigation ul li a:after{
    background-color: #999;
    content: " ";
    display: inline-block;
    position: relative;
    float: right;
    height: 3px;
    margin: 5px 5px 5px;
    width: 3px;
    right: 8px;
    top: 2px;
    zoom:1;
    *display: inline;
    text-align: center;
}

#top-navigation ul li a:hover{
    color: #0259ce;
    text-decoration: none;
}
#top-navigation ul li a:hover{
    color:#009AF0
}
/*
#lang-navigation{
    position: absolute;
    right: 0;
    top: 20px;
    width:auto
}
#lang-navigation ul{}
#lang-navigation ul li{
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
}
#lang-navigation ul li a{
    padding: 0px 10px;
    color: #A8A8A8;
}
#lang-navigation ul li .selected,#lang-navigation ul li a:hover{
    background-color: #A8A8A8;
    color: white;
    text-decoration: none;
}
#lang-navigation ul li:first-child a{
    margin-right: 5px;
}*/


/*------  Menu ------ */
#achang-menu{
    position: relative;
    top: -30px
}
#navigation ul { margin: 0; padding-left: 0;list-style: none;}
#navigation li { margin: 0; padding: 0;}
#navigation a { margin: 0; padding: 0;text-decoration: none;}
#navigation {
    height: auto;
    position: absolute;
    right: 0;
}

#navigation {
    margin: 0;
    padding: 0;
    list-style: none;
    width: auto;
    float: left;
    right: 0;
}
#navigation li {
    margin: 0;
    padding: 0;
    /*float: left;*/
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
    text-align: center;
}

#navigation li ul {
    background-color: #FFF;
    margin: 0;
    padding: 1px 0;
    list-style: none;
    float: left;
    position: absolute;
    left: 0;
    top: 33px;
    width: auto;
    color: #fff;
    display: none;
    border:1px solid #c7eef5;
}
#navigation li ul li a { display: inline; }
#navigation li ul li a:hover {
    text-decoration: none;
   /* background-color: #c7eef5;*/
    padding: 3px 10px 3px;
    line-height: 20px
}

/*
#navigation ul li {
    float: left;
    margin:0 auto;
    position: relative;
}
*/

/*#navigation ul li a:after,*/
#navigation li a:after{
    color: #009AF0;
    display: inline-block;
    float: right;
    height: 14px;
    margin-top: 0px;
    width: 15px;
    content: "/";
    zoom:1;
    *display: inline;
    text-align: center;
}
#navigation ul li a:hover/*,
#navigation ul li.current_page_item a,
#navigation ul li.current-menu-item a,
#navigation ul li.current-menu-parent  a*/{
    color:#009AF0;
}

#navigation li a{

}

#navigation ul li:last-child a:after,
#footer-navigation ul li:last-child a:after,
#top-navigation ul li:last-child a:after{
    display: none;
}

#navigation  li a {
    color: #666;
    font: 13px/20px Verdana, Arial , 'Lucida Grande';
    padding: 10px 10px 15px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}

/*
#navigation ul li a {
    color: #666;
    font: 12px/1.7em Verdana, Arial , 'Lucida Grande';
    padding: 10px 10px 15px;
-webkit-transition: color .15s;
   -moz-transition: color .15s;
     -o-transition: color .15s;
        transition: color .15s;
}
#navigation ul li a:hover {color: #0259ce; }
#navigation ul li ul {
    opacity: 0;
    z-index:9999;
    visibility: hidden;
    padding: 5px 0;
    background-color: #e2e2e2;
    text-align: left;
    position: absolute;
    top: 35px;
    left: 50%;
    margin-left: -100px;
    width: 200px;
}
#navigation ul li:hover ul {
    opacity: 1;
    top: 35px;
    visibility: visible;
}
#navigation ul li ul:before{
    content: '';
    display: block;
    border-color: transparent transparent #e2e2e2 transparent;
    border-style: solid;
    border-width: 10px;
    position: absolute;
    top: -20px;
    left: 50%;
    margin-left: -15px;
}
#navigation ul ul li {
    position: relative;
    width: 100%;
}
#navigation ul ul a{
    color: #666;
    font: 12px Verdana, Arial,'Lucida Grande';
    background-color: #e2e2e2;
    padding: 5px 5px 5px 15px;
    display: block;
}
#navigation ul ul a:hover{
    background-color: #000;
    color: #FFF;
}
#navigation .current_page_item a,
#navigation .current_page_ancestor a {
     color:#000;
}
#navigation  ul  ul ul{
    display: none;
}

*/

/**----- Breadcrumb -----**/


ul.Breadcrumb{
    float: left;
    height: 20px;
    line-height: 20px;
    margin-top: 0;
    overflow: hidden;
    padding-left: 0;
    width: 100%;
    padding-bottom: 0px
}
ul.Breadcrumb li a{
    color: #666;
    padding: 5px 10px 5px;
}
ul.Breadcrumb li{
    color: #666;
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
}

ul.Breadcrumb li a:after{
    background: url('data:image/gif;base64,R0lGODlhBgAFAIAAAP///wAAACH5BAAAAAAALAAAAAAGAAUAAAIHhG+BibpXAAA7') no-repeat 0 0 transparent;
    display: inline-block;
    float: right;
    height: 5px;
    margin-top: 8px;
    width: 6px;
    content: " ";
    zoom:1;
    *display: inline;
    text-align: center;
}
ul.Breadcrumb li a:hover{
    text-decoration: none;
    color: #009AF0;
}

ul.Breadcrumb:before{
    background-color: #664300;
    content: " ";
    display: block;
    float: left;
    height: 0;
    margin:8px 0 0 0;
    width: 0;
    padding: 3px;
}
/*


ul.Breadcrumb li a.title{
     color: #777;
}

ul.Breadcrumb li{
    float: left;
    list-style: none;
    display: inline-block;
    zoom:1;
    *display: inline;
}

ul.Breadcrumb li a{
     color: #668BB8;
     text-decoration: none;
}

ul.Breadcrumb li a span[itemprop="title"]:hover{
     text-decoration: underline;
}


ul.Breadcrumb li a:after{
    background: url('data:image/gif;base64,R0lGODlhBgAFAIAAAP///wAAACH5BAAAAAAALAAAAAAGAAUAAAIHhG+BibpXAAA7') no-repeat 0 0 transparent;
    color: #009AF0;
    display: inline-block;
    float: right;
    height: 14px;
    margin-top: 0px;
    width: 15px;
    content: "/";
    zoom:1;
    *display: inline;
    text-align: center;
}
*/
ul.Breadcrumb li:last-child a:after{
    display: none;
}
.page-tab{
    width: 980px;
    height: 30px
}
.page-tab a{
    background: url("img/sperate.gif") no-repeat scroll 0 8px transparent;
    color: #333;
    padding-left: 7px;
    padding-right: 4px;
}


/*Main*/
#content {
    overflow: hidden;
    width: 100%;
    height: 100%;
    padding-top: 35px
}
#main{
    float: left;
    padding: 0 20px 0 10px;
    width: 670px;
}
#primary{
    float: right;
    width: 800px;
    background: #FFF;
}

.top-line{
    border-top: 3px solid #707070;
    margin-left: 35px;
    width: 760px;
    padding-bottom: 15px;
    overflow:hidden;
}
.top-line-tax{
    border-top: 3px solid #707070;
    margin-left: 35px;
    width: 760px;
    padding-bottom: 10px;
    overflow:hidden;
}
/*.tax-top-line{
    border-top: 2px solid #717171;
    padding-bottom: 20px
}*/
body:nth-of-type(1) .top-line{

}
.post-figure-title-excerpt{
    position: relative;
    height: 190px;
}
.post-title{
    font: bold 18px "微軟正黑體",Arial,Georgia;
}
/*
.index-title{
    font: 15px "微軟正黑體",Arial;
    color: #FFF;
    background: #000;
    padding: 3px;
}*/

/** **/
.tax-banner{
    display: block;
    height: 140px;
    margin-bottom: 5px;
    width: 980px;
}
.taxonomy-list{
    margin-left: 40px;
    padding:0;
    list-style: none;
    background: url("img/tax-bg.gif") no-repeat scroll 0 0 transparent;
    overflow: hidden;
    height: 172px;
}

.taxonomy-list .tax-list-item{
    float: left;
    height: 126px;
    width: 126px;
}
.taxonomy-list a{}
.taxonomy-list .series-img{
    display: block;
    height: 50px;
    overflow: hidden;
    position: absolute;
    width: 50px;

}
.taxonomy-list .tax-top{
    height: 35px;
    margin-left: 55px;
    /*overflow: hidden;*/
}
.taxonomy-list .tax-top .t0{
    float: left;
    width: 40px;
    height: 35px;
}
.taxonomy-list .tax-top .t1{}
.taxonomy-list .tax-top .t2{
    border-bottom: 1px solid #BDBDBD;
}
.tax-product-url{
    font-size: 15px;
    padding-top: 13px;
    text-align: center;
}
.tax-product-url a{
    color: #000;
    display: block;
    font-family: "微軟正黑體",Arial;
    font-size: 16px;
}
.tax-product-url a:hover{
    display: block;
    color: #FFF;
    background: #09BEDD;
     text-decoration: none;
}
h1.tax-title{
    color: red;
    font: bold 20px arial;
    margin: 0 0 0 40px;
    padding: 0 0 10px 10px;
}
h1.tax-title span.tax-desc{
    font-size: 15px;
    padding-left: 10px;
}
/*#taxonomy-list .en-name{
    border-top: 1px solid #BDBDBD;
    font-size: 12px;
    height: 14px;
    line-height: 12px;
    margin-left: 55px;
    overflow: hidden;
    text-align: right;
}*/
.taxonomy-list .tax-product-img{
    text-align: center;
    padding-top: 10px;
}
.taxonomy-list .tax-product-img img{
    width: 110px;
    height: 110px;
}
.taxonomy-list a:hover{}

/** Archive Product Series**/
.archive-page-wrap{
      background: url("img/product-page-bg.gif") repeat-y scroll 0 0 #C4C5BF
}
#archive-list{
    list-style: none outside none;
    margin-left: 20px;
    padding: 0;
}
.archive-product-img{
    height: 180px;
    width: 195px;
}
.arc-list-item {
    float: left;
}
.archive-product-img a img{
    height: 180px;
    width: 195px;
}

/**----- Content -----**/
.product-page-wrap{
  background: url("img/product-page-bg.gif") repeat-y scroll 0 0 #FFF
}
.single-title-group{
    float: left;
    height: 60px;
    margin: 0 0 0 430px;
    overflow: hidden;
    width: 360px;
}
.single-title-group h1{
    font: 30px "微軟正黑體",Arial;
    margin:0;
}
.single-title-group h4{
    color: #1D848B;
    font-size: 15px;
    font-weight: normal;
    height: 20px;
    overflow: hidden;
}
body:nth-of-type(1) .single-title-group h4{

}
/*.single-title-group h5{
    color: #2a2a2a;
    font-weight: normal;
    height: 15px
}*/
.single-description{
    padding-bottom: 10px;
    color:#a5a5a5;
}
.single-content{
    margin:0;
    float:left;
    width: 360px;
    margin-left: -5px;
}
.single-content p{
    padding-left: 10px;
    font-size: 15px;
}
.single-content ul{
    padding-left: 20px;
}

/** Related Post **//*
.related-products{
    position: relative;
    display: block;
    overflow: hidden;
    float: left;
    margin-top: 12px;
    width: 456px;

    height:105px ;
    background-color: #FFF;
}
.related-products ul li{
    float: left;
}
.related-list{
    margin-left:35px;
    height: 105px;
    overflow: hidden;
    width: 385px
}
ul.related-list-ul{
    background-color: #c3f1ef;

    float: left;
    margin-top: 0;
    padding: 0;
    width: 900px;
    padding-left: 1px;

}
ul.related-list-ul li{
    border-top:1px solid #c3f1ef;
    border-bottom:1px solid #c3f1ef;
    height: 70px;
    width: 76px;
    list-style: none;

    background-color: #CCC;
    margin-right: 1px;
    text-align: center;
    position: relative;
}
ul.related-list-ul li a.title{

    width: 40px;
    left: 0;
    bottom: -15px;
    font-size: 12px;
    line-height: 12px;
    position: relative;
    display: block;
    color: #000;
    padding: 3px 0;

}
ul.related-list-ul li a.title:hover,
ul.related-list-ul li .current-post{
    background-color:  #09bedd;
    text-decoration:none;
    color: #FFF;
    line-height: 12px;
    font-size: 12px;
    width: 100%;
    display: block;
    padding: 3px 0;
}

ul.related-list-ul li a.img img{
    display: block;
    height: 50px;
    width: 40px;
    margin-top: 10px
}

.related-products span.prev-r{

    left: 0;
    background: url("img/prev.gif") no-repeat scroll 8px 25px #FFF;

}

.related-products span.next-r{

    right: 0;
    background:url("img/next.gif") no-repeat scroll 8px 25px #FFF;

}

.related-products span.next-r,
.related-products span.prev-r{
    z-index: 999;
    z-index: 999;
    display: block;
    height: 97px;
    line-height: 100px;
    position: absolute;
    text-align: center;
    top: 0;
    width: 35px;
    text-indent: -999em;
    cursor: pointer;
}


*/
/** Category Page **/
ul.child-of-cat-page,
ul.child-of-area-page{
    float: left;
    padding-bottom: 0;
    padding-left: 15px;
}
ul.child-of-cat-page li,
ul.child-of-area-page li{
    float: left;
    list-style: none outside none;
}
ul.child-of-cat-page li:after,
ul.child-of-area-page li:after{
    content: " / ";
    padding: 0 15px;
}
ul.child-of-cat-page li:last-child:after,
ul.child-of-area-page li:last-child:after{
    display: none;
}
ul.child-of-cat-page li a:hover,
ul.child-of-area-page li a:hover,
ul.child-of-cat-page li.current-cat a,
ul.child-of-area-page li.current-cat a{
    color: #009AF0;
    text-decoration:none;
}
ul.child-of-cat-page li a,
ul.child-of-area-page li a{
    color: #545351;
    font-size:13px;
}
.news-post,
.area-post{
    border-bottom: 1px solid #CCC;
    clear: both;
    margin-bottom: 14px;
    overflow: hidden;
    padding-bottom: 7px;
}
.category-post-title h1,
.area-post-title h1{
    font: 18px "微軟正黑體",Arial;
    margin-bottom: 0;
    margin-top: 0;
}
.area-post-title h1{
    color: #009AF0
}
.category-post-title h1 a,
.area-post-title h1 a{
    color: #545351
}
.category-post-title h1 a:hover,
.area-post-title h1 a:hover{
    text-decoration: none;
    color: #009AF0
}
.area-post-title h1:before{
    content: "‧";
    padding: 0 5px 0 0;
}
.area-post-content{
    padding-left: 10px;
    padding-top: 10px;
}
.area-post-content p{
    color: #333333;
    font-size: 15px;
    line-height: 1.7em;
}
.cat-news-post-image{
    float: left;
    padding-right: 15px;
}
.cat-news-post-image img{
    height: 95px;
    width: 140px;
}
.category-post-content{
    padding-top: 5px;
    font-size:15px;
}
.cat-blank,.area-blank{
    border-top: 3px solid #D5D5D5;
    padding-bottom: 10px;
}
/**----- Product Images -----**/
.product-images{
    border: 1px solid #DBDBDB;
    /*clear: both;*/
    display: block;
    /*left: 0;*/
    /*overflow: hidden;*/
    /*position: absolute;*/
    /*top: 30px;*/
    width: 378px;
    /*height: 398px;*/
    height: 378px;
    padding: 0px;
    float: left;
    /*margin-top: -80px !important;*/
    margin-top: -60px;
    /*position:relative;*/
    margin-right: 20px;
    margin-left: 35px;
    margin-bottom: 100px;
    /*top: 0;
    left: 0;*/

}
body:nth-of-type(1) .product-images{
   /*  margin-top: -70px;*/
}
.series-img{
    display: block;
    height: 50px;
    width: 50px;
    float: left;

}
.main-img{
    height: 300px;
    overflow: hidden;
    width: 300px;
    display: block;
}
.main-img img{
    height: 300px;
    width: 300px;
}
.small-img{
    bottom: -50px;
    left: 10px;
    overflow: hidden;
    position: relative;
}

ul#product-small-images{
    float: left;
    margin-bottom: -2px;
    padding: 0;
}
ul#product-small-images li{
    padding-right: 12px;
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
}
ul#product-small-images li a img {
    width: 60px;
    height: 60px;
    overflow: hidden;
    border: 1px solid #DBDBDB;
}
ul#product-small-images li:last-child{
    padding-right: 0;
}
/**-----  Product Tab -----**/
#product_tabs {
    overflow: hidden;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
}

#product_tabs li {
    float: left;
    margin: 0 -15px 0 0;
}

#product_tabs a {
    font-size: 12px;
    float: left;
    position: relative;
    padding: 0 8px;
    height: 0;
    line-height: 20px;
    text-decoration: none;
    color: #000;
    border-right: 20px solid transparent;
    border-bottom: 20px solid #c2c2c2;
    border-bottom-color: #c2c2c2\9;
    /*opacity: .3;
    filter: alpha(opacity=30);*/
}

#product_tabs a:hover,
#product_tabs a:focus {
    border-bottom-color: #09c1dd;
    color: #FFF;
    /*opacity: 1;
    filter: alpha(opacity=100);*/
}

#product_tabs a:focus {
    outline: 0;
}

#product_tabs #current {
    z-index: 3;
    border-bottom-color: #08898e;
    color: #FFF;
    /*opacity: 1;
    filter: alpha(opacity=100);*/
}
.product_content_tab{
    /*padding: 10px*/
    line-height: 22px;
    overflow: hidden;
    padding: 10px 5px 0;
    width: 350px;
}
.product_content_tab p{

}
#functions{}

/**----- Product Categories  ----**/
#category-nav-area ul#category-nav{
    list-style: none;
    padding: 0;
    margin: 0;
}
#category-nav {
    float: left;
    width: 100%;
    margin: 15px 0;
 }
#category-nav li a {
    display: block;
    /*padding: 10px 15px;*/
    background: #C4C5BF;
    /*border-top: 1px solid #eee;*/
    /*border-bottom: 1px solid #FFF;*/
    text-decoration: none;
    color: #000;
    cursor: pointer;
    height: 35px;
    line-height: 35px;

    border-bottom: 1px solid #FFF;
}
a.accessory-link{
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    font-family: "微軟正黑體",Arial;
    font-size: 16px;
    padding: 5px 5px 5px 15px;
    text-align: left;
}
div.sidebar_balnk{
    border-bottom: 1px solid #FFFFFF;
    display: block;
    height: 35px;
    overflow: hidden;
    width: 100%;
}
a.accessory-link:hover{
    text-decoration: none;
    color: #FFF
}

#sidebar h3.parent-name{
    color: #000000;
    font: 18px/35px '微軟正黑體',arial,sans-serif;
    /*padding: 10px 10px;*/
    text-align: left;
    height: 35px;
    width: 100%;
    display: block;
    padding-left: 10px;
    border-bottom:1px solid #FFF;
}
#sidebar h3.parent-name a{
    color: #000;
    font-size: 16px;
}
#sidebar h3.parent-name a:hover{
    color: #FFF;
    text-decoration: none;
}

ul#category-nav li a.cat-li-item{
    padding-left: 25px
}

#sidebar section.product-widget{
    margin-bottom: 0;
}

/*#category-nav li a:hover,
 #category-nav li a.active {
    background: #999;
    color: #fff;
}*/

#category-nav li a:hover{
     color: #fff;
}
#category-nav li ul li a:hover{
     color: #666;
}
#category-nav li ul {
    display: none;
    list-style: disc;
    margin: 0;
    padding-left: 55px;
    background: #FFF;
}
#category-nav li ul li a {
    /*padding: 10px 25px;*/
    /*background: #ececec;*/
    /*border-bottom: 1px dotted #ccc;*/
    background: #FFF;
    font-size: 12px;
}

#category-nav ul ul > li{
    display: none;
}
#category-nav  li.current-active a{
    color: #0c8e8e;
}
/** Search **/
#sidebar h3{
    border-bottom: 1px solid #FFFFFF;
    color: #000000;
    display: block;
    font-family: "微軟正黑體",Arial;
    font-size: 16px;
    padding: 5px 5px 5px 15px;
    text-align: left;
    font-weight: normal;
}
.search_input input#s{}
#sidebar  #group_0{display: none;}
#sidebar .group label{
   /* float: left;
    width: 80px;*/
    padding:  2px 0;
    display: block;
}
#sidebar .group{
    clear: both;
    display: block;
    padding:10px;
    overflow: hidden;
}
#sidebar #group_3{
    text-align: center;
}
#sidebar .group input#searchsubmit{

}

#sidebar .group input#s{
    width: 135px;
}

.error-page{
    margin-left: 40px;
    min-height: 170px;
    padding-left: 10px;
}

/** page area **/
#page-primary{
    background: #D9DAD5;
    background: -moz-linear-gradient(#C4C5C0, #FFFFFF);
    background: -o-linear-gradient(#C4C5C0, #FFFFFF);
    background: -webkit-linear-gradient(#C4C5C0, #FFFFFF);
    filter: progid: DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C4C5C0', endColorstr='#FFFFFF');
    overflow: hidden;
}
.page-title{
    float: left;
    padding: 30px 0 0;
    text-align: center;
    width: 320px;
    font: 32px Arial,Verdana;
}
.page-cat-news-left{
    float: left;
    padding: 30px 0 0;
    text-align: center;
    width: 320px;
    margin-top: 0;
}
.page-cat-news-right{
    color: #000;
    float: left;
    font: 15px Arial;
    overflow: hidden;
    padding: 10px;
    width: 630px;
}
.page-cat-news-left{
    float: left;
    font: 40px Arial,Verdana;
    padding: 30px 0 0;
    text-align: center;
    width: 320px;
}
.page-cat-title h1{
    color: #222222;
    font-size: 22px;
    font-weight: normal;
    margin: 10px 0 5px;
}
.page-title h1{
    color: #FFF;
    font: 22px Arial,Verdana;

}
.goback{
    padding-top: 20px;
    text-align: right;
}
.goback a{
    color: #666;
}
.goback a:hover{
    color: #000;
    text-decoration: none;
}

.page-content{
    float: left;
    width: 630px;
    padding: 10px;
    color: #000;
    font: 15px Arial;
    overflow: hidden;
}
.page-content p{
    font-size: 15px;
    line-height: 1.7em;
    color: #333;
}
/** pagination **/
.pagination{
    margin-top: 10px;
    line-height:36px;
    text-align:right;
    text-decoration:none;
    width:100%;
    overflow:hidden;
    clear: both;
}
.pagination .prev{
    margin-right:5px
}
.pagination a{
    padding:3px 8px;
    text-decoration:none;
    color:#666;
    border:1px solid #CACACA
}
.pagination a.current{
    padding: 3px 8px;
    font-weight:bold;
    text-decoration: none;
    border: 1px solid #CCC;
    background:#FFF;
    color: #454545;
}
.pagination .current,
.pagination a:hover{
    background: #EAEAE1;
    border: 1px solid #CCC;
    padding: 3px 8px;
}
/** SideBar **/
#sidebar {
    float: left;
    overflow: hidden;
    padding: 0;
    width: 180px;
    background-color: #C4C5BF
}
#sidebar h3:after {
 /*   background: #9F0000;
    content: "";
    display: block;
    float: left;
    height: 18px;
    margin-right: 10px;
    margin-top: 3px;
    width: 10px;*/
}
#sidebar h3:first-letter{
   /* color: #9F0000;*/
}
/*#sidebar h3{
    font: 20px '微軟正黑體',arial,sans-serif;
    padding: 0;
    text-align: left;
    color: #000;
}*/
#sidebar ol {
    display: block;
    padding-left: 26px;
    list-style: none;
    overflow: hidden;
    counter-reset: numList;
}
#sidebar ol li {
    width: 176px;
    margin-right: 44px;
    float: left;
    position: relative
}
#sidebar ol li:before {
    counter-increment: numList;
    content: counter(numList);
    float: left;
    position: absolute;
    left: -26px;
    top: 10px;
    font: 12px Arial;
    text-align: center;
    color: #fff;
    line-height: 18px;
    width: 18px; height: 18px;
    background: #676767;
}
#sidebar .widget {
    line-height: 1.7em;
    margin: 0 0 20px;
    overflow: hidden
}
#sidebar .textwidget ul {
    list-style:square;
    padding:0 0 0 20px;
    margin-top: 0;
}
#sidebar .textwidget li {
    padding: 5px 0 0;
    font-size: 13px;
}
#sidebar .textwidget{
    height: auto;
    padding: 0 0 0 15px;
    width: 100%;
}
/** News Page **/
#category-primary,
#area-primary{
    height: 100%;
    overflow: hidden;
}


/**----- footer slider -----**/
.footer-slide-links {
    position:relative;
    margin:20px auto;
    width: 830px;
    float: left;
}
.footer-slide-links ul,.footer-slide-links li {
    list-style:none;
    padding:0;
}
.footer-slide-links ul{
    width: 970px;
}
.footer-slide-links .prev,.footer-slide-links .next {
    cursor: pointer;
    display: block;
    height: 130px;
    line-height: 100px;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 0;
    width: 35px;
}
.footer-slide-links .prev{
    left: 0;
    background: url("img/prev.gif") no-repeat scroll 8px 55px #FFF;
    /*border-right: 1px solid #c3f1ef;*/
}

.footer-slide-links .next{
    right: 0;
    background:url("img/next.gif") no-repeat scroll 8px 55px #FFF;
    /*border-left: 1px solid #c3f1ef;*/
}
.footer-list {
    height: 130px;
    margin-left: 36px;
    overflow: hidden;
    position: relative;
    width: 752px;
}
.footer-listul { width:9999px;}
.footer-list li {
    float:left;
    display:inline;
    width:188px;
    margin-right:0px;
    height:130px;
    text-align:center;
    line-height:100px;
}
ul.footer-list-ul li a img {
    /*width: 177px;*/
    width: 188px;
    height:130px;
}


/**----- big slider -----**/
.big-slide-links {
    position:relative;
    margin:0 auto 10px;
    width: 980px;
    float: left;
    left: -35px;
}
.big-slide-links ul,.big-slide-links li {
    list-style:none;
    padding:0;
}
.big-slide-links ul{
    width: 1300px;
}
.big-slide-links .prev,.big-slide-links .next {
    cursor: pointer;
    display: block;
    height: 130px;
    line-height: 100px;
    position: absolute;
    text-align: center;
    text-indent: -999em;
    top: 0;
    width: 35px;
}
.big-slide-links .prev{
    left: 0;
    background: url("img/prev.gif") no-repeat scroll 8px 55px #FFF;
    /*border-right: 1px solid #c3f1ef;*/
}

.big-slide-links .next{
    right: -70px;
    background:url("img/next.gif") no-repeat scroll 8px 55px #FFF;
    /*border-left: 1px solid #c3f1ef;*/
}
.big-list {
    height: 130px;
    margin-left: 36px;
    overflow: hidden;
    position: relative;
    width: 980px;
}
.big-listul { width:9999px;}
.big-list li {
    float:left;
    display:inline;
    width:245px;
    margin-right:0px;
    height:135px;
    background-color:#CCC;
    text-align:center;
    line-height:100px;
}
ul.big-list-ul li a img {
    width: 245px;
    height:135px
}




/** Footer **/
#footer {
    height: 100px;
    width: 100%;
}
#powered{
    float: left;
}
a#powered-logo{
    background: url("img/logo.jpg") no-repeat scroll 0 0 transparent;
    display: block;
    height: 50px;
    text-indent: -999em;
    width: 180px;
}
#footer-navigation{
    position: absolute;
    right: 0;
}
#footer-navigation ul{
    float: left;
}
#footer-navigation ul li a{
    color: #666;
    padding: 10px 10px 15px;
}
#footer-navigation ul li{
    color: #666;
    display: inline-block;
    float: left;
    zoom:1;
    *display: inline;
}

#footer-navigation ul li a:after{
    color: #009AF0;
    display: inline-block;
    float: right;
    height: 14px;
    margin-top: 0px;
    width: 15px;
    content: "/";
    zoom:1;
    *display: inline;
    text-align: center;
}
#footer-navigation ul li a:hover{
    text-decoration: none;
    color: #009AF0;
}
#address{

}
span.webname{

}


/**----- global setting -----**/
.block-0{
    width: 100%;
    height: 100%;
}
.block-1{
    width: 980px;
    height: 100%;
}
.block-2{
    float: left;
    height: 100%;
    overflow: hidden;
    width: 490px;
}
.block-3{
    float: left;
    height: auto;
    width: 240px;
}
.block-center{
    float: left;
    height: auto;
    width: 480px;
}
.block-sperate{
    margin-right: 20px;
}

/** plugin **/
#achang-slider{
    height: 100%;
    margin-bottom: 20px;
    overflow: hidden;
}


/** **/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    border: 1px solid #BABABA;
    border-radius: 3px 3px 3px 3px;
    box-shadow: none;
    color: #34495E;
    font-family: "Lato",sans-serif;
    font-size: 13px;
    margin: 5px;
    padding: 5px;
    text-indent: 1px;
}
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: #E67E22;
    box-shadow: none;
}
textarea{
    width: 100%;
}
input[type="button"],
input[type="submit"],
input[type="reset"]{
    background-color: #34495E;
    border: medium none;
    box-shadow: none;
    color: white;
    font-size: 13px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: none;
    transition: all 0.25s ease 0s;
}
input[type="button"]:hover,
input[type="submit"]:hover,
input[type="reset"]:hover,
input[type="button"]:focus,
input[type="submit"]:focus,
input[type="reset"]:focus{
    background-color: #1ABC9C;
    border: none;
}

/** Table CSS**/
#table-dl {
    width: 100%;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
    font-family: Arial,"Bitstream Vera Sans",Helvetica,Verdana,sans-serif;
    color: #333;
}
#table-dl td, #table-dl th {
    border-top-color: white;
    border-bottom: 1px solid #DFDFDF;
    color: #555;
}
#table-dl th {
    text-shadow: rgba(255, 255, 255, 0.796875) 0px 1px 0px;
    font-family: Georgia,"Times New Roman","Bitstream Charter",Times,serif;
    font-weight: normal;
    padding: 7px 7px 8px;
    text-align: left;
    line-height: 1.3em;
    font-size: 14px;
}
#table-dl td {
    font-size: 12px;
    padding: 4px 7px 2px;
    vertical-align: top;
}

#table-dl td.no{
    text-align: center;
    width: 50px;
}
#table-dl td.dl{
    width: 125px;
    text-align: center;
}
#table-dl td.strong{
    font-weight: bold;
}

/*Table*/
.contact-form table {
    margin: 0;
    margin: 0;
    width: 100%;
    font-family: verdana,arial,sans-serif;
    font-size:13px;
    color:#333333;
    border-width: 1px;
    border-color: #CCC;
    border-collapse: collapse;
}
.contact-form table th {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #CCC;
    /*background-color: #ffffff;*/
    vertical-align:middle
}
.contact-form table td {
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #CCC;
    /*background-color: #ffffff;*/
}
.contact-form table label{
    font-weight: normal;
}
span.start{
    color:red;
    font-size: 10px;
    padding-left:2px
}
.note-des{
    background-color: #FFFFE0;
    border: 1px solid #E6DB55;
    color: #333333;
    font-size: 12px;
    margin-bottom: 14px;
    padding: 5px;
}
#echowell-sub{
    margin-bottom: 15px;
    margin-top: 15px;
}
#echowell-inquiry{
    margin: 0;
    padding: 0;
}


/** Downliad Page CSS **/
#page-download{
    background: #FFF;
    overflow: hidden;
}

.page-title h1.dl-title{
    color: #000;
}
.download-list{

}
.dl-list-item{
    border-bottom: 1px solid #CCCCCC;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 20px;
    width: 100%;
}
.radiogroup{
    display: block;
    float: left;
    width: 335px;
}
.radionname{
    float: left;
    width: 150px;
    display: block;
}
.radiodownload{
    float: left;
    display: block;
}
.radiodownload button{
    background-color: #FFF;
    border: 1px solid #CCC;
    display: block;
    height: 30px;
    width: 100px;
}
.radiodownload button:hover{
    border: 1px solid #CCC;
    background-color: #02C0D6;
    color: #FFF;
}
.radio-item{
    display: block;
    padding: 5px 0;
}
.radio-item label{
    padding-left: 5px;
}

/**  Youtube Page **/

    ul.tabs {
        width: 100%;
        height: 32px;
        padding: 0;
        margin: 0 auto;
        text-align: right;
    }
    ul.tabs li {

    display: inline-block;
    *float: left;
    zoom:1;
    *display: inline;

        height: 31px;
        line-height: 31px;
        overflow: hidden;
        position: relative;
    }
     ul.tabs li:after{
    content: "/";
    display: block;
    float: right;
    padding: 0 5px;
    width: 12px;
     }
      ul.tabs li:last-child:after{
        display: none;
      }
    ul.tabs li a {
        color: #000;
        text-decoration: none;
        padding: 10px
    }
    ul.tabs li a:hover {
        color:#009AF0;
    }
    ul.tabs li.active a:hover {
        background: #fff;
    }
    div.tab_container {
        /*clear: left;*/
        width: 100%;
    }
    div.tab_container .tab_content {
        padding: 5px;
        height: 445px;
        overflow: hidden;
    }

ul.playlist {
    margin: 0;
    padding: 0;
    list-style: none;
    width: 100%;
    float: left;
}
ul.playlist li {
    float: left;
    padding: 10px;
    border-bottom: 1px solid #CCC;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    width: 320px
}
ul.playlist li.item-0 {
    border-top: 1px solid #CCC;
}
ul.playlist li a img {
    border: 0;
    vertical-align: middle;
    display: block;
    float: left;
    overflow: hidden;
    background: url("img/loader.gif") no-repeat scroll center center transparent;
    width: 120px;
    height: 90px;

}
ul.playlist li span.description{
    display: block;
    float: left;
    height: 85px;
    overflow: hidden;
    width: 190px;
    padding-left: 10px;
}
ul.playlist li a{
    display: block;
    overflow: hidden;
}
ul.playlist li a:hover{
    text-decoration: none;
}
ul.tabs li.active a{
    color: #009AF0
}

.video {
    float: left;
    width: 600px;
    height: 338px;
    background-color: #FFF
}

.youtube_area{
    float: left;
    padding-top: 40px
    height: 480px;
    width: 610px;
    padding: 10px;
    display: block;
    overflow: hidden;
    background: url("img/loader.gif") no-repeat scroll center center transparent;
}
.youtube_list {
    float: left;
    height: 560px;
    margin: 10px 0;
    width: 350px;
}

/** Contact Form 7 **/
.wpcf7-captcha-echowell-captcha{}
.echowell-captcha{}
span.echowell-captcha-img{
    display: block;
    float: left;
    margin-top: 5px;
}


#navigation ul li a.no-href {
    cursor: default;
}