@charset "utf-8";
/* Normalizes margin, padding*/
/*body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {*/
body, div, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
    margin: 0;
    padding: 0;
    font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
}

/*Normalizes font-size for headers h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
}*/

Removes list-style from lists #TreeMenu ol, #TreeMenu ul {
    list-style: none;
}
/* Normalizes font-style and font-weight to normal*/
/*address, caption, cite, code, dfn, em, strong, th, var {*/
address, caption, cite, code, dfn, em, var{
    font-style: normal;
    font-weight: normal;
}
/* Removes list-style from lists*/
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* Removes border from fieldset and img*/
fieldset, img {
    border: 0;
}
/* Left-aligns text in caption and th*/
caption, th {
    text-align: left;
}
/* Removes quotation marks from q*/
q: before, q: after {
    content: '';
}

a, a:hover, a:focus {
    text-decoration: none;
}


header {
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
}


footer {
    background: rgba(208, 237, 251, 0.44);
    /*height:60px;*/
    margin-top: 20px;
}

legend {
    margin-bottom: 0px;
    border: 1px solid #DDD;
    padding: 5px;
}





/*0815新增*/
#menu-right {
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    color: #000;
    font-size: 15px;
    letter-spacing: 0.8px;
}

#menu-right > li > a {
       /*color: #757272;*/
       /*color: #3d7131;*/
		color: #7d9544;
        padding-top: 30px;
        padding-bottom: 10px;
        padding-left: 20px;
        padding-right: 20px;
    }

#show-info {

}

#show-info img {
        width: 100%;
    }


#show-inside img {
    max-width: 100%;
}

#show-category {

}
    #show-category p {
        font-size: 16px;
        font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
        color: #292929;
        line-height: 120%;
    }

   #show-category p:hover {
            /*
color:#55a44b;*/
        }

    #show-category a:hover p {
        color: #55a44b;
    }


.category-new {
    text-align: center;
    margin: 0 auto;
    padding-top: 20px;
    padding-bottom: 20px;
}


.new-p1, .new-p2 {
    /*	background-color: #F1CFD9;	*/
}
.new-p3 {
}

.new-p1 img, .new-p2 img, .new-p3 img {
        border: 6px solid #fff;
        max-width: 100%;
    }



#show-category img {
    max-width: 100%;
    /*height:100%;*/
}

.contact-us {
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
}

.que-basic {
    background: #f3f7f9;
    color: #003;
    font-size: 18px;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-left: 2px;
}

.que p, .que div {
    text-align: left;
    font-size: 15px;
    padding-bottom: 5px;
}

    .que div.form-group {
        margin-bottom: 0;
    }

    .que p.help-block {
        padding-bottom: 0;
        margin-bottom:0;
    }

.que-basic p {
    text-align: left;
    padding-left: 0;
    color: #337ab7;
    font-size: 16px;
}



.people-space {
    padding-bottom: 5px;
    padding-left: 0;
    color: #595959;
}

    .people-space label {
        font-weight: normal;
        margin-bottom: 0px;
    }

    .people-space:before {
        content: " ";
        width: 5px;
        height: 5px;
        display: block;
        background: #d74f4b;
        position: absolute;
        left: 5px;
        top: 8px;
    }


.form-control {
    border-radius: 2px;
    margin-bottom: 10px;
    background-color: #FAFAFA;
}

.peopele-other label {
    font-weight: 100;
}

.red {
    color: #db4437;
}

.que-point p {
    font-size: 16px;
    padding-bottom: 20px;
    text-align: left;
}

.que-point span {
    line-height: 1.8;
    display: inline-block;
}

.category-text {
    padding-top: 8px;
}


.category-about-one01, .category-contact-one01, .category-news-one01 {
    padding-left: 5%;
    padding-top: 20px;
    font-size: 18px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    color: #020202;
}

.category-about-title, .category-contact-title, .category-news-title {
    padding-left: 10px;
    border-left: solid 3px #e96f6c;
}

#show-about .col-sm-10, #show-contact .col-sm-10, #show-news .col-sm-10 {
    padding-left: 0;
}

#show-about .col-sm-2, #show-contact .col-sm-2, #show-news .col-sm-2 {
    padding-right: 0;
}

