/* CSS Document */
@import url(font-awesome/css/font-awesome.min.css);

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Lato, Arial, sans-serif; font-size:15px; line-height:28px; }
img {	border:0;pointer-events: none;}

/* Reset ================================================================================= */

a { text-decoration:none;
-webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s; }
a:hover { text-decoration:none; }

* { margin:0; padding:0; list-style:none;
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
-moz-box-sizing: border-box;    /* Firefox, other Gecko */
box-sizing: border-box;         /* Opera/IE 8+ */}

.main-Box, .top-Box, .menu-Box, .banner-Box, .content-Box, .content2-Box, .footer-Box, .copyright-Box { max-width:1170px; margin:0 auto; text-align:left; position:relative; clear:both;}

.after-0:after { clear:both; display:block; content:""; height:0; text-indent:-99999px;}
.after-5:after { clear:both; display:block; content:""; height:5px; text-indent:-99999px;}
.after-10:after { clear:both; display:block; content:""; height:10px; text-indent:-99999px;}
.after-15:after { clear:both; display:block; content:""; height:15px; text-indent:-99999px;}
.after-20:after { clear:both; display:block; content:""; height:20px; text-indent:-99999px;}

.slider a:before { content:""; display:block; position:absolute; width:100%; height:100%; z-index:1;}


#content { background:url(../images/content-bg.png) repeat-x bottom #fff; padding-bottom:100px; font-size:14px;}

