@charset "utf-8";

/* CSS Document */


/*2016.02 Alan*/


/****************************************************/


/*CSS reset*/


/****************************************************/

* {
    margin: inherit;
    padding: inherit;
}


/*css reset*/

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, 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, caption, tbody, tfoot, thead, tr, article, aside, canvas, details, embed, figure, figcaption, footer, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

table {
    padding: 0;
    border: 0;
    vertical-align: baseline;
}

html {
    /*固定顯示卷軸*/
    overflow-y: scroll;
}

input[type=submit] {
    box-sizing: content-box;
}


/* HTML5 display-role reset for older browsers */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

ul {
    list-style: none;
}

li {
    list-style-type: inherit;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

a {
    color: inherit;
    text-decoration: none;
}

a:hover {
    text-decoration: none;
}

h1 {
    font-size: inherit;
    display: block;
}


/****************************************************/


/*CSS reset*/


/****************************************************/


/****************************************************/


/*編輯器*/


/****************************************************/

.display_editor_data {
    /*font-size:24px;*/
}

.display_editor_data p {
    margin: 1em 0;
    font-size: 100%;
}

.display_editor_data h4 {
    color: #EA8211;
    margin: 1em 0;
    font-size: 110%;
}

.display_editor_data h3 {
    color: #06C;
    margin: 1em 0;
    font-size: 120%;
}

.display_editor_data h2 {
    color: #C00;
    margin: 1em 0;
    font-size: 130%;
}

.display_editor_data h1 {
    margin: 1em 0;
    font-size: 140%;
}

.display_editor_data img {
    display: inline;
}

.display_editor_data ol {
    padding-left: 2em;
    margin: 1em 0;
}

.display_editor_data ul {
    padding-left: 2em;
    margin: 1em 0;
    list-style-type: disc;
}

.display_editor_data table {
    margin: 1em auto;
}

blockquote td, .display_editor_data td {
    padding: 5px;
    border-color: #666;
}

.display_editor_data th {
    padding: 8px;
    background: #ddd;
    color: #000;
    border-color: #666;
}

.display_editor_data a {
    color: #06F;
}


/****************************************************/


/*編輯器*/


/****************************************************/


/****************************************************/


/*修正Mweb錯誤繼承*/


/****************************************************/

html, body {
    font: 16px/normal "Arial", "Microsoft JhengHei";
}

header {
    width: auto;
}

.header {
    /*頁首間距*/
    padding-top: 10px;
    margin: 0 auto;
    /*頁首間距*/
    padding-bottom: 15px;
}

.header:after {
    /*頁首*/
    content: ' ';
    display: block;
    clear: both;
}

#navMenu {
    margin: 0 auto;
}

.logo {
    /*logo*/
    padding-top: 0;
}

.lag, .lagH, .register {
    /*語言列、登入選單*/
    font-size: 100%;
}

.search input {
    /*搜尋列*/
    vertical-align: middle;
}

.search #sf_keyword {
    /*搜尋列*/
    font-family: "Arial", "Microsoft JhengHei";
}

nav {
    /*主選單*/
    clear: both;
    background: #063757;
    background: linear-gradient(to bottom, rgba(6, 55, 87, 1) 0%, rgba(0, 76, 122, 1) 100%);
}

#navMenu {
    /*主選單*/
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;
    font-size: inherit;
    font-weight: normal;
    height: auto;
}

#navMenu:after {
    /*主選單*/
    content: '';
    display: block;
    clear: both;
}

#navMenu li {
    /*主選單*/
    border-right: none;
}

#navMenu > li+li {
    /*主選單*/
    /*background:url(../images/basic05.png) 0 50% no-repeat;*/
}

.sf-arrows .sf-with-ul:after {
    /*主選單*/
    display: none;
}

.breadcrumb h1 {
    /*麵包屑*/
    display: inline-block;
    font-weight: normal;
}

.index #slidepic_pic2 .control {
    /*首頁輪播控制鈕*/
    left: 0;
    width: 100%;
    text-align: center;
    bottom: 60px;
}

#slidepic_pic2 .control a {
    /*首頁輪播控制鈕*/
    width: 16px;
    height: 16px;
    background: #FFF;
    text-indent: 0px;
    font-size: 12px;
    margin-right: 10px;
    border: 1px solid #CCC;
}

#slidepic_pic2 .control a.on {
    /*首頁輪播控制鈕*/
    background: #F00;
    color: #FFF;
}

.colSide h4 {
    /*左選單標題*/
    margin-bottom: 0;
    border-radius: 0;
}

.sideCate li a {
    /*左選項目風格*/
    background: url(../images/img04.png) 24px 18px no-repeat;
}