.category-about-hr > hr, .category-contact-hr > hr, .category-news-hr > hr {
    margin: 0;
    margin-top: 10px;
    border: 0;
    border-top: 1px solid #c7d8a2;
}

.category-about-one02, .category-contact-one02, .category-news-one02 {
    padding-left: 5%;
}


#show-about .col-sm-3 {
    /*padding-left:5%;*/
}


.category-about-image, .category-news-image {
    /*background-color: #fff;
border: 1px solid #ddd;	
border-radius: 2px;*/
    padding-top: 15px;
}

    .category-about-image img, .category-news-image img {
        background-color: #fff;
        border: 1px solid #ddd;
        border-radius: 3px;
        max-width: 100%;
    }


.category-about-text {
    padding-top: 15px;
    display: inline-block;
    font-size: 16px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    color: rgb(39, 31, 31);
    line-height: 160%;
}


.category-news-text {
    color: rgb(39, 31, 31);
    padding-top: 10px;
    display: inline-block;
    font-size: 16px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    line-height: 160%;
    /*  border-bottom: 1px #CCC dotted;*/
}

.category-news-text a {
   color: #093b6b;      
    }


a .one-text {
    color: #18320d;
}


.category-address {
    padding-top: 15px;
    display: inline-block;
    font-size: 16px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    color: #5b3a3a;
    line-height: 160%;
}

.address01 {
    padding-left: 10px;
    color: #282f35;
}



.team-info {
    margin-top: 10px;
}

.col-xs-3, .col-sm-3 {
    /*	padding-right: 3px;
	padding-left: 3px;*/
}


.form-control {
    border-radius: 2px;
    margin-bottom: 10px;
  /*  background-color: #efefef;*/
}


.address-btn {
    margin: 0 auto;
    /*float:none;*/
    margin-left: 30%;
}




.langu {
    float: right;
    padding-top: 3px;
    display: inline-block;
}


.langu-choose {
    display: inline-block;
}


/*@media (min-width: 1280px) {
	.container {
	width: 1250px;
}
}*/



a:hover.company-subject {
    text-decoration: none;
}

.company-subject:hover {
    text-decoration: none;
}

.page-number {
    text-align: center;
}

    .page-number > a, .page-prev > a, .page-next > a {
        color: #666;
    }

    .page-number > a {
        padding-left: 10px;
        padding-right: 10px;
    }

        .page-number > a: hover {
            text-decoration: none;
        }

        .page-number > a: vistited, .page-prev > a: vistited, .page-next > a: vistited {
            color: #666;
        }

        .page-number > a:focus {
            border-bottom: 1px solid #CCC;
            border-top: 1px solid #CCC;
            text-decoration: none;
        }




/*輸入文字顏色*/
.goods-inquiry input[type="text"] {
    color: #03C;
}
/*表格內字顏色*/ /*疑*/
.form-control: -moz-placeholder {
    color: #c57a18;
}

.form-control: : -moz-placeholder {
    color: #c57a18;
}

.form-control: -ms-input-placeholder {
    color: #c57a18;
}

.form-control: : -webkit-input-placeholder {
    color: #c57a18;
}

.form-control.placeholder {
    color: #c57a18;
}

placeholder {
    color: #c57a18;
}


.btn-inverse {
    font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    border-radius: 0;
    background-color: #597587;
    color: #FFF;
    margin-bottom: 10px;
}

    .btn-inverse:hover {
        background-color: #89a7bb;
        color: #FFF;
    }


.top-left {
    float: left;
    padding-top: 18px;
    padding-bottom: 18px;
}

.top-right {
    float: right;
    padding-right: 3%;
    padding-top: 22px;
    font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
}

.footer01 {
    display: inline-block;
    color: #2c2a2a;
    padding-left: 5%;
    font-size: 15px;
    padding-bottom: 8px;
    padding-top: 8px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
}

.footer02 {
    display: inline-block;
    color: #2c2a2a;
    padding-top: 26px;
    float: right;
    padding-right: 5%;
    font-size: 15px;
    text-align: right;
}


    .footer02 a {
        color: #2c2a2a;
    }



#top-01 {
    font-size: 26px;
    color: #bd9a74;
}

.product-choose, .product-intro {
    padding-top: 10px;
}

.product-page {
    padding-top: 10px;
    float: none;
    margin: 0 auto;
}