.title-bg {
background: linear-gradient(90deg, #ddded7 0%, #e8e8e0 10%, #e8e8e0 90%, #ddded7 100%);
background: -moz-linear-gradient(90deg, #ddded7 0%, #e8e8e0 10%, #e8e8e0 90%, #ddded7 100%);
background: -webkit-linear-gradient(90deg, #ddded7 0%, #e8e8e0 10%, #e8e8e0 90%, #ddded7 100%);
background: -o-linear-gradient(90deg, #ddded7 0%, #e8e8e0 10%, #e8e8e0 90%, #ddded7 100%);}
.title-box { display:flex; align-items:center; justify-content:flex-start;min-height:92px; padding:20px 10px }
.title-bg h1 { font-size:22px; color:#3a3a3a; font-weight:normal;}

.path { text-align:right; padding:15px;}
.path li { display:inline-block; color:#8f8f8f; font-size:13px;}
.path li a { color:#8f8f8f; }
.path li a:hover { color:#8f8f8f; text-decoration:underline; }
.path li a:after { content:"/"; display:inline-block; padding:0 5px;}

.pro-list { display:flex; flex-direction:column; flex-wrap:wrap;}
.pro-list > div { border-bottom:1px solid #ddd; padding:8px; line-height:160%; color:#474747;}
.pro-list > div > div { display:inline-block; vertical-align:middle;}
.pro-list > div > div:nth-of-type(1) { width:calc(255px - 5px);}
.pro-list > div > div:nth-of-type(1) img { -webkit-transition: all 0.2s ease-out 0s;
-moz-transition: all 0.2s ease-out 0s;
transition: all 0.2s ease-out 0s;}
.pro-list > div > div:nth-of-type(1) img:hover { opacity:0.6;}
.pro-list > div > div:nth-of-type(2) { padding:0 15px; text-align:left; width:calc(250px - 5px);}
.pro-list > div > div:nth-of-type(3) { padding:0 15px; text-align:left; width:calc(100% - 255px - 250px - 120px - 5px);}
.pro-list > div > div:nth-of-type(3) li{list-style-type:disc;}
.pro-list > div > div:nth-of-type(2) { font-weight:bold;}
.pro-list > div > div:nth-of-type(4) { width:calc(120px - 5px); text-align:center;}
.pro-list > div > div:nth-of-type(4) a { display:inline-block; border:1px solid #ffcc01; color:#ffcc01; padding:0 7px;}
.pro-list > div > div:nth-of-type(4) a:hover { color:#333; background:#ffcc01;}


.pro-detail-top { display:flex; flex-direction:row; flex-wrap:wrap; padding:25px 30px; align-items:center;}
.pro-detail-top > div:first-child { width:calc(100% - 245px);}
.pro-detail-top > div:last-child { width:245px; padding-left:20px; display:flex; flex-direction:row; flex-wrap:wrap;}
.pro-detail-top > div:last-child > div { padding:3px; width:33.333%; line-height:0;}
.pro-detail-top > div:last-child > div img:hover { opacity:0.6;}
.nineImg{min-width: 62px;max-width: 68.98px;height: 68.98px;}
.nineImg2{min-width: 62px;max-width: 68.98px;height: 68.98px;}
.control-box { min-height:76px; background:#f7f7f7;}
.control-content { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between;}
.control-content > div { width:50%;}
.control-left { display:flex; flex-direction:row; flex-wrap:no-wrap;}
.control-left > div { width:50%;text-align:center; border-right:1px solid #fff; font-size:18px; font-family:Abel;}
.control-left > div:last-child { border-width:0;}
.control-left > div a { display:block; line-height:76px; color:#262626; background:#ffcb00; }
.control-left > div a:hover { display:block; line-height:76px; color:#ffcb00; background:#262626; }
.control-right { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:flex-end;}
.control-right > div { border-left:1px solid #eaeaea; line-height:76px;}
.control-right > div a { display:block; padding:10px 24px 0 24px ; color:#585858;  font-size:50px; line-height:100%;}
.control-right > div a:hover { color:#ffcb00; }
.control-right > div:nth-of-type(2) a { font-size:36px; padding-top:20px;}

.accordion { width: 100%; margin: 30px auto 0px; }
.accordion > li { border-bottom: 1px solid #f3f4ef; padding:23px 0; }
.accordion > li.default .customer-data-box {display: block;}

.description-title { color:#3a3a3a; font-size:16px; font-weight:bold; padding:0 25px; background:url(../images/plus.png) no-repeat 2px 8px; cursor:pointer;}
.description-data { display:none; color:#3a3a3a; font-size:14px; padding:30px 25px 0 25px;}
.open .description-data { display:block;}
.open .description-title { background:url(../images/minus.png) no-repeat 2px 8px;}

.disc { margin:0 0 0 25px;}
.disc li { list-style-type:disc;}

#banner { padding-bottom:30px;}
.single-item img { /*width:854px;*/ margin:0 auto; float:none;}

.single-item .slick-slide { position:relative;}
.single-item .slick-dots { text-align:center; }
.single-item .slick-dots li { width:auto; height:3px; overflow:hidden;}
.single-item .slick-dots li button { width:30px; height:3px; background:#ddd; margin:0 2px;}
.single-item .slick-dots li button::before { content:""; display:none; }
.single-item .slick-dots li.slick-active button  { background:#fcbf02;}
/*.single-item .slick-prev, .single-item .slick-next { display:none !important;}*/
.single-item .slick-prev, .single-item .slick-next { width:auto; height:auto; top:47%; display:none !important;}
.single-item .slick-prev { left:40px;}
.single-item .slick-prev::before { font-family:'FontAwesome'; content:"\f104"; font-size:90px; color:#fcbf02;}
.single-item .slick-next { right:40px;}
.single-item .slick-next::before { font-family:'FontAwesome'; content:"\f105"; font-size:90px; color:#fcbf02;}

/*about*/
.about-box { padding:0 15px; max-width:960px; margin:0 auto;}
.about-content-1 { max-width:70%; width:100%; margin:0 auto; padding:30px 0 60px 0; text-align:center;}
.about-title { font-size:20px; color:#000; line-height:150%; margin-bottom:15px; font-weight:bold; padding-bottom:10px; text-align:center;}
.about-title2 { font-size:20px; color:#000; border-bottom: 1px solid #ddd; line-height:150%; margin-bottom:15px; font-weight:bold; padding-bottom:10px;}
.about-content-2 { display:flex; flex-direction:row; flex-wrap:wrap;}
.about-content-2 > div { width:50%;}
.about-content-2 > div:first-child img:last-child { display:none;}
.about-content-2 > div:last-child { padding-left:30px;}

/*news*/
aside { display:inline-block; vertical-align:top; width:240px; padding-left:15px;}
.side_classLink { }
.side_classLink ul { }
.side_classLink ul li { }
.side_classLink ul li > a{ display:block; padding:7px 5px; color:#474747; font-size:16px; line-height:140%; background:#f3f3f3; margin-bottom:2px; }
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#474747; background:#ffcc01;}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}

#main { display:inline-block; vertical-align:top; width:calc(100% - 240px - 7px); padding-left:60px; }
.news-title { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; border-bottom:1px dotted #CACACA; padding-bottom:20px; margin-bottom:20px;}
.news-title > div:nth-child(1) { width: 250px; padding-right:25px; font-size:15px;}
.news-title > div:nth-child(2) { width:calc(100% - 250px); padding-right:25px; font-size:15px;}
.news-title > div:nth-child(2) a { display:block; font-weight:bold; font-size:18px; padding-bottom:10px; color:#222;}
.news-title > div:nth-child(2) a:hover { color:#ffcc01;}
/*.news-title > div:last-child { width:80px; font-family:Abel; font-size:14px;}*/
.news-show-title { border-bottom:1px dotted #CACACA; padding-bottom:20px; margin-bottom:20px;}

.back { text-align:center; padding:30px 0 10px 0;}
.back a { display:inline-block; padding:1px 7px; border:1px solid #CCCCCC; color:#CCCCCC; font-family:Abel; min-width:100px;}
.back a:hover { background:#ffcc01; color:#474747;}

#banner2{ width: 100%; }
#pro-material { width:100%; display:flex; flex-direction:row; justify-content: center;}
#pro-material > div { padding:10px; width:9%; line-height:0;}
#pro-material > div img:hover { opacity:0.6;}

/* contactus */
.seo_zone{line-height:150%; font-weight:bold; margin-right:20px; display:flex; margin-bottom:30px;}
.seo_zone iframe{border:0 none; border-left:1px solid #ddd; padding:0 0 0 15px; margin-left:15px; width:75%;}
.seo_zone span{display:block; color:#3a3a3a; font-weight:bold; font-size:16px; background: url("../images/plus.png") no-repeat 2px 6px; padding-left:18px; margin-bottom:10px;}
.seo_zone a{color:#262626;}
.seo_zone a:hover{text-decoration:underline;}

.formular{width:100%;}

.contact_table {
    width:100%;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}
.contact_table th {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    /*background-color: #CCC;*/
    padding:5px 0;
    text-align:center;
    background:#ffcb00;
    color:#262626;
    font-family: Abel;
    font-size:18px;


}
.contact_table td {
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding:5px 0 5px 10px;
}
.contact_table  tr.altrow {
}
.contact_table input{
    width: 50%;
}
.contact_table textarea{
    width: 50%;
}

.contact_btn {
    display: inline-block;
    cursor: pointer;
    padding: 15px 35px;
    margin:5px 0;
    /*border: 1px solid #018dc4;
    border-radius: 3px;
    color: rgba(255,255,255,0.9);
    background: rgba(1,145,217,1);
    background: -moz-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(1,145,217,1)), color-stop(47%, rgba(1,113,217,1)), color-stop(71%, rgba(1,98,217,1)), color-stop(100%, rgba(1,91,217,1)));
    background: -webkit-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -o-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: -ms-linear-gradient(top, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    background: linear-gradient(to bottom, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0191d9', endColorstr='#015bd9', GradientType=0 );
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    box-shadow: 2px 2px 2px 0 rgba(0,0,0,0.2) ;
    text-shadow: -1px -1px 0 rgba(15,73,168,0.66) ;*/
    background:#ffcb00;
    color:#262626;
    border:0 none;
    transition: all 0.2s ease-out 0s;
    font-family: Abel;
    font-size:18px;
}
.contact_btn:hover{background:#262626; color:#ffcb00;}

/* member form */
.member_table {
    font-size: 14px;
    font-weight: normal;
    text-align: left;
    border-top: 1px solid #B6B6B6;
    border-left: 1px solid #B6B6B6;
    margin-top:30px;
}
.member_table th {
    /*color: #333333;
    background-color: #cccccc;
    font-size: 14px;
    line-height: 1.2;
    height: 24px;
    top: 5px;
    font-weight: bold;
    text-align: left;
    padding: 4px 8px;
    border-bottom: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;*/



    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    /*background-color: #CCC;*/
    padding:5px 0;
    text-align:center;
    background:#ffcb00;
    color:#262626;
    font-family: Abel;
    font-size:18px;




}
.member_table td {
    border-bottom: 1px solid #B6B6B6;
    border-right: 1px solid #B6B6B6;
    padding: 5px 0 5px 10px;
}

.member_table td input, .member_table td textarea {
    border: 1px solid #B6B6B6;
    margin: 1%;
}

/* cart */
.cart_table {
    border: 1px solid #B6B6B6;
    border-collapse: collapse;
}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table tr.cart_line{

}
.cart_table tr.stocks_short{
    background:#f00;
    color:grey;
}
.cart_table tr.stocks_short a{color:grey}
.cart_table th {
    /*color: #333333;
    background-color: #cccccc;
    padding:4px 0px;*/
    text-align: center;
    padding: 5px 0;
    background: #ffcb00;
    color: #262626;
    font-family: Abel;
    font-size: 18px;
}
.cart_table td {padding:10px 0; text-align:center;}
.cart_table td a{color:#000;}
.cart_table .col_name{ display: none;}


/* DOWNLOAD */
.download_table{
    width:100%;
    color: #000;
}
.download_table a{
    color: #000;
}
.download_table a:hover{
    color: #069;
}
.download_table th{
    color: #069;
    font-weight: normal;
    border-top: 1px dotted #069;
    border-bottom: 2px solid #069;
}
.download_table td{
    border-bottom:1px dotted #CCC;
    text-align:center;
    padding: 5px 0px;
}

/* 會員頁面 */

.member_login{
    float: left;
    margin-left: 5%;
}
.member_login td{
    padding-bottom: 10px;
}
.member_login .iptbox{
    padding: 3px 0 3px 5px;
}
.member_login .ipt1{
    width: 250px;
}
.member_login .ipt2{
    width: 65px;
}
.member_login .fg_pw{
    text-align: right;
}
.member_login .fg_pw a{
    color: #666;
}
.member_login .fg_pw a:hover{
    color: #333;
}
.member_login img{
    vertical-align: middle;
}
.login_first{
    float: left;
    margin-left: 5%;
    margin-bottom:5%;
}

.shop_btn, .member_table input.shop_btn[type="submit"]{
    /*width: 80px;
    height: 30px;
    color: #0f1214;*/
    margin:10px 5px 0 0;
    /*border:none;
    border-radius:5px;
    border:1px solid #ccc;
    background: -webkit-linear-gradient(top,#fff,#dadada);
    background: -moz-linear-gradient(top,#fff,#dadada);
    background: -ms-linear-gradient(top,#fff,#dadada);
    background: linear-gradient(top,#fff,#dadada);*/
    background: #ffcb00;
    color: #262626;
    border: 0 none;
    transition: all 0.2s ease-out 0s;
    font-family: Abel;
    font-size: 18px;
    padding: 15px 35px;
    height:auto;
}
.shop_btn:hover{
    cursor:pointer;
    /*background: -webkit-linear-gradient(top,#fff,#c9c9c9);
    background: -moz-linear-gradient(top,#fff,#c9c9c9);
    background: -ms-linear-gradient(top,#fff,#c9c9c9);
    background: linear-gradient(top,#fff,#c9c9c9);*/
    background: #262626;
    color: #ffcb00;
}
.cart_title_icon{
    height:33px;
    text-indent: 32px;
    font-size:15px;
    font-weight:bold;
    line-height:32px;
    margin-bottom:10px;
    background-image: url('../../../images/ws-clipboard.png');
    background-repeat: no-repeat;
}

/*第一次購物按鈕*/
.firstbuy_btn{
    padding:13px 23px;
    text-align:center;
    color: #515151;
    letter-spacing:1px;
    line-height:22px;
    margin:10px 5px 0 0;
    border:none;
    border-radius:5px;
    border:1px solid #ccc;
    background: -webkit-linear-gradient(top,#fff,#dadada);
    background: -moz-linear-gradient(top,#fff,#dadada);
    background: -ms-linear-gradient(top,#fff,#dadada);
    background: linear-gradient(top,#fff,#dadada);
}
.firstbuy_btn span{
    color: #ae2626;
}
.firstbuy_btn:hover{
    background: -webkit-linear-gradient(top,#fff,#c9c9c9);
    background: -moz-linear-gradient(top,#fff,#c9c9c9);
    background: -ms-linear-gradient(top,#fff,#c9c9c9);
    background: linear-gradient(top,#fff,#c9c9c9);
}

/* 會員註冊 */

.cart_order_info_frame{
    /*border: 1px solid #B6B6B6;
    padding: 20px 0px 20px 0px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;*/
}
.cart_order_info{
    border-collapse: collapse;
    width:100%;
    margin:0 auto;
    font-size:14px;
    line-height:30px;
    border-left: 1px solid #999;
    border-top: 1px solid #999;
}
.cart_order_info tr.rowsforinvoicetype3 {display:none}
.cart_order_info th{
    /*padding-right: 15px;
    padding-bottom: 10px;
    font-weight: bold;
    color: #666;
    text-align: right;*/
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    background-color: #CCC;
    padding: 5px 0;
    text-align: center;
    background: #ffcb00;
    color: #262626;
    font-family: Abel;
    font-size: 18px;
}
.cart_order_info td{
    /*padding-bottom: 10px;*/
    border-right: 1px solid #999;
    border-bottom: 1px solid #999;
    padding: 5px 0 5px 10px;
}
.cart_order_info .section_header {border-top:1px solid grey;border-bottom:1px solid grey;padding:0;font-size:16px;height:35px;line-height:35px;background: #bbb}
.cart_order_info input{
    border:1px solid #ccc;
    padding:3px 0px;
}
.cart_order_info input.shop_btn{cursor: pointer; padding: 15px 35px; margin: 5px 0; background: #ffcb00; color: #262626; border: 0 none; transition: all 0.2s ease-out 0s; font-family: Abel; font-size: 18px;}
.cart_order_info input.shop_btn:hover{background:#262626; color:#ffcb00;}
.cart_red{
    color: #c14948;
}
/*SITEMAP*/
#sitemap { }
#sitemap a { text-decoration: none;}
#sitemap li {list-style: none;margin-left: 10px;color: #4d4c4c;line-height: 22px;font-size: 13px;}
#sitemap > ul > li{display:inline-block; vertical-align:top; }
#sitemap > ul > li > a{
    display:block;
    margin:5px 5px 15px;
    padding: 5px 40px;
    line-height:60px;
    /*max-width:100px;
    border-radius: 15px;*/
    text-align:center;
    /* color: rgba(255, 255, 255, 0.9);
    background: rgba(1,145,217,1);
    background: linear-gradient(to bottom, rgba(1,145,217,1) 0%, rgba(1,113,217,1) 47%, rgba(1,98,217,1) 71%, rgba(1,91,217,1) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0191d9', endColorstr='#015bd9', GradientType=0 );
    -webkit-box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.2);
    text-shadow: -1px -1px 0 rgba(15, 73, 168, 0.66); */
    color: #262626;
    background: #ffcb00;
    font-family: Abel;
    font-size: 18px;
}

#sitemap a:hover, #sitemap #product .layer0 > li > a:hover, #sitemap #product .layer1 > li > a:hover, #sitemap #product .layer2 > li > a:hover{color:#ffcb00; background:#262626;}

#sitemap #product{ }
#sitemap #product ul { list-style: none; margin: 0; }
#sitemap #product ul li { list-style:none; margin-left:0px; padding: 10px 0 0 20px;clear:both; }
#sitemap #product ul li a{ color: #db422c; margin: 0;}
#sitemap #product .layer0 > li{background:url(../images/minus.png) no-repeat 5px 17px;}
#sitemap #product .layer0 > li > a{color: #262626;}
#sitemap #product .layer0 > .sitemap-products > a:before { background-image:none;}
#sitemap #product .layer1 > li{padding:0;}
#sitemap #product .layer1 > li > a{color:#262626; background:#ffcb00; border-right:0 none; padding:5px 10px; margin:0 5px 5px 0;}
#sitemap #product .layer1 > li > a:last-child{border:0 none;}
#sitemap #product .layer2{margin:5px 0 13px;}
#sitemap #product .layer2 > li{padding:0;}
#sitemap #product .layer2 > li > a{color:#262626; background:#ffea99; border-right:0 none; padding:5px 10px; margin:0 5px 5px 0;}
#sitemap #product .layer2 > li > a:last-child{border:0 none;}

#sitemap #product .layer3{}
#sitemap #product .sitemap-products a{ border-right: 1px solid #999999; color: #000; display: inline-block; margin: 0 5px 0 0; padding: 0 10px 0 0;  }


/*showroom detail list*/
.showroom .text{font-size:15px; margin:10px 0;}
.showroom ul, .products li{margin:0; padding:0; list-style-type:none;}
.showroom ul{text-align:center;}
.showroom li{display:inline-block; vertical-align:top; margin:15px 8px 0; font-size:14px;}
/*.showroom li:nth-child(3n+1){margin-left:0;}*/
/*.showroom li:nth-child(3n+3){margin-right:0;}*/
.showroom li img{width:218px; height:218px;border: solid 2px #ffcb00;}
.showroom li .name{margin:5px 0;}

.showroom_btn:hover {
    background: #262626;
    color: #ffcb00;
}
.showroom_btn {
    display: inline-block;
    cursor: pointer;
    padding: 8px 28px;
    margin: 5px 0;
    background: #ffcb00;
    color: #262626;
    border: 0 none;
    transition: all 0.2s ease-out 0s;
    font-family: Abel;
    font-size: 18px;
}
.showroom_search_txt{
    padding: 10px 8px;
    margin: 0;
}

.cart_showbig{
    background-position: center;
    width: 100px !important;
    height: 100px !important;
}

/*showroom search*/
.product_table {
    font-size: 12px;
    border-left: 1px solid #262626;
    border-top: 1px solid #262626;
    color: #666666;
}
.product_table th {
    color: #262626;
    background-color: #ffcb00;
    font-size: 12px;
    font-weight: bold;
    text-align: center;
    padding:5px 0;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
}
.product_table td {
    text-align: center;
    vertical-align: middle;
    font-size: 12px;
    padding:5px 0 5px 0;
    border-right: 1px solid #262626;
    border-bottom: 1px solid #262626;
}
.product_table td a:link {
    text-decoration: none;
    color: #666666;
}
.product_table td a:visited {
    color: #666666;
    text-decoration: none;
}
.product_table td a:hover {
    color: #980203;
    text-decoration: none;
}
.product_table td a:active {
    color: #666666;
}

/* 分頁 */

#page{clear:both;text-align:center}
#page a,#page span{display:inline-block;padding:3px;font-size:18px;}
#page a{color:#356635}
#page span.current{color:red;}

.showRoonBG,.showBGNews{
    background-size: cover;
}
.showroomProducts{
    width: 218px;
    height: 218px;
    border: solid 2px #ffcb00;
}

@media only screen and (max-width: 999px) {
    /* member start */
    .member_table {
        padding: 0; display: block;height: auto; margin: 0 auto;
    }
    .member_table tbody, .member_table td, .member_table tr, .member_table th {
        display: block; width: 100%;
        height: auto;
        padding: 0;
        min-height: 2em;
        line-height: 2em;
    }
    .member_table th {
        font-size: 16px; border-bottom: 0; padding-bottom: 0px; padding-left: 5px;
    }
    .member_table td {padding-left: 5px;}
    .member_table tr:last-child th{
        display: none;
    }
    .member_table input, .member_table textarea{
        /*max-width: 96%;*/  min-height: 2em; padding: 0 5px; vertical-align: middle;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }
    .member_table textarea {margin: 2px 0;}
    .member_table input[type="submit"] {height: 40px; width: 60%; max-width: 120px;}
    /* member end */




}

@media only screen and (max-width: 980px) {
.path { text-align:left;}
.accordion { padding:0 15px;}
}

@media only screen and (max-width: 768px) {
.showRoonBG{  margin: 0 auto;  }
.pro-list > div > div { display:block; width:100% !important; padding:0 15px 15px 15px !important; text-align:center !important;}
.pro-detail-top > div:first-child { width:100%;}
.pro-detail-top > div:last-child { width:100%; padding-left:0px; justify-content:center; padding-top:30px;}
.pro-detail-top > div:last-child > div { padding:3px; width:68px;}
.nineImg{ height:62px;}
/*.nineImg2{ height:62px;}*/
.control-content { flex-wrap:wrap;}
.control-content > div { width:100%;}
.control-right { justify-content:center;}
.control-right > div { width:33.33%; text-align:center;}
.control-right > div a { padding-bottom:10px;}
.control-right > div:last-child { border-right:1px solid #eaeaea;}

.about-content-1 { max-width:100%;}
.about-content-2 > div { width:100%;}
.about-content-2 > div:first-child img:last-child { display:block; padding-bottom:30px;}
.about-content-2 > div:first-child img:first-child { display:none;}
.about-content-2 > div:last-child { padding-left:0px;}

aside { width:100%; padding-left:0;}
.aside-title { display:none;}
#main { width:100%; padding:20px 15px;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:0px solid #D6D6D6;}
.m_classLink a.main{ display:block; font-size:20px; position:relative; padding: 12px 10px 14px 10px; color:#474747; text-align:left; cursor:pointer; background:#f3f3f3;}
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#474747; font-style:normal; font-family:FontAwesome;}
.m_classLink ul{ display:none; width:100%;  position:absolute; z-index:5; background:#fafafa; border-width:0; border-color:#000; border-style:solid; }
.m_classLink ul li { display:block; margin:0 0; padding:0;}
.m_classLink ul li > a{ display:block; padding:7px 5px; color:#474747; font-size:16px; line-height:140%; background:#f3f3f3; margin-bottom:2px; }
.m_classLink ul li > a:hover, .m_classLink ul li > a.current { color:#474747; background:#ffcc01;}
.m_classLink ul li.current02{ display:none; }

.news-title { display:flex; flex-direction:row; flex-wrap:wrap; justify-content:space-between; border-bottom:1px dotted #CACACA; padding-bottom:20px; margin-bottom:20px;}
.news-title > div:nth-child(1) { width:100%; padding-right:0px; order:1;}
.news-title > div:nth-child(2) { width:100%; padding-right:0px; order:2;}
/*.news-title > div:last-child { order:1;}*/
.content-Box{padding:0 10px}
.showbig{
    background-position: center;
    width: 200px !important;
    height: 200px !important;
}

.cart_showbig{
    background-position: center;
    width: 200px !important;
    height: 200px !important;
}
}

@media only screen and (max-width: 1100px) {
    #pro-material > div {width: calc(100% / 9);}
}

@media only screen and (max-width: 900px) {
    .nineImg2 {height: 62px;}
}
@media only screen and (max-width: 736px) {
    .nineImg2 {height: 61.98px;}
}
@media only screen and (max-width: 640px) {
    #pro-material > div {width: calc(100% / 3);}
    .nineImg2 {height: 68.98px;}
}
@media only screen and (max-width: 568px) {
    .nineImg2 { height: 90px; max-width: 90px;}
}

@media only screen and (max-width:375px) {
    .nineImg2 {height: 78.98px;}
}

@media only screen and (max-width: 320px) {
    .nineImg2 {height: 61.98px;}
}


@media screen and (max-width: 600px) {
  .contact_table input, .contact_table textarea{width:calc(100% - 20px)}
  .seo_zone{display:block;}
  .seo_zone>*, .seo_zone iframe{width:100%; padding:0; margin:0; border:0 none;}
  .contact_table th, .contact_table td, .cart_order_info th, .cart_order_info td, .member_table td{display:block; width:100%; padding:10px;}
  #m_account, #m_password, #v_password, .ipt1, #m_fax, #m_country, #m_tel, #m_cellphone, [name^="m_"], [name^="cu_"], #m_email, .member_table textarea{width:calc(100% - 20px); margin:1%; padding:10px; border:1px solid #B6B6B6;}
  .cart_order_info .v_mid{width:auto;}
}
@media screen and (max-width: 480px) {
    .cart_table th, .cart_table td{
        display: list-item;
        border-bottom: 1px solid #ccc;
    }
    .cart_table thead{display: none;}
    .cart_table tbody, .cart_table tbody tr{display: block;}
    .cart_table tbody td.number{display: none;}
    .cart_table tbody td:nth-of-type(8){border-bottom:2px solid #999;}
    .cart_table .col_name{ display:inline;}
    .contact_table2 textarea{
        width:100%;
    }
}

/*@media screen and (max-width: 470px) {
    .contact_table th {width:30%}
    .contact_table td {width:70%}
    .contact_table td select{width:calc(100% - 10px);overflow: hidden}
}*/