@charset "UTF-8";
/* ------------------------------------------------------------------
author:       谷辰網路資訊
email:        service@gcii.tw
website:      http://www.gcii.tw
 -------------------------------------------------------------------*/
 
/*-----------------------------------------------------------------------------------*/
/*	CSS Reset & Clearfix - http://meyerweb.com/eric/tools/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,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
}

article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {display:block;}
body {line-height:1;}
ol, ul {list-style:none;}
blockquote,q {quotes:none;}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none;}
table {border-collapse:collapse;border-spacing:0;}
input,textarea {font:inherit;resize:none;vertical-align:bottom;}
video {max-width:100%;height:auto;}
iframe,embed,object {max-width:100%;}
.clear {clear:both;display:block;font-size:0px;height:0px;line-height:0;width:100%;overflow:hidden;}
.clearfix {position:relative;display:block;clear:both;}
*/

html,body {font-size:18px;line-height:25px;letter-spacing:1px;color:#ffffff;font-family:"Mukta Mahee","Arial","蘋果儷中黑","Apple LiGothic Medium","微軟正黑體","Microsoft JhengHei",sans-serif;margin-left:0px;margin-top:0px;margin-right:0px;margin-bottom:0px;background-color:#141414;}
a {text-decoration:none !important;color:#ffffff;}
a:hover {color:#FF5000;}
a img {border:none;}
img {max-width:100%;display:block;}
iframe {border:none !important;}
.ih0 {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0, 0, 0, 0);border:0;}


/* wrapper */
#mainbody {position:relative;width:100%;background-color:#141414;/*min-height:500px;*/overflow:hidden;}
#mainbody section {position:relative;width:100%;}
.mainpage {padding:0px 0 0 0;margin:0;background-image:none;background-repeat:no-repeat;background-position:bottom right;background-color:#141414;width:100%;}
.mainpage .page-title {width:100%;color:#7F7F7F;font-weight:600;font-size:24px;letter-spacing:2px;line-height:26px;text-align:center;margin:60px 0 40px 0;}
/* wrapper */


/* header */
#header {position:fixed;z-index:99;background-color:transparent;width:100%;min-height:102px;}
#header.fixedcss {background-color:rgba(0, 0, 0, 0.8);}
#header .header {display:flex;justify-content:space-between;}
#header .header .header-logo {padding:8px 0 0 50px;}
#header .header .header-logo img {max-width:160px;}
/* header */


/* breadcrumb */
#mainbody .breadcrumb {padding:30px 0;}
#mainbody .breadcrumb li {color:#969696;font-size:20px;font-weight:600;}
#mainbody .breadcrumb li a {color:#969696;}
#mainbody .breadcrumb li.active {color:#326EDC;}
/* breadcrumb */


/* index */
.index_banner {position:relative;width:100%;}
.index_banner .tp-caption1 {-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FFFFFF;color:transparent;}
.index_banner .slide-content-btn a {position:relative;color:#FFFFFF;border:1px solid #FF5000;border-radius:25px;display:inline-block;padding:7px 45px 7px 25px;}
.index_banner .slide-content-btn a::before {content:"";font-family:"Font Awesome 6 Free";font-size:15px;font-weight:600;width:30px;height:30px;display:inline-block;position:absolute;top:0px;right:0px;z-index:2;color:#ffffff;-webkit-transition:all .35s ease;transition:all .35s ease;transform:rotate(-45deg);}
.index_banner .slide-content-btn a:hover {background-color:#FF5000;}
.index_banner .slide-content-btn a:hover::before {transform:rotate(0deg);top:6px;}

.index_news {position:relative;background-color:#141414;max-width:max-content;min-height:140px;width:100vw;}
.index_news_run {-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FF5000;color:transparent;font-size:100px;font-weight:700;padding:80px 0 0 0;text-indent:100vw;width:max-content;animation:30s marquee-infinites2 linear infinite;}
@keyframes marquee-infinites2 {
	0% {text-indent:100vw;}
    90% {text-indent:-101%;}
    100% {text-indent:-101%;}
}
.index_news_list {position:absolute;z-index:3;top:-80px;right:0;width:50%;min-height:245px;background-color:#282828;padding:30px 90px;border-radius:60px 0 0 0;}
.index_news_list h3 {padding:4px 0;border-bottom:1px solid #464646;margin-bottom:0px;}
.index_news_item {display:flex;flex-wrap:nowrap;justify-content:space-between;padding:10px 0;border-bottom:1px solid #464646;}
.index_news_title a {font-size:16px;}
.index_news_item:hover .index_news_title a {color:#FF5000;}
.index_news_item:hover {border-bottom:1px solid #FF5000;}
.index_pro {position:relative;width:100%;padding:80px 0 0 0;}
.index_pro_01 {position:relative;margin-bottom:30px;}
.index_pro_01 h2 {position:relative;z-index:2;color:#FFFFFF;font-size:35px;font-weight:600;display:inline-block;background-color:#141414;padding-right:20px;}
.index_pro_01::before {content:"";position:absolute;width:100%;top:20px;border:1px solid #FF5000;z-index:1;}
.index_about {position:relative;width:100%;padding:30px 0 60px 0;}
.index_about_01 {position:relative;margin-bottom:30px;}
.index_about_01 h2 {position:relative;color:#FFFFFF;font-size:35px;font-weight:600;display:inline-block;background-color:#141414;padding-right:20px;}
.index_about_01::before {content:"";position:absolute;width:100%;top:20px;border:1px solid #FF5000;}
.index_about_02 h3 {color:#FFFFFF;font-size:45px;font-weight:600;}
.index_about_02 a {position:relative;color:#FFFFFF;border:1px solid #FF5000;border-radius:25px;display:inline-block;padding:7px 45px 7px 25px;}
.index_about_02 a::before {content:"";font-family:"Font Awesome 6 Free";font-size:15px;font-weight:600;width:30px;height:30px;display:inline-block;position:absolute;top:0px;right:0px;z-index:2;color:#ffffff;-webkit-transition:all .35s ease;transition:all .35s ease;transform:rotate(-45deg);}
.index_about_02 a:hover {background-color:#FF5000;}
.index_about_02 a:hover::before {transform:rotate(0deg);top:6px;}
/* index */


/* about */
.about_01 {margin-top:40px;}
.about_01 h3 {font-size:40px;font-weight:600;color:#FFFFFF;margin-bottom:20px;padding-top:30px;line-height:40px;}
.about_01 h3 span {color:#FF5000;}
.about_02 {background-color:#282828;padding:50px 0;}
.about_02 h3 {font-size:40px;font-weight:600;color:#FFFFFF;text-align:center;}
.about_02 p {color:#FFFFFF;text-align:center;margin-bottom:60px;}
.about_021 {display:flex;flex-wrap:nowrap;justify-content:center;align-content:stretch;}
.about_0211 img {max-width:150px;}
.about_0212 {display:flex;flex-wrap:wrap;justify-content:flex-start;align-content:center;padding:0 0 0 40px;}
.about_0212 h4 {font-size:25px;color:#FF5000;padding-top:20px;}
.about_0212 p {color:#FFFFFF;text-align:left;margin-bottom:10px;}
.about_03 {background-color:#141414;background-image:url("../images/about_bg.png");background-repeat:no-repeat;background-position:top center;background-size:100%;padding:30px 0;}
.about_031 h3 {font-size:40px;font-weight:600;color:#FF5000;margin-bottom:20px;padding-top:60px;}
.about_0311 {position:relative;z-index:1;padding-bottom:300px;}
.about_0312 {position:absolute;z-index:2;top:25%;display:flex;flex-wrap:nowrap;justify-content:start;}
.about_0312 img {display:inline-block;}
.about_0312 img:last-child {margin-left:20px;}
.about_033 {padding-top:30px;}
.about_0331 {display:flex;flex-wrap:wrap;justify-content:space-between;width:100%;}
.about_0332 {text-align:center;width:28%;margin:0 2%;}
.about_0332 img {margin: 0 auto;}
.about_0332 p {padding:10px 0;}
.about_04 {margin-bottom:30px;}
.about_04 h3 {font-size:40px;font-weight:600;color:#FFFFFF;margin-bottom:20px;padding-top:40px;}
.about_04 h4 {font-size:20px;font-weight:600;color:#FFFFFF;margin-top:40px;}
/* about */


/* product */
.product {padding:50px 0;}
.pro_menu_search {background-color:#282828;padding:20px 30px;border-radius:20px;margin-bottom:20px;}
.pro_menu_search form {position:relative;}
.pro_menu_search input {position:relative;z-index:1;width:100%;background-color:#464646;border:1px solid #464646;border-radius:5px;font-size:18px;color:#ffffff;padding:10px;}
.pro_menu_search button {position:absolute;z-index:2;top:0px;right:0px;background-color:#FF5000;font-size:18px;font-weight:600;color:#ffffff;border:1px solid #FF5000;border-radius:0 5px 5px 0;padding:10px;}
.pro_menu_index {position:relative;background-color:#282828;padding:20px 30px;border-radius:20px;}
.pro_menu_title {font-size:20px;font-weight:600;line-height:45px;color:#ffffff;margin-bottom:20px;text-align:center;border-bottom:1px solid #FFFFFF;}
.pro_menu_index a {display:block;color:#ffffff;background-color:#464646;border-radius:10px;text-align:center;padding:8px 0;margin-bottom:10px;line-height:28px;}
.pro_menu_index a:hover, .pro_menu_index a:active, .pro_menu_index a.active {background-color:#FF5000;}
.pro_menu_m {display:none;}
.pro_lists {padding:0 0 0 10px;}
.pro_list {margin-bottom:20px;}
.pro_list_img {width:auto;border:3px solid #141414;border-radius:15px;overflow:hidden;transition:all .35s ease;-webkit-transition:all .35s ease;}
.pro_list_title {position:relative;padding:12px 0;}
.pro_list_title h3 {position:relative;font-size:20px;line-height:22px;color:#ffffff;}
.pro_list_title h3::before {content:"";font-family:"Font Awesome 6 Free";font-size:15px;font-weight:600;width:30px;height:30px;display:inline-block;position:absolute;top:-2px;right:0px;z-index:2;color:#ffffff;-webkit-transition:all .35s ease;transition:all .35s ease;transform:rotate(-45deg);border:1px solid #FF5000;border-radius:25px;padding:3px 0px 0px 6px;}
.pro_list:hover .pro_list_img {border:3px solid #FF5000;}
.pro_list:hover .pro_list_title h3::before {background-color:#FF5000;transform:rotate(0deg);}
.pro_detail {position:relative;width:90%;margin:0 auto;}
.pro_detail_img {position:relative;width:100%;margin:0 auto;margin-bottom:30px;padding: 0 55px;}
.pro_detail_img .product-single-slide {position:relative;overflow:hidden;margin-bottom:10px;}
.pro_detail_img .swiper-button-next, .pro_detail_img .swiper-button-prev {color:rgba(255, 255, 255, 1);border:1px solid #FF5000;border-radius:23px;top:40%;width:36px;height:36px;padding: 10px}
.pro_detail_img .product-single-thumb {position:relative;overflow:hidden;margin-bottom:10px;}
.pro_detail_img .product-single-thumb .swiper-slide {cursor:pointer;}
.pro_detail_img .product-single-thumb .swiper-slide:hover {border:1px solid #FF5000;border-radius:10px;}
.pro_detail_img .swiper-slide img {display:block;width:100%;height:100%;object-fit:cover;border-radius:10px;}
.pro_detail_item {position:relative;}
.pro_detail_item h2 {position:relative;font-size:25px;line-height:25px;color:#FF5000;display:inline-block;background-color:#141414;padding-right:20px;}
.pro_detail_item::before {content:"";position:absolute;width:100%;top:12px;border:1px solid #FF5000;}
.pro_detail_item span {color:#ffffff;}
.pro_detail_contact {padding:30px 0 50px 0;}
.pro_detail_related {position:relative;}
.pro_detail_related h2 {position:relative;font-size:25px;line-height:25px;color:#FF5000;display:inline-block;background-color:#141414;padding-right:20px;margin-bottom:20px;}
.pro_detail_related::before {content:"";position:absolute;width:100%;top:12px;border:1px solid #FF5000;}
.pro_detail_contact p, .pro_detail_contact span, .pro_detail_contact th, .pro_detail_contact td {color:#ffffff;}
.pro_detail_contact .table {border-color:rgba(255, 255, 255, 0.5);}
/* product */


/* catalogue */
.catalogue-nav {display:flex;flex-wrap:wrap;justify-content:center;padding:50px 0;}
.catalogue-nav a {font-size:22px;font-weight:600;color:#ffffff;margin:0 20px;}
.catalogue-nav a.active, .catalogue-nav a:hover, .catalogue-nav a:active {color:#FF5000;}
.catalogue-list {margin-bottom:10px;}
.catalogue-item {position:relative;}
.catalogue-item a {display:inline-block;}
.catalogue-item-img img {border-radius:20px;border:2px solid #141414;}
.catalogue-item-img img:hover {border:2px solid #FF5000;}
.catalogue-item-title {position:relative;width:80%;padding:20px 0;color:#ffffff;}
.catalogue-item-title::before {content:"";font-family:"Font Awesome 6 Free";font-size:15px;font-weight:600;width:38px;height:38px;display:inline-block;position:absolute;top:20px;right:-60px;z-index:2;color:#ffffff;-webkit-transition:all .35s ease;transition:all .35s ease;transform:rotate(-45deg);border:1px solid #FF5000;border-radius:25px;padding:6px 0px 0px 11px;}
.catalogue-item:hover .catalogue-item-title::before,.catalogue-item:active .catalogue-item-titlea::before {background-color:#FF5000;transform:rotate(0deg);}
/* catalogue */


/* news */
.news-nav {display:flex;flex-wrap:wrap;justify-content:center;padding:50px 0;}
.news-nav a {font-size:22px;font-weight:600;color:#ffffff;margin:0 20px;}
.news-nav a.active, .news-nav a:hover, .news-nav a:active {color:#FF5000;}
.news-item {display:flex;flex-wrap:wrap;justify-content:space-between;padding:50px 0;border-bottom:1px solid #FF5000;}
.news-item:last-child {border-bottom:0px solid #FF5000;padding-bottom:0;}
.news-item .news-item-img {width:45%;margin-right:10%;}
.news-item .news-item-img a {display:inline-block;}
.news-item .news-item-img a img {border-radius:15px;border:2px solid #141414;}
.news-item .news-item-img a:hover img {border:2px solid #FF5000;}
.news-item .news-item-contact {width:45%;}
.news-item .news-item-contact-date {color:#C8C8C8;margin-bottom:10px;}
.news-item .news-item-contact-title {margin-bottom:15px;}
.news-item .news-item-contact-title a {color:#ffffff;font-size:24px;font-weight:600;}
.news-item .news-item-contact-info {color:#ffffff;}
.news-item .news-item-contact-more {margin-top:20px;}
.news-item .news-item-contact-more a {position:relative;z-index:1;;color:#ffffff;border-radius:25px;padding:7px 55px 7px 25px;border:1px solid #FF5000;}
.news-item .news-item-contact-more a::before {content:"";font-family:"Font Awesome 6 Free";font-size:20px;line-height:25px;font-weight:600;display:inline-block;position:absolute;right:15px;z-index:2;color:#ffffff;-webkit-transition:all .35s ease;transition:all .35s ease;transform:rotate(-45deg);}
.news-item .news-item-contact-more a:hover,.news-item .news-item-contact-more a:active {background-color:#FF5000;}
.news-item .news-item-contact-more a:hover::before,.news-item .news-item-contact-more a:active::before {transform:rotate(0deg);}
.news-detail {padding:50px 0;}
.news-detail-date {color:#C8C8C8;margin-bottom:10px;}
.news-detail-title {color:#ffffff;font-size:24px;font-weight:600;margin-bottom:20px;}
.news-detail-img {margin-bottom:20px;}
.news-detail-contact {color:#ffffff;margin-bottom:20px;}
.news-detail-contact table >:not(caption) >* {border-width: 2px 0;border-color: #ffffff;border-style: solid;}
.news-detail-contact table >:not(caption) >* >* {border-width: 0 2px;border-color: #ffffff;border-style: solid;}
.news-detail-contact table td {background-color:transparent;padding: 8px 12px;}



.news-detail-back {text-align:center;}
.news-detail-back a {display:inline-block;color:#ffffff;text-align:center;}
.news-detail-back a img {display:inline-block;margin-right:10px;}
/* news */


/* contact */
.contact_01 {display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;padding-top:30px;padding-bottom:30px;}
.contact_011 {width:35%;padding-right:20px;}
.contact_011 h3 {color:#FFFFFF;font-size:24px;font-weight:600;margin-bottom:15px;}
.contact_011 p {color:#FFFFFF;font-size:18px;font-weight:500;}
.contact_011 h4 {color:#FFFFFF;font-size:18px;font-weight:500;margin-bottom:10px;}
.contact_011 h4 span {color:#FF5000;font-weight:600;}
.contact_011 hr {border-bottom:1px solid #FF5000;opacity:1;}
.contact_012 {width:65%;}
.contact_02 {background-color:#282828;border-radius:50px;padding-top:50px;padding-bottom:50px;text-align:center;}
.contact_02 h3 {color:#ffffff;font-size:16px;font-weight:500;margin-bottom:15px;}
.contact_021 .form-group {display:flex;flex-wrap:nowrap;border:1px solid #464646;background-color:#464646;border-radius:25px;margin-bottom:15px;padding:5px 30px 5px 10px;}
.contact_021 .form-group label.control-label {text-align:left;padding:10px 0 0 10px;margin-right:0px;color:#FF5000;font-size:20px;line-height:20px;}
.contact_021 .form-group .form-controlA {color:#ffffff;margin-left:5px;border:1px solid #464646;background-color:#464646;}
.contact_021 .form-group textarea.form-controlA {color:#ffffff;opacity:1;font-size:18px}
.form-controlA::-webkit-input-placeholder {color:#959595;opacity:1;font-size:18px;}
.form-controlA::-moz-placeholder {color:#959595;opacity:1;font-size:18px;}
.form-controlA:-ms-input-placeholder {color:#959595;opacity:1;font-size:18px;}
.form-controlA::-ms-input-placeholder {color:#959595;opacity:1;font-size:18px;}
.form-controlA::placeholder {color:#959595;opacity:1;font-size:18px;}
.form-group-Code {width:450px;}
.form-group-Code #PostAuthCode {float:left;width:200px;}
.form-group-Code #PostAuthCodeImg {margin:2px 0 0 10px;cursor:pointer;float:left;}
.form-group-Code #PostAuthCodeSync {font-size:25px;margin:5px 0 0 20px;cursor:pointer;float:left;color:#ffffff;cursor:pointer;}
.contact_0211 {padding-top:20px;padding-bottom:20px;}
.contact_0211 .btn-yuhub {width:80%;background-color:#FF5000;color:#FFFFFF;font-size:18px;border-radius:25px;padding:10px 30px;}
/* contact */


/* footer-top */
.footer-top {background-color:#141414;max-width:max-content;min-height:100px;overflow:hidden;width:100vw;}
.footer-top-run {-webkit-text-stroke-width:1px;-webkit-text-stroke-color:#FF5000;color:transparent;font-size:80px;font-weight:700;padding:62px 0 0 0;text-indent:100vw;width:max-content;animation:30s marquee-infinite linear infinite;}
@keyframes marquee-infinite {
	0% {text-indent:100vw;}
    90% {text-indent:-101%;}
    100% {text-indent:-101%;}
}
/* footer-top */


/* footer */
#footer {background-color:#FF5000;background-image:url("../images/footer_bg.png");background-repeat:no-repeat;background-position:center center;background-size:cover;padding:60px 0 30px 0;color:#ffffff;}
#footer .footer {display:flex;justify-content:space-between;}
#footer .footer-bottom-left h4 {margin-bottom:10px;}
#footer .footer-bottom-left p {color:#141414;}
#footer .footer-right-0 {display:flex;flex-wrap:nowrap;justify-content:flex-end;padding-top:40px;}
#footer .footer-right-0 .footer-right-01 {position:relative;margin-left:40px;}
#footer .footer-right-0 .footer-right-01 h3 {font-size:18px;color:#FFFFFF;margin-bottom:12px;}
#footer .footer-right-0 .footer-right-01 h3 a {font-size:18px;color:#FFFFFF;transition:all 0.5s;}
#footer .footer-right-0 .footer-right-01 a:hover {opacity:.8;}
#footer .footer-right-1 {text-align:right;}
#footer .footer-right-1 .footer-community {position:relative;padding:10px 0 0 0;}
#footer .footer-right-1 .footer-community a {position:relative;font-size:20px;line-height:25px;padding:0 0 0 40px;text-align:left;color:#FFFFFF;}
#footer .footer-right-1 .footer-community a:hover {opacity:.8;}
#footer .footer-right-1 .footer-community .facebook-site {margin-right:30px;}
#footer .footer-right-1 .footer-community i {position:absolute;left:0;color:#141414;font-size:30px;font-weight:500;padding:0 5px 0 0;margin-top:-3px;}
#footer .footer-bottom {padding:40px 0 0 0;}
#footer .footer-bottom {display:flex;justify-content:space-between;align-items:flex-end;}
#footer .footer-bottom a {color:#141414;}
#footer .footer-bottom a:hover {opacity:.8;}
#footer .footer-bottom-right {color:#141414;}
#footer .footer-bottom-br {display:inline-block;margin: 0 1px;height:1px;}
#footer .footer-bottom-br2 {display:block;height:1px;}
/* footer */


/* page_banner */
.page_banner {position:relative;z-index:1;width:100%;background-color:#282828;}
.page_banner .page_banner_con {position:relative;/*height:558px;overflow:hidden;background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:transparent;*/}
.page_banner .page_banner_img {position:relative;z-index:1;}
.page_banner .page_banner_title {position:absolute;z-index:2;margin-top:15%;margin-left:20%;}
.page_banner .page_banner_title h3 {font-size:50px;color:#FF5000;font-weight:700;margin-bottom:10px;}
.page_banner .page_banner_title h4 {font-size:25px;color:#FFFFFF;font-weight:700;}
/* page_banner */


/* pagination */
.pagination {padding:10px 0 20px 0;}
.pagination .page-link {background-color:transparent;border:0 solid transparent;color:#FFFFFF;}
.pagination .page-item.active .page-link {color:#FF5000;}
/* mobile menu */
.button_container {/*display:none;*/position:fixed;height:50px;width:50px;cursor:pointer;z-index:9999;top:30px;right:50px;/*-webkit-transition:opacity .25s ease;transition:opacity .25s ease;*/}
.button_container span {background:#969696;border:none;height:7px;width:100%;position:absolute;top:0;left:0;-webkit-transition:all .35s ease;transition:all .35s ease;cursor:pointer;}
.button_container:hover {opacity:.8;}
.button_container.active .top {-webkit-transform:translateY(18px) translateX(0) rotate(45deg);-ms-transform:translateY(18px) translateX(0) rotate(45deg);transform:translateY(18px) translateX(0) rotate(45deg);}
.button_container.active .middle {opacity:0;}
.button_container.active .bottom {-webkit-transform:translateY(-18px) translateX(0) rotate(-45deg);-ms-transform:translateY(-18px) translateX(0) rotate(-45deg);transform:translateY(-18px) translateX(0) rotate(-45deg);}
#wrapper .button_container span {background:#969696;}
#wrapper .button_container.active span {background:#FFFFFF;}
.button_container span:nth-of-type(2) {top:18px;}
.button_container span:nth-of-type(3) {top:36px;}
.overlay {position:fixed;background-image:url("../images/menu_bg.png");background-repeat:no-repeat;background-position:center center;background-size:cover;background-color:transparent;z-index:99;top:0;right:0;width:100%;height:100%;opacity:1;visibility:hidden;-webkit-transition:opacity .35s, visibility .35s, width .5s;transition:opacity .35s, visibility .35s, width .5s;overflow:hidden;}
.overlay.open {opacity:1;visibility:visible;height:100%;}
.overlay nav {position:relative;margin-top:50px;text-align:center;}
.overlay ul {list-style:none;position:relative;}
.overlay ul > li {width:100%;padding:15px 0 10px 0;}
.overlay ul > li > a {display:inline-block;color:#ffffff;text-decoration:none;margin-bottom:5px;width:400px;border-bottom:1px solid #ffffff;padding-bottom:15px;}
.overlay ul > li > a > h3 {font-size:30px;line-height:30px;font-weight:600;letter-spacing:3px;color:#ffffff;padding:0;margin-bottom:10px;}
.overlay ul > li > ul.overlay-menu-ul.active {display:block;}
.overlay ul > li > ul.overlay-menu-ul > li {width:90%}
.overlay ul > li > ul.overlay-menu-ul > li > a {display:block;	color:#ffffff;text-decoration:none;margin-bottom:5px;}
.overlay .overlay-menu-logo {padding:8px 0 0 60px;}
.overlay .overlay-menu-logo img {max-width:160px;}
.overlay .overlay-menu .overlay-menu-community {position:relative;padding:50px 0 0 0;}
.overlay .overlay-menu .overlay-menu-community a {position:relative;font-size:25px;line-height:25px;padding:0 0 0 50px;text-align:left;}
.overlay .overlay-menu .overlay-menu-community .facebook-site {margin-right:30px;}
.overlay .overlay-menu .overlay-menu-community i {position:absolute;left:0;color:#141414;font-size:40px;font-weight:500;padding:0 5px 0 0;margin-top:-10px;}
/* mobile menu */

.text-color-yuhub {color:#FF5000;}

@media (max-width:1800px) {

}
@media (max-width:1700px) {
	.about_0311 {padding-bottom:30px;
}
	.about_0312 {position:relative;top:0;}
}
@media (max-width:1600px) {
	.page_banner .page_banner_con {/*height:450px;*/}
	.page_banner .page_banner_title {/*margin-top:200px;margin-left:20%;*/}
	.index_news_list {width:60%;min-height:245px;}
	.about_01 h3 {padding-top:0px;}
}
@media (max-width:1400px) {
	.about_0312 {flex-wrap:wrap;justify-content:center;}
	.about_0312 img:last-child {margin-top:10px;margin-left:0;}
}
@media (max-width:1199px) {
	.page #header {position: relative;background-color:#282828;}
	.index_news_list {width:70%;}
	#footer .footer {flex-wrap:wrap;justify-content:center;}
	#footer .footer-right-1 {text-align:center;}
	#footer .footer-bottom {flex-wrap:wrap;justify-content:center;align-items:stretch;}

}
@media (max-width:1024px) {
	#header .header .header-logo {padding:8px 0 0 0;}
	#header .header .header-logo img {max-width:110px;}
	.page_banner .page_banner_con {/*height:400px;*/}
	.page_banner .page_banner_title {margin-top:10%;margin-left:10%;}
	.page_banner .page_banner_title h3 {font-size:40px;margin-bottom:10px;}
	.page_banner .page_banner_title h4 {font-size:20px;}
	.news-nav {padding:50px 0 50px 0;}
	.news-item {padding:0 0 25px 0;margin-bottom:25px;}
	.news-detail-contact .table-responsive {scrollbar-color: #FF5000 #FF5000;-webkit-scrollbar-color: #FF5000 #FF5000;scrollbar-width: thin;-webkit-scrollbar-width: thin;margin: 10px 0;padding: 15px 0;}
	.button_container {height:45px;width:45px;top:30px;right:30px;}
	.button_container span {height: 6px;}
	.overlay .overlay-menu-logo {padding:8px 0 0 10px;}
	.overlay .overlay-menu-logo img {max-width:110px;}
}
@media (max-width:991px) {
	#header .header-menu {display:none;}
	.button_container {display:block;}
	.index_news {position:relative;max-width:100%;}
	.index_news_list {position:relative;z-index:3;top:18px;right:0;width:100%;min-height:auto;background-color:#282828;padding:30px 90px;border-radius:0 0 0 0;max-width:100%;}
	.index_pro {padding:50px 0 0 0;}
	.news-nav a {font-size:18px;margin:0 10px;}
	.news-detail {padding: 30px 0;}
	.about_011 {margin-bottom:20px;}	
	.about_0312 img {width:46%;margin:0 2%;}
	.about_0312 img:last-child {margin-top:0px;margin-left:0px;}
	.about_04 h3 {margin-bottom:20px;padding-top:0px;}
	.about_04 h4 {margin-top:40px;margin-bottom:40px;}
	.pro_menu {display:none;}
	.pro_menu_m {display:block;margin-bottom:20px;}
	.pro_menu_m .btn {width:100%;}
	.pro_lists {padding:0 0 0 0;}
	.pro_detail_contact {padding: 20px 0 30px 0;}
	.catalogue-nav {padding: 30px 0;}
	#footer .footer-bottom-left {text-align:center;}
	#footer .footer-bottom-br {display:block;}
}
@media (max-width:767px){
	.news-nav {padding:30px 0 0 0;}
	.news-item .news-item-img {width:100%;margin-bottom:20px;margin-right:0%;}
	.news-item .news-item-contact {width:100%;}
	.contact_01 {flex-wrap:wrap;}
	.contact_011 {width:100%;padding-right:0px;padding-bottom:10px;}
	.contact_012 {width:100%;}
	.contact_02 {border-radius:30px;padding:30px 10px;}
	.contact_0211 {padding-top:10px;padding-bottom:10px;}
	#footer {padding:30px 0 30px 0;}
	#footer .footer-right-0 {flex-wrap:wrap;justify-content:center;}
	#footer .footer-right-1 .footer-community {text-align:center;}
	#footer .footer-right-1 .footer-community a {position:relative;display:block;margin:5px auto;text-align:center;}
	#footer .footer-right-1 .footer-community i {position:relative;}
	.button_container {height:40px;width:40px;top:25px;right:30px;}
	.button_container span {height:5px;}
	.button_container span:nth-of-type(2) {top:15px;}
	.button_container span:nth-of-type(3) {top:30px;}
	.button_container.active .top {-webkit-transform:translateY(12px) translateX(0) rotate(45deg);-ms-transform:translateY(12px) translateX(0) rotate(45deg);transform:translateY(12px) translateX(0) rotate(45deg);}
}
@media (max-width:668px) {

}
@media (max-width:568px) {
	.about_0211 img {max-width:130px;}
}
@media (max-width:479px) {	
	#header {min-height:80px;}
	.page_banner .page_banner_con {/*background-position:right center;background-size:cover;*/}
	.page_banner .page_banner_img {display:none;}
	.page_banner .page_banner_title {position:relative;height:160px;margin-top:0;margin-left:0;text-align:center;padding-top:50px;}
	.page_banner .page_banner_title h3 {font-size:25px;margin-bottom:5px;}
	.button_container {top:20px;right:20px;}
	.overlay ul > li {padding:13px 0 8px 0;}
	.overlay ul > li > a {margin-bottom:3px;width:300px;padding-bottom:11px;}
	.overlay ul > li > a > h3 {font-size:25px;line-height:25px;margin-bottom:5px;}
	.form-group-Code {width:auto;}
	.form-group-Code #PostAuthCode {width:180px;}
	.form-group-Code #PostAuthCodeImg {margin:2px 0 0 5px;}
	.form-group-Code #PostAuthCodeSync {display:none;}
	.index_news_run {display:none;}
	.index_news_list {padding:15px 15px;}
	.index_pro {padding:40px 0 0 0;}
	.index_pro_01 {margin-bottom:10px;}
	.index_about {padding: 10px 0 30px 0;}
	.index_about_01 {margin-bottom:10px;}
	.index_about_02 h3 {font-size:40px;line-height:40px;}
	.about_01 h3 {font-size:35px;margin-bottom:20px;padding-top:0px;line-height:35px;}
	.about_01 p {line-height:20px;}
	.about_02 {padding:50px 0 0px 0}
	.about_02 h3 {font-size:35px;line-height:35px;}
	.about_02 p {line-height:20px;margin-bottom:20px;}
	.about_021 {flex-wrap:wrap;justify-content:center;align-content:center;}
	.about_0211 img {max-width:110px;}
	.about_03 {padding:20px 0 0 0;}
	.about_031 h3 {font-size:35px;line-height:35px;padding-top:30px;}
	.about_031 p {line-height:20px;margin-bottom:20px;}
	.about_0312 img {width:46%;margin:0 2%;}
	.about_0312 img:last-child {margin-top:0px;margin-left:0;}
	.about_032 p {line-height:20px;margin-bottom:0px;}
	.about_0332 p {padding: 5px 0 1px 0;font-size:15px;line-height:20px;}
	.about_033 {padding-top:10px;}
	.about_0332 {width:46%;margin:0 2%;}
	.about_04 {margin-top:10px;margin-bottom:10px;}
	.about_04 h3 {font-size:35px;line-height:35px;padding-top:10px;}
	.about_04 p {line-height:20px;margin-bottom:20px;}
	.about_04 h4 {margin-top:20px;margin-bottom:20px;}
	.about_04 h4 span {display:block;}
	.product {padding:20px 0 0px 0;}
	.pro_list {margin-bottom:0px;}
	.pro_menu_search {padding:10px 10px;margin-bottom:10px;}
	.pro_menu_m {margin-bottom:10px;}
	.pro_list_title {padding:8px 0 4px 0;}	
	.pro_detail_img {margin-bottom:20px;padding:0 25px;}
	.pro_detail_img .swiper-button-prev {left:-15px;}
	.pro_detail_img .swiper-button-next {right:-15px;}	
	.pro_detail_contact {padding:10px 0 20px 0;}
	.pro_detail_related h2 {margin-bottom:10px;}
	.news-nav {padding:20px 0 20px 0;}
	.news-item .news-item-img {margin-bottom:10px;}
	.news-item .news-item-contact-date {margin-bottom:2px;}
	.news-item .news-item-contact-title {margin-bottom:5px;}
	.news-item-contact-info {line-height:20px;}		
	.news-detail {padding: 20px 0;}
	.news-detail-contact {}
	.news-detail-contact p {margin-bottom:0;line-height:20px;}		
	.catalogue-nav {padding:20px 0;}
	.contact_02 {border-radius:20px;padding-top:20px;padding-bottom:20px;margin-bottom:10px;}
	.footer-top {display:none;}
	#footer {padding:20px 0 10px 0;}
	#footer .footer-left img {width:110px;}
	#footer .footer-bottom-right {font-size:15px;}
	#footer .footer-right-0 {padding-top:20px;}
	#footer .footer-bottom {padding:10px 0 0 0;}
	#footer .footer-bottom-left p {margin-bottom:0px;}
	.pagination {margin-bottom:5px;padding:0px 0 0px 0;}
}
@media (max-width:379px) {

}
@media (max-width:330px) {

}