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

body {	-webkit-text-size-adjust:100%; margin:0; text-align:center; font-family:Lato, Arial, sans-serif; }
img {	border:0; }

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

a { text-decoration:none; 
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s 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+ */}

.content-Box { max-width:1200px; 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;}

#content { }

.content-top { min-height:138px; background:url(../images/content-bg.png) top center; padding:0 10px 20px 10px;}
#path { text-align:right; padding:14px 0 25px 0;}
#path li { display:inline-block; vertical-align:top; color:rgba(255,255,255,.5); font-size:14px;}
#path li:after { content:">"; display:inline-block; vertical-align:top; padding:0 2px;}
#path li:last-child:after { display:none;}
#path li a { color:rgba(255,255,255,.5);}
#path li a:hover { color:rgba(255,255,255,1);}
.title01 h1 { text-align:center; letter-spacing:1px; color:#ffffff; font-size:26px; max-width:600px; margin:0 auto; line-height:130%;}

.page-description { padding:30px 0 50px 0; border-bottom:1px solid rgba(255,255,255,.6); letter-spacing:1px ;font-size:15px; color:#ffffff; line-height:22px; text-align:left;}
.page-description-section { max-width:910px; margin:0 auto; }

/*products*/
.main-pro-list { display:flex; flex-direction:row; flex-wrap:wrap;}
.main-pro-list > div { width:50%; padding:50px 0 25px 0;}
.main-pro-list-content { display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center;}
.main-pro-list-pto { width:40%; line-height:0;}
.main-pro-list-pto img {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
.main-pro-list-data { width:60%; padding-left:35px; color:#fff; font-size:24px; font-weight:bold; line-height:120%; letter-spacing:1px;}
.main-pro-list-data span { display:block; width:45px; height:45px; text-align:center; line-height:45px; background:#fff; border-radius:100%; color:#000; font-size:26px; margin:15px 0; position:relative; left:0;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.main-pro-list > div:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}
.main-pro-list > div:hover .main-pro-list-data span { background:#f18404; color:#fff; left:10px;}

.main-content-bg { background:#fff; padding:35px 10px 0 10px;}
.main-content { display:flex; flex-direction:row; flex-wrap:wrap;}
aside { width:196px; background:#f5f5f5;}
.aside-title { background:#262626; text-align:center; font-size:15px; color:#fff; letter-spacing:1px; padding:15px 10px;}
.side_classLink { }
.side_classLink ul { }
.side_classLink ul li { }
.side_classLink ul li > a{ display:block; padding:15px 20px 15px 10px; color:#fff; background: #666; font-size:14px; letter-spacing:1px; line-height:16px; border-bottom:1px solid #dddddd; position:relative; text-align:left; }
.side_classLink ul li > a i { position:absolute; top:18px; right:10px; font-size:13px;}
.side_classLink ul li > a:hover, .side_classLink ul li > a.current { color:#fff; background:#0e5ba1;}
.side_classLink ul li > a:hover i, .side_classLink ul li > a.current i { color:#fff;
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);}
.side_classLink ul li.current02{ display:none; }
.m_classLink{ display:none;}
.side_classLink ul li > div { padding:0 6px; }
.side_classLink ul li > div > div { padding:7px 0; border-bottom:1px dotted #7a7a7a; text-align:left;}
.side_classLink ul li > div > div a { text-decoration:none; color:#636363; font-size:13px;}
.side_classLink ul li > div > div a:hover, .side_classLink ul li > div > div a.current { text-decoration:none; color:#e40112;}

#main { width:calc(100% - 196px); padding-left:35px; font-size:15px; color:#7a7a7a; line-height:22px; letter-spacing:1px; text-align:left;}
.li-disc { margin-left:25px;}
.li-disc li { list-style-image:url(../images/dot-1.png);}

/*products-list*/
.pro-list2 { margin:50px 0 0 0; border-left:1px solid #cccccc; display:flex; flex-direction:row; flex-wrap:wrap;}
.pro-list2 > div { width:33.33%; padding:0 30px 40px 30px; border-right:1px solid #cccccc;}
.pro-list2-pto { line-height:0; text-align:center; overflow:hidden;}
.pro-list2-pto img {
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s; }
.pro-list2-data { color:#494949; font-size:16px; font-weight:bold; line-height:120%; letter-spacing:1px;}
.pro-list2-data .model{ display: block; color: #000; }
.pro-list2-data span { display:block; width:25px; height:25px; text-align:center; line-height:25px; background:#e40112; border-radius:100%; color:#000; font-size:26px; margin:15px 0 0 0; position:relative; left:0; font-size:16px; color:#fff;
-webkit-transition: all 0.4s ease-out 0s;
-moz-transition: all 0.4s ease-out 0s;
transition: all 0.4s ease-out 0s;}
.pro-list2 > div:hover .pro-list2-data { color:#e40112;}
.pro-list2 > div:hover img {
-webkit-transform: scale(1.05);
-moz-transform: scale(1.05);
transform: scale(1.05);}
.pro-list2 > div:hover .pro-list2-data span { background:#e40112; color:#fff; left:10px;}

/*products-detail*/
.pro-box { display:flex; flex-direction:row; flex-wrap:no-wrap; margin-bottom:50px;}
.pro-box > div { width:50%;}
.pro-b { margin:30px 0;}
.pro-b-show { width:calc(100% + 25px); position:relative; border:2px solid #027dca; padding:20px; background:#fff; z-index:2;}
.pro-b img { width:100%;}
.pro-s { text-align:center; padding:10px 0;}
.rslides_tabs { margin-top:0px;}
.rslides_tabs li { display:inline-block; width:calc(25% - 5px); margin:1px; opacity:0.35;  filter: alpha(opacity=35);}
.rslides_tabs li a img { width:100%; border:1px solid #d8d8d8;}
.rslides_here { opacity:1 !important;  filter: alpha(opacity=100) !important;}

.pro-content { background:#027dca; display:flex; flex-direction:column; flex-wrap:no-wrap; justify-content:space-between; padding:60px 45px 30px 45px;}
.pro-login-box{ display: flex; flex-direction: row; flex-wrap: wrap; }
.pro-login-box .gallery{ display: flex; flex-direction: column; width: 150px; padding-left: 5px; }
.pro-login-box .gallery select{ width: 100%; margin-bottom: 10px; padding: 5px 10px; border: none; }
.pro-content-top { color:#fff; font-size:16px; line-height:24px; letter-spacing:1px;}
.pro-content-btn { padding:30px 0 0 0;}
.pro-content-btn a { display:inline-block; padding-bottom:5px; font-size:16px; color:#fff; background: #64B6ED; padding: 5px 10px; margin-bottom: 20px; }
.pro-content-btn a:hover{ background: #fff; color:#64B6ED;}
.pro-content-btn .pro-picture, .pro-content-btn .pro-picture:hover{ display: block; width: 230px; overflow-x: hidden; background: transparent; padding: 0px; margin-top: 0px; }
.pro-content-btn .pro-picture img{ float: left; }
.pro-name-model{ color: #ffb46f; font-size: 18px; font-weight: bold; }
.btn_download:before{ content: '\f0ed'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-right: 10px; }
.btn_login:before{ content: '\f090'; display: inline-block; font: normal normal normal 14px/1 FontAwesome; padding-right: 10px; }

.d-pdf_1 { color: #fff; background: #c40b0b; }
.d-jpg_1 { color: #fff; background: #ef7b31; }
.d-cad_1 { color: #fff; background: #115784; }

.btn-inquiry { margin-bottom:15px; margin-top:20px; height:46px; background:#ffffff; color:#004681; font-size:16px; text-align:center; line-height:46px; display:block;}
.btn-inquiry:hover { color:#fff; background:#004681;}
.control-btn { display:flex; flex-direction:row; flex-wrap:no-wrap; justify-content:space-between; border-top:1px solid #fff; padding-top:12px;}
.control-btn a span { display:inline-block; vertical-align:top; font-size:16px; color:#ffffff; padding:0 8px;}
.control-btn a i { font-size:24px; color:#fff; display:inline-block; vertical-align:top;}
.control-btn a:hover { opacity:0.6;}

.description-content-title { color:#2c2c2c; font-size:15px; margin-bottom:15px;}
.description-content { display:flex; flex-direction:row; flex-wrap:wrap; align-items:flex-start; margin-bottom:25px;}
.description-content > div:first-child { width:calc(100% - 390px); line-height:0;}
.description-content > div:first-child img { border:1px solid #e7e7e7;}
.description-content > div:last-child { width:390px;}
.description-number-box { display:flex; flex-direction:row; flex-wrap:wrap;}
.description-number-box > div { width:50%; padding:0 13px 5px 13px; display:flex; flex-direction:row; flex-wrap:no-wrap; align-items:center;}
.description-number { width:35px; height:35px; border-radius:100%; text-align:center; line-height:35px; background:#ededed; color:#696969; font-size:18px; font-family:Abel;}
.description-number-data { width:calc(100% - 35px); padding-left:8px; line-height:18px; color:#696969; font-size:15px;}

.btn-back { border-top:1px solid #cccccc; padding:30px 10px; text-align:right; margin-top:0px;}
.btn-back a { display:inline-block; background:url(../images/back-arrow.png) no-repeat 0px 9px; padding-left:32px; font-size:16px; color:#565656; letter-spacing:1px;}
.btn-back a:hover { opacity:0.6;}

/* edit layout */
.editbox figure{ margin: 0px; padding: 0px; }
.editbox h3{ font-size: 18pt; margin: 20px 0; }
.editbox ul.machine_list li{ display: flex; flex-direction: row; justify-content: space-between; border-bottom: 1px dotted #333; padding: 10px 0; margin-bottom: 15px; }
.editbox ul.machine_list li ul li{ display: list-item; border: none; margin-bottom: 0px; padding: 5px 0; }
.editbox ul.machine_list li figure{ max-width: 300px; width: 100%; display: flex; flex-direction: column; }
.editbox ul.machine_list li .text{ width: 65%; }
.editbox ul.machine_list li .text strong, .text_blue{ color: #0079b8 !important; }

.editbox .tablebox2, .editbox .tablebox2 .down{ display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
.editbox .tablebox2 .left, .editbox .tablebox2 .right, .editbox .tablebox2 .down figure, .editbox .tablebox2 .down ol{ width: calc(50% - 10px); }

@media only screen and (max-width: 980px) {
#path { text-align:left;}
.main-content-bg { padding:0;}
aside { width:100%; border-top:1px solid #555;}
.aside-title { display:none;}
#main { width:100%; padding-top:20px; padding-left:15px; padding-right:15px;word-break: break-word;}
.side_classLink { display:none;}
.m_classLink{ display:block; position:relative; border-bottom:1px solid #D6D6D6;}
.m_classLink a.main{ display:block; font-size:17px; position:relative; padding: 12px 10px 14px 10px; color:#fff; text-align:left; cursor:pointer; background:rgba(0,0,0,.9);}
.m_classLink a.main i{ display:block; font-size:20px; position:absolute; right:20px; top:50%; margin-top:-11px; color:#fff; 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:15px 40px 15px 10px; color:#2f2e2e; font-size:14px; letter-spacing:1px; line-height:16px; border-bottom:1px solid #dddddd; position:relative; text-align:left; }
.m_classLink ul li > a i { position:absolute; top:18px; right:21px; font-size:13px;}
.m_classLink ul li > a:hover, .m_classLink ul li > a.current { color:#fff; background:#0e5ba1;}
.m_classLink ul li > a:hover i, .m_classLink ul li > a.current i { color:#fff;
-moz-transform:rotate(180deg);
-webkit-transform:rotate(180deg);
-o-transform:rotate(180deg);
-ms-transform:rotate(180deg);
transform:rotate(180deg);}
.m_classLink ul li.current02{ display:none; }
.m_classLink ul li > div { padding:0 20px;}
.m_classLink ul li > div > div { padding:10px 0; border-bottom:1px dotted #7a7a7a; text-align:left;}
.m_classLink ul li > div > div a { text-decoration:none; color:#636363; font-size:15px;}
.m_classLink ul li > div > div a:hover, .m_classLink ul li > div > div a.current { text-decoration:none; color:#e40112;}
}

@media only screen and (max-width: 768px) {
.title01 h1 { font-size:20px;}
.main-pro-list > div { width:100%; padding:50px 0 25px 0;}
.main-pro-list-data { font-size:18px;}
.pro-list2 > div { width:50%; }
.pro-box { flex-direction:column;}
.pro-box > div { width:100%;}
.pro-b { margin:0px 0;}
.pro-b-show { width:100%; border:0px solid #027dca;}
.pro-content { padding:30px;}
.description-content { flex-direction:column;}
.description-content > div { width:100% !important;}
.description-content > div:first-child { text-align:center;}
.description-content > div:last-child { padding:20px 0 0 0;}

.editbox ul.machine_list li{ flex-direction: column; }
.editbox ul.machine_list li figure,
.editbox ul.machine_list li .text,
.editbox .tablebox2 .left, 
.editbox .tablebox2 .right{ width: 100%; }
.editbox ul.machine_list li figure{ max-width: 1000px; flex-wrap: wrap; flex-wrap: wrap; justify-content: center; align-items: center; }
}

.videoboxTitle{ position:relative; text-align:center; padding:5px 43px; }
.videoboxTitle a{ position:absolute; right:0; top:5px; }

@media only screen and (max-width: 640px) {

}
@media only screen and (max-width: 570px) {


}

@media only screen and (max-width: 414px) {
#path { display:none;}
.title01 { padding:25px 0 25px 0;}
.main-pro-list-content { flex-direction:column;}
.main-pro-list-content > div { width:100% !important; padding-left:0 !important; text-align:center;}
.main-pro-list-data span { margin:15px auto;}
.pro-list2 { border-width:0; margin-top:20px;}
.pro-list2 > div { width:100%; padding:30px 0px 30px 0px; border-right:0px solid #cccccc; border-bottom:1px solid #cccccc;}
.pro-list2 > div:last-child { border-bottom-width:0;}
.content-top { min-height:inherit; padding-bottom:0;}
.editbox .tablebox2 .down figure, .editbox .tablebox2 .down ol{ width: 100% }
}

@media only screen and (max-width: 320px) {
.description-number-box { flex-direction:column;}
.description-number-box > div { width:100%; padding:0 0 5px 0;}
}


/*-------------頁數-----------------------------*/
.pagination {

    float: right;
    clear: both;
    margin: 5px 20px 54px 0;
    font-size: 13px;
}

.pagination a {
    color: #000;
}
.pagination ul {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    margin-left: 0;
    margin-bottom: 0;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
    float: left;
    padding: 4px 12px;
    line-height: 20px;
    text-decoration: none;
    background-color: #ffffff;
    border: 1px solid #dddddd;
    border-left-width: 0;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #f5f5f5;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999999;
    cursor: default;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    color: #999999;
    background-color: transparent;
    cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-left-width: 1px;
    -webkit-border-top-left-radius: 4px;
    -moz-border-radius-topleft: 4px;
    border-top-left-radius: 4px;
    -webkit-border-bottom-left-radius: 4px;
    -moz-border-radius-bottomleft: 4px;
    border-bottom-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    -webkit-border-top-right-radius: 4px;
    -moz-border-radius-topright: 4px;
    border-top-right-radius: 4px;
    -webkit-border-bottom-right-radius: 4px;
    -moz-border-radius-bottomright: 4px;
    border-bottom-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a, .pagination-large ul > li > span {
    padding: 11px 19px;
    font-size: 17.5px;
}
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    -webkit-border-top-left-radius: 6px;
    -moz-border-radius-topleft: 6px;
    border-top-left-radius: 6px;
    -webkit-border-bottom-left-radius: 6px;
    -moz-border-radius-bottomleft: 6px;
    border-bottom-left-radius: 6px;
}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    -webkit-border-top-right-radius: 6px;
    -moz-border-radius-topright: 6px;
    border-top-right-radius: 6px;
    -webkit-border-bottom-right-radius: 6px;
    -moz-border-radius-bottomright: 6px;
    border-bottom-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    -webkit-border-top-left-radius: 3px;
    -moz-border-radius-topleft: 3px;
    border-top-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-radius-bottomleft: 3px;
    border-bottom-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topright: 3px;
    border-top-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-radius-bottomright: 3px;
    border-bottom-right-radius: 3px;
}
.pagination-small ul > li > a, .pagination-small ul > li > span {
    padding: 2px 10px;
    font-size: 11.9px;
}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    padding: 0 6px;
    font-size: 10.5px;
}

/* aboutus Production Process*/
.p-box{display: flex;align-items: center;flex-wrap: wrap;}
.process_list { min-height: 240px; width:calc(100% / 4); text-align:center; margin: 30px 0px;}
.process_list img { width:155px; height:155px;}
.process_list .title { background:url(../../upload_files/process_pic-btm.png) center top no-repeat;min-height: 60px; background-size: 100% 100%; width: 147px; padding-top: 10px;  font-size: 16px; font-weight: bold; margin: 0 auto;}
.process_box { background:url(../../upload_files/process_pic-bg.png) center top no-repeat; width:844px; height:291px; margin:0 auto; clear:both; padding-bottom: 30px;}
.process_box .list { float:left; width:155px; text-align:center; margin:0 6px; padding-top: 48px;}
.process_box .list img { width:155px; height:188px;}
.process_box .title { background:url(../../upload_files/process_pic-btm.jpg) center top no-repeat;  min-height: 45px; background-size: 100% 100%;   font-size: 16px; font-weight: bold; margin: 0 auto;}

@media only screen and (max-width: 980px) {
   .process_list {width:calc(100% / 3);}
}
/* edit style */
.seo_zone ol,
.seo_zone ul{ margin-bottom: 20px; }
.seo_zone ol li{
    margin-left: 20px;
    list-style-type: decimal;
}
.seo_zone ul li{
    margin-left: 20px;
    list-style-type: disc;
}

/* api box */
.apibox{ 
    display: block; 
    width: 100%;
}

/* about us table */
.about_table{ margin-bottom: 20px; }
.about_table th{ 
    background: #027DC9; 
    color: #fff;
    font-weight: bold;
    padding: 20px 0;
    border: 1px solid #ededed;
}
.about_table tr td{
    padding: 5px 10px;
    border: 1px solid #ededed;
    border-top: none;
}
.about_table tr td:first-child{
    background: #027dc9;
    color: #fff;
}

.esg { display: flex; flex-flow: row; align-items: flex-start; margin-bottom: 40px;}
.esg:nth-of-type(2n+2) { flex-flow: row-reverse;}
.esg > div:nth-child(1) { width: 60%;}
.esg > div:nth-child(2) { width: 40%; padding: 0 30px; display: flex; flex-flow: wrap;}
.esg .tit { font-size: 133%; background: linear-gradient(90deg, rgb(241, 143, 5, 1) 60%, rgb(241, 143, 5, 0) 100%); padding: 5px 20px 5px 10px; color: #fff; margin: 0 0 10px 0; line-height: 1.5;}
.esg p { margin: 0 0 30px 0;}
.esg .pic { position: relative; line-height: 0; margin: 45px 0 0 0px; z-index: 1;}
.esg .pic::before { content: ''; position: absolute; right: -30px; bottom: -30px; width: 100%; height: 100%; background: #027DCA; z-index: -1;}
.esg:nth-of-type(2n+2) > div:nth-child(2) .pic::before { right: auto; left: -30px;}

@media only screen and (max-width: 980px) {
	.esg { margin: 0 0 40px 0;}
	.esg:first-of-type { margin: 10px 0 40px 0;}
}
@media only screen and (max-width: 768px) {
	.esg { flex-flow: wrap;}
	.esg:nth-of-type(2n+2) { flex-flow: wrap;}
	.esg > div:nth-child(1) { width: 100%;}
	.esg > div:nth-child(2) { width: 100%; min-width: auto; padding: 0; margin: 0 0 20px 0;}
	.esg .pic { margin: 0 30px 30px 0;}
	.esg:nth-of-type(2n+2) > div:nth-child(2) .pic::before { right: -30px; left: auto;}
}
@media only screen and (max-width: 414px) {
	.esg { margin: 0 0 10px 0;}
	.esg:first-of-type { margin: 10px 0 10px 0;}
	.esg .tit { font-size: 113%;}
	.esg .pic::before, .esg:nth-of-type(2n+2) > div:nth-child(2) .pic::before { right: -20px; bottom: -20px;}
}
@media only screen and (max-width: 320px) {
	.esg p { margin: 0 0 20px 0;}
	.esg > div:nth-child(2) { margin: 0 0 10px 0;}
}

/* pro-list-box */
.pro-list-box{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}
.news_contents{
	display: flex;
    flex-wrap: wrap;
}
.news_list{ 
    width: calc(100%/3 - 10px); 
    border: none;
	margin-right: 15px;
}
.news_list:nth-child(3n+3){
	margin-right: 0;
}

@media only screen and (max-width: 768px) {
    .news_list{ width: calc(50% - 7.5px);margin-right: 15px;}
	.news_list:nth-child(2n+2){margin-right: 0;}
	.news_list:nth-child(3n+3){margin-right: auto;}
}
@media only screen and (max-width: 410px) {
    .news_list{ width: 100%;margin-right: 0;}
    .process_list {width:100%;}
}

/* contactus */
.seo_zone h2{ padding-bottom: 20px; }
.seo_zone p{ padding: 10px 0; }
.seo_zone p:last-child{
    display: block;
    width: 100%;
}
.seo_zone iframe{ width: 100%; }

.contact_table{ 
    border-left: 1px solid #ededed;
    border-top: 1px solid #ededed;
}
.contact_table th,
.contact_table td{ 
    padding: 10px 5px;
    border-right: 1px solid #ededed;
    border-bottom: 1px solid #ededed;
}
.contact_table th{ 
    background: #027DCA; 
    color: #fff;
}
.contact_table input,
.contact_table select,
.contact_table textarea{ padding: 5px; }
.btn_send{
    background: #F5F5F5;
    border-radius: 0px;
    border: 1px solid #333;
    color: #333;
    cursor: pointer;
    transition: all .2s;
    -moz-transition: all .2s;
    -webkit-transition: all .2s;
    -o-transition: all .2s;
    -webkit-appearance: none;
    appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
}
.btn_send:hover{
    color: #fff;
    background: #000;
     border: 1px solid #000;
}

/* sitemap */

#sitemap > ul > li > a{
    max-width: 100%;
    background: transparent;
    text-align: left;
    text-shadow: none;
    box-shadow: none;
    border-radius: 0px;
    color: #027DCA;
    font-size: 18px;
    padding: 20px 5px;
    margin: 0px;
    border-bottom: 1px solid #ccc;
}
#sitemap > ul > li > a:after{
    content: '\f0d7';
    display: inline-block;
    font: normal normal normal 14px FontAwesome;
    float: right;
}
#sitemap #product ul.layer0{ 
    background: #F5F5F5; 
    padding: 10px 15px;
}
#sitemap #product ul.layer0 li{ padding-left: 0px; }
#sitemap #product ul.layer0 li a{
    font-weight: 600;
    display: block;
    width: 100%;
    padding: 20px 0px;
    border-bottom: 1px dotted #ccc;
}
#sitemap #product ul.layer0 li a:before{
    background: none;
    content: '\f0c8';
    font: normal normal normal 14px FontAwesome;
    width: auto;
    height: auto;
    padding-right: 5px;
}
#sitemap #product ul.layer0 li ul.layer1 li a{
    font-weight: 600;
    color: #666;
    padding: 5px 0px;
    max-width: 100%;
}
#sitemap #product ul.layer0 li ul.layer1 li a:before{ 
    content: '\f103'; 
    color: #027DCA;
}
#sitemap #product .sitemap-products a{
    border: none;
    color: #666;
    margin: 0px;
    padding: 5px 10px !important;
    font-weight: normal !important;
    border: none !important;
}
#sitemap #product .sitemap-products a:before{ display: none !important; }