.menu-all {
    margin-top: 8px;
    cursor: pointer;
}

.menu-outdoor {
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 4px #e96f6c;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
}

.menu-inside {
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
}

    .menu-inside a:link li, .menu-inside a:visited li {
        padding-left: 30px;
        font-size: 15px;
        color: #000;
        padding-top: 2px;
    }

    .menu-inside a:hover li, .menu-inside a:focus li {
        color: #e8716b;
    }

.breadcrumb {
    border-radius: 0;
    border-bottom: solid 1px;
    background-color: #fff;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    padding-left: 8px;
}

.one-goods {
    padding-bottom: 20px;
}

.one-image img {
    max-width: 100%;
}

.product-text {
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    line-height: 170%;
}


.product-text-name {
    display: block;
    font-size: 18px;
    font-weight: 600;
    /*background: #f8faf5;*/
    padding: 5px 0px;
}



.product-text-title {
    color: #1566a0;
    font-size: 16px;
    margin-bottom: 3px;
    display: block;
}

/*
.product-text-in{
padding-left: 18px;
    display: block;
	 font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    line-height: 170%;

	}*/

.product-below {
    padding-top: 13px;
    padding-left: 18px;
    display: block;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    line-height: 170%;
}


.product-below-01 {
    font-size: 16px;
    display: block;
    border-bottom: #eee solid 1px;
    padding: 10px 0;
    padding-bottom: 0;
}

.product-below-01 p {
        display: inline-block;
        background-color: #ece5e2;
        margin: 0 0 0 10px;
        padding: 8px 12px 5px 12px;
        border-radius: 4px 4px 0 0;
    }

.product-below-02 {
    display: block;
    padding-left: 13px;
    padding-top: 10px;
    line-height: 180%;
    color: rgb(102, 102, 102);
}

/*新選單用*/

.menu-new-outdoor {
    margin-bottom: 0px;
    border: 1px solid #DDD;
    padding: 5px;
    margin-top: 5px;
}

.sign {
    font-size: 18px;
    padding-left: 10px;
    padding-right: 10px;
    color: #f69391;
}


.sign:hover {
        color: #e96f6c;
    }

.lbl:hover, .lbl-new:hover, .lbl-other:hover {
    color: #09C;
}



.nav > li > a:hover, .nav > li > a:focus {
    background: #f8fff7;
}


.lbl-new {
    margin-left: 10px;
    padding-left: 10px;
    border-left: solid 4px #e96f6c;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-serif;
    font-size: 18px;
    color: #000;
}

.lbl-other {
    padding-left: 15px;
    font-size: 15px;
    color: #000;
    padding-top: 3px;
}


.lbl {
    padding-left: 30px;
    font-size: 15px;
    color: #000;
    padding-top: 2px;
    display: block;
}

}

#ProductCategoryTreeSub_1 {
}

#ProductCategoryTreeSub_3 {
    padding-left: 20px;
}

.menu-new-outdoor2 {
    /*	border: 1px solid #DDD;*/
    display: block;
    margin-left: 15px;
    padding-top: 5px;
    padding-bottom: 5px;
}

/*0815新增*/
.category-right-choose{
	display:inline-block;
	float:right;
	margin-right: 10px;
	width: 100%;
	margin-top: 4px;
	}
.sear{
	margin-bottom: 0;	
}
.ringin-search{
	margin-bottom:0;
}
/*
.sear, sear2{
border: 1px solid #c4debb;}
*/

.text-center{
	float:left;
	width:100%;	
	}

.one-text{
	height: 80px;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
	}