.sideCate li a.tree {
    /*左選展開按鈕*/
    height: 100%;
    z-index: 1;
    background: url(../images/basic06.png) 0 11px no-repeat;
}

.sideCate li.par_tree, .sideCate li.par_tree.active {
    /*左選展開按鈕-刪除多於按鈕*/
    background: none;
}

.sideCate ul {
    /*次分類縮排*/
    margin-bottom: 0;
    margin-left: 15px;
}

#imgcode {
    /*驗證碼*/
    display: inline-block;
}

.cartList .btnOrder {
    /*洽詢車列表的回上一頁*/
    float: none;
    margin: 0;
    padding: 5px 15px;
    background: #999;
    border: 0;
    width: auto;
    height: auto;
    line-height: normal;
}

.cartList .btnOrder:hover {
    /*洽詢車列表的回上一頁*/
    background: #ccc;
    color: #000;
}

.psort a {
    /*列表切換紐*/
    margin-top: -5px;
}

.btnOrder {
    /*產品頁的加入洽詢車*/
    margin: 0;
    width: auto;
    height: auto;
    line-height: normal;
    padding: 8px 10px 8px 40px;
}

.cartList table td {
    /*洽詢列表*/
    vertical-align: middle;
}

.table_form th {
    /*聯絡表單的標題背景*/
    /*background: none !important;*/
}

.contactBox{
    /*聯絡表單的標題外框*/
    border: none;
}

.index .colMain{
    /*首頁colmain寬度*/
    width: 100%;
}

/*IE9~10*/

:root body {
    font-size: 16px;
}

:root h2.menuTitle {
    /*右半邊大標題*/
    padding: 0 0 10px 40px \9;
}

:root .btnOrder {
    /*產品頁的加入洽詢車*/
    padding: 10px 10px 10px 40px \9;
}

:root #navMenu {
    /*主選單*/
    font-size: 16px \9;
}


/*IE9~10*/


/*產品列表-共用*/

.productGrid {
    /*列表外框*/
    overflow: visible;
}

.productGrid a:hover {
    /*列表標題*/
    text-decoration: none;
}

.proList h3 a {
    /*標題顏色*/
    color: #333;
}

.proList h3 a:hover {
    /*標題顏色*/
    color: #E9401F;
}

.productList .txt {
    /*橫式*/
    float: none;
    width: 100%;
}

.psort a {
    /*顯示模式切換*/
    margin-top: -2px;
}

.productGrid .proList .img {
    /*產品列表項目外框*/
    border: none;
    min-height: 160px;
}


/*產品列表-共用*/


/*產品列表- 小80*/

.productGrid.list_imgS .proList {
    margin: 0 12px 30px;
}


/*產品列表- 小80*/


/*產品列表- 中120*/

.productGrid.list_imgM .proList {
    margin: 0 16px 30px;
}


/*產品列表- 中120*/


/*產品列表- 大150*/

.productGrid.list_imgL .proList {
    margin: 0 6px 30px;
}


/*產品列表- 大150*/


/*產品列表- 特大200*/

.productGrid.list_imgXL .proList {
    margin: 0 20px 30px;
}


/*產品列表- 特大200*/


/*產品列表- 極大250*/

.productGrid.list_imgXXL .proList {
    margin: 0 44px 30px;
}


/*產品列表- 極大250*/


/*產品列表- 極特大300*/

.productGrid.list_imgXXXL .proList {
    margin: 0 19px 30px;
}


/*產品列表- 極特大300*/


/*客製化*/

.productGrid .proList {
    margin: 0 10px 30px;
    padding: 6px 5px;
    background: #DFDFDF;
    border-radius: 10px;
    height: 260px;
}

.productGrid .proList img {
    border-radius: 5px;
    /*height: 200px;*/
}

.productGrid.list_imgXL .proList {
    margin: 0 15px 30px;
}

.productGrid.list_imgXL .proList img {}


/*客製化*/


/************/


/*主選選單修正*/


/************/

#navMenu li ul {
    /*min-width:100%;*/
}

#navMenu li li {
    border-top: none;
    background-image: url(../images/basic04.png);
    background-repeat: repeat-x;
}

#navMenu li li a {
    padding: 8px 20px;
}

#navMenu li li:hover > a {
    color: #F07B20;
}

#navMenu li li:hover {
    background: #fff;
}

#navMenu li li li {
    background: #eee url(../images/basic04.png) 0 0 repeat-x;
}

#navMenu a:hover {
    background-color: inherit;
}


/************/


/*主選選單修正*/


/************/


/****************************************************/


/*修正Mweb錯誤繼承*/


/****************************************************/


/****************************************************/


/*本站基礎*/


/****************************************************/

body {
    font-family: "Microsoft JhengHei";
}

.header, #navMenu, .content {
    width: 1000px;
}

.bannerArea {
    width: 1920px;
}

.footer {
    width: 1000px;
}

.breadcrumb {
    /*width: 1000px;*/
}

.colSide {
    width: 245px;
}


/****************************************************/


/*本站基礎*/


/****************************************************/


/****************************************************/


/*頁首*/


/****************************************************/


/************/


/*基礎*/


/************/

header {
    padding-top: 0px;
}

.content-wrap {
    background: #F9F9F9;
    background: url(../images/img003.jpg) 50% 100% no-repeat, #F9F9F9;
    padding-bottom: 160px;
}


/************/


/*基礎*/


/************/


/************/


/*搜尋列*/


/************/
#search_form{
    padding: 0 !important;
}
.search {
    margin: 45px 0 0 0;
}
.search form {
    font-size: 0px;
}
.search #sf_keyword {
    font-size: 16px;
    background: none;
    outline: none;
    width: 170px;
    font-family: "Microsoft JhengHei";
    color: #000000;
    height: 22px;
    letter-spacing: normal;
    border-width: 1px 0 1px 1px;
    border-radius: 0;
}

.search #sf_submit {
    background: #3A95DB;
    background: url(../images/basic01.png) 50% 50% no-repeat, #3A95DB;
    border: none;
    font-size: 0;
    width: 25px;
    height: 22px;
    box-sizing: content-box;
    border-radius: 0;
}



#search_form input::-webkit-input-placeholder {
    color: #959595;
    /* chrome 提示字顏色 */
    line-height: 22px;
}

#search_form input::-moz-placeholder {
    color: #959595;
    /* firefox 提示字顏色 */
    line-height: 22px;
}

#search_form input:-ms-input-placeholder {
    color: #959595;
    /* IE 提示字顏色 */
    line-height: 22px;
}


/************/


/*搜尋列*/


/************/


/************/


/*會員登入*/


/************/

.register {
    margin-top: 0;
    padding: 0px;
}

.register a {
    color: #959595;
}


/************/


/*會員登入*/


/************/


/************/


/*主選單*/


/************/

#navMenu {
    background: none;
}

#navMenu > li {
    text-align: center;
    border-top: solid 10px #91CA3D;
}

#navMenu > li:hover {
    border-top: solid 10px #FFC408;
}

#navMenu > li+li {
    background: url(../images/img001.png) 0 50% no-repeat;
}

#navMenu > li > a {
    padding: 15px 42.3px;
    display: inline-block;
    font-style: italic;
}

#navMenu > li > a:hover {
    font-style: normal;
}


/************/


/*主選單*/


/************/


/****************************************************/


/*頁首*/


/****************************************************/


/****************************************************/


/*內頁banner*/


/****************************************************/

.banner {
    background: #F9F9F9;
}



/****************************************************/


/*內頁banner*/


/****************************************************/


/*頁中***************************************************/


/*麵包屑**************************/

.breadcrumb-wrap {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.breadcrumb {
    width: 500px;
    margin: 0;
    position: absolute;
    ;
    top: -55px;
}


/*麵包屑**************************/


/*左半邊**************************/

.colSide {
    /*margin-top: -20px;*/
}

.colSide-title {
    background: #00C01D;
    padding: 15px 25px;
}

.colSide h4 {
    padding: 5px 15px;
    background: none;
    border-left: 8px solid #FED500;
    font-style: italic;
}

.colSide img {
    margin-top: 20px;
    width: 100%;
}

.sideCate {
    background: #F9F9F9;
    /*padding-top: 10px;*/
}

.sideCate li a {
    color: #666666;
    padding: 15px 20px
}


/*左半邊**************************/


/*右半邊**************************/

h2.menuTitle {
    background: none;
    border-bottom: 5px solid #DBDBDB;
    padding: 16px 25px;
}


/*右半邊**************************/


/*頁中***************************************************/


/*頁尾***************************************************/

footer {
    background: url(../images/img004.jpg) repeat;
    padding: 15px 0;
    font-size: 100%;
    letter-spacing: -0.31em;
}
footer > *{
    letter-spacing: normal;
}

footer ul {
    list-style-type: square;
    padding-left: 20px;
    padding-top: 10px;
}

footer li{
    line-height: 28px;
}
.social{
    letter-spacing: normal;
    margin-top: 15px;
}

.social *{
    vertical-align: middle;

}
.info-title {
    display: inline-block;
    font-size: 120%;
    border-bottom: 1px solid #ffffff;
}


.footer .info{
    /*padding-left: 0px;*/
    width: 40%;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: middle;
}

.footer .map {
    width: 60%;
    display: inline-block;
    vertical-align: middle;

}
.footer .map .border{
    border: 10px solid rgba(255, 255, 255, 0.5) !important;
    border-radius: 10px;

}
.footer .map iframe {
    width: 100%;
    height: 240px;
    display: block;
}

.copyright-wrap {
    background: url(../images/img005.jpg) repeat;;
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0) 5px), url(../images/img005.jpg) repeat;
    padding: 15px 0;
    text-align: center;
    color: #8AAFC9;
}