@media (min-width: 768px) {
    /*.form-control {
	width: 70%;
}*/
    #menu-right {
        /*float: right;*/
    }

    .navbar-collapse.collapse {
        display: block !important;
        height: auto !important;
        padding-bottom: 0;
        overflow: visible !important;
        visibility: visible !important;
      /*  background-color: #f8fff7;*/
        background-image:url(/images/bg-show2.jpg);
    }

    .navbar-nav > li {
        float: left;
    }

    .navbar-nav > li {
        /*margin-top: 52px;*/
    }

    #imgs {
        margin-top: -52px;
    }

    #menu-right {
        text-align: center;
        margin: 0 auto;
        /*width: 776px;*/
    }

    #imgs {
        margin-right: 10px;
        margin-left: 10px;
        padding-top: 20px;
    }

        #imgs img {
            max-width: 150px;
        }

    #menu-right > li > a {
        padding-top: 22px;
        padding-bottom: 20px;
        padding-left: 7px;
        padding-right: 6px;
        /* font-size: 14px;*/
    }

        #menu-right > li > a:hover {
            color: #000;
            background-color: #e1faf4;
        }



    .navbar-brand {
        /*display: none;*/
        float: left;
        height: auto;
        padding: 5px 6px;
        font-size: 18px;
        line-height: 20px;
        padding-right: 10px;
    }

    .title-text {
        font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
        font-size: 30px;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        color: #5c634d;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        /*width: 30%;*/
        letter-spacing: 5px;
        margin: 0 auto;
        /*	margin-top: 30px;*/
        display: inline-block;
    }

    .tt01 {
    }


    .category-word {
        font-size: 18px;
    }



    a .category-word {
        color: #003d36;
		font-weight: bold;
    }
}

@media (max-width: 767px) {
    .navbar-toggle {
        display: block;
    }

    #menu-right > li > a {
        padding-top: 5px;
        padding-bottom: 5px;
        color: #466647;
    }

        #menu-right > li > a:hover {
            color: #000;
            background: #b6dfb7;
        }

    #menu-right #imgs {
        display: none;
        padding: 0;
    }

    #show-category {
        background-image: none;
        background-color: #f9f9f9;
    }
	
	.category-right-choose{

   float: none; 
    margin-top: 0;
}
	.ringin-search {
    
    border: 0;
}
	
	.sear {  
    background: #f2f2f2;
	border-right: 0;
	 display: inline-block;
    float: left;
	    width: 80%;
}
	
	.sear2{
	display: inline-block;
    float: left;
		}
	
.ringin-search .form-group{
	
	margin-bottom: 0px;
	}
    /*.team-grids {
	width: 25%;
	float: left;
}*/

    .top {
        display: none;
    }

    .navbar-brand {
        position: fixed;
        top: 0;
        padding-top: 0px;
        left: 30%;
    }


        .navbar-brand > img {
            max-width: 220px;
        }

    #show-info, #show-inside {
        padding-top: 54px;
    }




    .title-text {
        font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
        font-size: 16px;
        text-align: center;
        padding-top: 15px;
        padding-bottom: 15px;
        border-bottom: 1px solid #CCC;
        border-top: 1px solid #CCC;
        width: 30%;
        margin: 0 auto;
        /*margin-top: 30px;*/
    }

    .category-about-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /*顯示行數，目前為5行*/
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        padding-top: 0px;
    }

    .category-about-image {
        padding-top: 0px;
    }

    .address-space {
        padding-right: 5px;
        /*padding-left:0;*/
    }

    .category-address {
        padding-top: 0;
        padding-bottom: 10px;
    }

    .address-btn {
        float: left;
        margin-left: 0;
    }


    #top-01 {
        font-size: 36px;
    }

    .category-news-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        -webkit-line-clamp: 2;
        -webkit-box-orient: vertical;
        line-height: 1.8em;
        height: 4.0em;
    }

    .category-word {
        font-size: 16px;
    }

    a .category-word {
        color: #000;
    }
}

@media (max-width: 624px) {

    .navbar-brand {
        /*position: fixed;
	top: 0;
	padding-top: 1px;*/
        left: 22%;
    }

    .category-about-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /*顯示行數，目前為4行*/
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
    }
}