.menu-wrap {
    text-align: center;
    background: #82D3F8;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.3) 0px, rgba(0, 0, 0, 0) 5px), #82D3F8;
    padding-bottom: 20px;
}

.menu-wrap a {
    padding: 0 30px;
}

.menu-wrap a+a {
    border-left: 2px solid #000;
}


/*頁尾***************************************************/


/*首頁***************************************************/
/*基礎*/

/*基礎*/
/*首頁banner**************************/

/*.index #slidepic_pic2 {
    width: 1920px;
    height: 507px;
}

.index #slidepic_pic2 .control {
    bottom: 90px;
}

.index #slidepic_pic2 .control a {
    font-size: 0;
    border: none;
    border-radius: 10000px;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
}

.index #slidepic_pic2 .control a.on {
    background: rgba(255, 255, 255, 1);
}*/
.index .banner{
    position: relative;
    background: #F9F9F9;
}
.index .banner .flex-direction-nav{
    display: none;
}
.index .banner .flex-control-nav{
    bottom: 80px;
    z-index: 100;
}
.index .banner .flex-control-nav a{
    border: none;
    border-radius: 10000px;
    width: 20px;
    height: 20px;
    background: rgba(255, 255, 255, 0.5);
    box-shadow: none;
}
.index .banner .flex-control-nav a.flex-active{
    background: rgba(255, 255, 255, 1);
}
/*首頁banner**************************/
/*內容***************************/
.section01,.section02{
    letter-spacing: -0.31em;
}
.section01 >div,
.section02 >div{
    letter-spacing: normal;
    display: inline-block;
    vertical-align: middle;
}
.section01 .left{
    width: 45%;

}
.section01 .right{
    width: 55%;
}

.section01 .right:after{
    content: ' ';
    display: block;
    clear: both;
}

.section01 .right .title{
    font-size: 24px;
    padding:0 0 10px 15px;;
    background: url(../images/img007.png) 0 100% no-repeat;
    margin-bottom: 20px;
    font-weight: bold;
    font-style: italic;
}
.section01 .right .link{
    margin-top: 15px;
    padding: 5px 15px;
    display:inline-block;
    background: #5B5B5B;
    color: #ffffff;
    float: right;
}

.section01 .right .link:hover{
    background: #35A2CB;
}

.section02{
    margin-top: 40px;
}
.section02 .left{
    width: 63%;
    padding-right: 2%;
}
.section02 .left .L1{
    border: solid 1px #D6D6D6;
    background: #ffffff;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3)
}
.section02 .left .L2{
    height: 264px;
    margin: 10px;
    background: #EEECEC;
}

.section02 .left .title{
    position: relative;
    z-index: 2;
    width: 80%;
    float: left;
    font-size:24px;
    font-weight: bold;
    font-style: italic;
    padding: 15px 0 15px 5%;
    color: #92CA41;
}
.section02 .left .link{
    position: relative;
    z-index: 2;
    width: 15%;
    float: left;
    padding: 15px 0 15px;
    color: #FEB312;
}
.section02 .left .flexslider{
    margin: 0;
    border: none;
    background: none;
    clear: both;
}
.section02 .left .flex-viewport{
    width: 90%;
    margin: 0 auto;
}
.section02 .left .flex-control-nav{
    display: none;
}
.section02 .left .flexslider li{
    text-align: center;
}
.section02 .left  a.imgBorder{
    width: 90%;
    height:150px;
    padding: 0px;
    margin: 0 5%;
    display: inline-block;
}

.section02 .left a.anli_box_title{
    display: block;
    width: 90%;
    margin: 3px 5% 0;
    padding: 2px 0;
    background: #4B4B4B;
    color: #ffffff;
}
.section02 .left  a.imgBorder::before{
    content: ' ';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.section02 .left  a.imgBorder img{
    width: auto;
    max-width: 100%;
    max-height: 100%;
    display: inline-block;;
    vertical-align: middle;
}
.section02 .right{
    width: 35%;
    text-align: center;
}

.section02 .right .L1{
    border: solid 1px #D6D6D6;
    background: #ffffff;
    box-shadow: 0 10px 25px 0 rgba(0,0,0,0.3)
}
.section02 .right .L2{
    height: 264px;
    margin: 10px;
    background: #EEECEC;
}

.section02 .right .L2:before{
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}

.section02 .right img{
    vertical-align: middle;
    display: inline-block;
}

/*內容***************************/
/*首頁***************************************************/