@media (max-width: 480px) {

    .navbar-brand {
        /*position: fixed;
	top: 0;
	padding-top: 1px;*/
        left: 20%;
    }


        .navbar-brand > img {
            max-width: 200px;
        }

    .navbar {
        min-height: 52px;
    }

    #show-info, #show-inside {
        padding-top: 52px;
    }

    #show-about .col-xs-4, #show-about .col-xs-8 {
        width: 50%;
        padding-right: 5px;
        padding-left: 5px;
    }

    .category-about-text {
        overflow: hidden;
        text-overflow: ellipsis;
        display: -webkit-box;
        /*顯示行數，目前為5行*/
        -webkit-line-clamp: 5;
        -webkit-box-orient: vertical;
        font-size: 14px;
    }


    footer {
        margin-top: 34px;
    }



    .footer01 {
        padding-left: 14%;
        font-size: 15px;
    }

    .footer02 {
        margin-top: -34px;
        font-size: 15px;
        padding-top: 0;
    }

    .category-news-image {
        display: none;
    }

    .category-news-word {
        width: 100%;
    }


    .category-news-text {
        padding-top: 0px;
        padding-bottom: 10px;
    }

    .address-space {
        width: 100%;
    }

    .que-point {
        padding-left: 2px;
    }

    .category-new {
        padding-bottom: 5px;
        padding-top: 10px;
        width: 100%;
    }




    /*	
.company-all>.company-title {
	min-height: 30px;
}
.company-all>.company-single, .company-all>.company-title>.company-name {
	padding-right: 3px;
	padding-left: 3px;
}
.company-subject {
	font-size: 10px;
	padding: 2px 1px;
}
.company-intro {
	width: 90%;
}

.company-single p{
font-size:12px;	
	
	}
*/

}


@media (max-width: 414px) {

    .navbar-brand > img {
        max-width: 200px;
        /*padding-top:2px;*/
    }

    .navbar-brand {
        margin-top: 2px;
        left: 13%;
    }







    .footer01 {
        font-size: 13px;
        padding-right: 0;
    }

    .footer02 {
        font-size: 13px;
    }
}



/*
@media (min-width: 992px) and (max-width: 1150px) {
#menu-right>li>a {
	padding-top: 30px;
	padding-bottom: 10px;
	padding-left: 15px ;
	padding-right: 15px ;
	font-size: 14px;
}
}
*/

@media (min-width:768px) and (max-width:991px) {


    .navbar-brand > img {
        max-width: 200px;
    }

    .navbar-brand {
        padding-left: 5px;
        margin-top: 3px;
        padding-right: 4px;
    }

    #menu-right > li > a {
        font-size: 14px;
    }

    #ring-memu {
        padding-right: 0;
        padding-left: 0;
    }


    /*新選單用*/
    .lbl-new {
        margin-left: 5px;
        padding-left: 5px;
        font-size: 16px;
    }

    .sign {
        padding-left: 2px;
        padding-right: 2px;
    }
    /*新選單用止*/

}



@media (min-width: 880px){
	
	
    #menu-right > li > a {
     
        padding-left: 15px;
        padding-right: 14px;
    }                                                           
	
	}









@media (min-width: 992px) {
    #menu-right {
        text-align: center;
        margin: 0 auto;
        /*	width: 1000px;*/
        float: none;
    }


    .top {
        text-align: center;
        margin: 0 auto;
        /*	width: 1000px;*/
    }


    #imgs {
        margin-right: 40px;
        margin-left: 40px;
        padding-top: 0;
    }

        #imgs img {
            max-width: 200px;
        }

    #menu-right > li > a {
        padding-top: 22px;
        padding-bottom: 20px;
        padding-left: 17px;
        padding-right: 16px;
    }
}

@media (min-width: 768px) {
    #menu-right {
        /*padding-bottom: 10px;*/
        /*padding-top: 10px;*/
    }

    .navbar-fixed-top {
        position: relative;
    }

    .other-logo {
        display: none;
    }

    .category-new {
        /*	width:20%;*/
        padding-right: 10px;
        padding-left: 10px;
    }

    /*
.new-p1, new-p2{
	width:40%;
	
	
	}

.new-p3{
	width:20%;
	
	
	}
*/



}

#menu-right > ul > li > a: hover {
    border-bottom: 1px solid #1F1F1F;
    font-family: "微軟正黑體", Verdana, Arial, Helvetica, sans-serif;
}


@media (min-width: 1200px) {


    #menu-right > li > a {
        /*	padding-top: 30px;
	padding-bottom: 10px;*/
        padding-left: 30px;
        padding-right: 31px;
        /*font-weight: 600;*/
      /*  text-shadow: 0px 0px 1px rgba(0,0,0,0.2);*/
        /*font-size: 14px;*/
    }

    #show-category .row {
     /*   padding-right: 20px;
        padding-left: 20px;*/
        text-align: center;
        margin: 0 auto;
    }

    .category-new {
        /*padding-top:30px;*/
        padding-right: 5px;
        padding-left: 5px;
    }
}