@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@400;700&family=Noto+Serif+TC:wght@400;700&display=swap');
@charset "utf-8";
/* CSS Document */

body{font-family: 'Noto Sans TC', sans-serif;}


.toggle_btn{ display:none; border:none; border-radius:0; padding:0; width:30px; height:33px; position:fixed; top:12px; right:15px; transition: 0.5s ease; z-index:1372 !important; background:none; }
.toggle_btn:hover{	cursor:pointer;}

.toggle_btn span{ display:block; width:100%; height:2px; background:#ee8100; margin:7px 0;transition: 0.5s ease;}

.toggle_btn:hover span{ background:#e1a82a;}
.toggle_btn.active{ z-index:1342;}
.toggle_btn.active span{ background: #ee8100;}
.toggle_btn.active span:nth-child(1){ transform: rotate(-45deg);}
.toggle_btn.active span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 9px;}
.toggle_btn.active span:nth-child(3){ display:none;}
.hide{ display:none;}

#mobile-body-overly{ display:none; position:fixed; left:0; top:0; width:100%; height:100vh;background:rgba(218,213,213,0.95); z-index:1340; border:none;}
.mobile_navi{ display:none; overflow:hidden;}
.mobile_navi .brand{ display:block; text-align:left; margin-top:10px; margin-bottom:20px; padding-left:10px;}
.mobile_navi .brand img{ height:42px;}
.mobile_navi .navi_ul{ margin:0; padding:0;  overflow-y: auto; height: calc(100vh - 130px);}
.mobile_navi .navi_ul li{ display:block; text-align:center;}
.mobile_navi .navi_ul li .dropdown{ display:none; padding:10px 0;border-top:1px solid rgba(255,255,255,0.5); border-bottom:1px solid rgba(255,255,255,0.5); margin:0 15px;}
.mobile_navi .navi_ul li .dropdown ul{ margin:0; padding:0;}
.mobile_navi .navi_ul li .dropdown a{ font-size:16px;}
.mobile_navi .navi_ul li.active .dropdown{ display:block;}
.mobile_navi .navi_ul li.brand{ display:none;}
.mobile_navi .navi_ul li a{ text-align:center; font-size:20px; line-height:26px; color:#464747;  padding:10px 15px; display:block; transition: 0.5s ease; letter-spacing:2px; position:relative;}
.mobile_navi ul li a:hover{	color:#ee8100; text-decoration:none;}
.mobile_navi .navi_ul li a.had_submenu:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 10px 6px 0 6px;
	border-color: #ee8100 transparent transparent transparent;
	position:absolute;
	right:15px;
	top:15px;
}
.mobile_navi .navi_ul li.active a.had_submenu:after{
	content:'';
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 6px 0 6px 10px;
	border-color: transparent transparent transparent #ffffff;
}
.mobile_navi .society{ padding:10px 0; text-align:center;}
.mobile_navi .society a{ display:inline-block; padding:0 10px }
.mobile_nav_active #mobile-nav{ display:block; z-index:1341; position:fixed; left:0; top:0; width:100%;}


.page_mobilehome #Dyn_head .minner{ max-width:100%;}
.header{ background:none; border:none; 
	-webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}
.header_div{
	background:rgba(255,255,255,1);
	-moz-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1.0);
    -webkit-box-shadow: 0px 0px 4px 0px rgba(0,0,0,1.0);
    box-shadow: 0px 0px 4px 0px rgba(0,0,0,1.0);
}
.scroll .header_div{
	/*background:rgba(255,255,255,0.7);*/
}
.header_div .brand{ text-align:center; transition: 0.5s ease;padding:10px 20px;}
.header_div .brand a{ display:inline-block; }
.header_div .brand img{transition: 0.5s ease; height:52px;}
.scroll .header_div .brand{ padding:5px 20px;}
.scroll .header_div .brand img{ height: 42px;}
.header_div .outer{ position:relative; max-width:1200px; margin:0 auto; padding:0;     text-align: center;display: flex;  flex-wrap: wrap; align-items:center;justify-content: space-between;}
.header_div .nav_menu{ position:relative;}
.header_div .nav_menu ul{ display:inline-block; margin:0; padding:0; list-style:none; }
.header_div .nav_menu ul li{ display:inline-block;}
.header_div .nav_menu ul li a{ font-size:17px; color:#464747; font-weight:700; padding:25px 20px; display:block;}
.header_div .nav_menu ul li a:hover{ color:#ee8100; text-decoration:none;}
.scroll .header_div .nav_menu ul li a{padding:15px 20px;}
.header_div .nav_menu ul li .dropdown{
	display:none; position:absolute; background:#fff; min-width:120px;
	-webkit-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
	box-shadow: 0px 5px 5px 0px rgba(0,0,0,0.4);
}
.header_div .nav_menu ul li .dropdown a{ display:block; padding:5px 20px;font-size:17px; color:#464747;  }
.header_div .nav_menu ul li .dropdown a:hover{ background:#0b4736; color:#fff;}
.header_div .nav_menu ul li:hover .dropdown{ display:block;}

.header_menu{ display:none;}



.slider_web .ads-images img{ width:100%;}
.slider_web .owl-controls{ position:absolute; right:15px; bottom:15px;}
.slider_web .owl-controls .owl-dot span{ opacity:1; background:#fff; margin:0 5px; border-radius:0; border:1px solid #fff;}
.slider_web .owl-controls .owl-dot.active span{ background:#3a595c;}

.slider_mobile{ display:none;}
.slider_mobile .ads-images img{ width:100%;}
.slider_mobile .owl-controls{ position:relative; margin-top:0px;}
.slider_mobile .owl-controls .owl-dot span{ opacity:1; background:#555; margin:0 5px; border-radius:0; border:1px solid #fff;}
.slider_mobile .owl-controls .owl-dot.active span{ background:#3a595c;}

.slider_div{ position:relative;}
.slider_div .slogan{ position:absolute; top:54px; left:10%; bottom:0%; z-index:2;}
.slider_div .slogan img{ height:100%; width:auto;}


.page_mobilehome .module.module-um.md_style1{    max-width: 100% !important;}
.page_mobilehome .main{ }
.page_mobilehome .module.module-um.md_style1{ margin-bottom:0;}
.langbar{ display:none;}
.go-pcurl{ display:none;}

#Dyn_head{ position:fixed; left:0; top:0; width:100%; position:relativel; z-index:990;}


.mt{margin:30px 0 0 0; text-align:center; position:relative;}
.mt h3{ border:none; background:none; text-align:center;   position:relative; font-size: 40px;  color: #443125; background:url(/ezfiles/416/1416/img/9267/icon_bean.png) center top no-repeat; background-size:35px auto;  display:inline-block; padding:10px 20px; padding-top:25px; z-index:2; position:relative; font-family: 'Noto Serif TC', serif; }
.uitable-th{ background: #f6f6f6;}
.mcart-operate{ /*background:none;*/}

.mpopdiv .mt{ margin-top:0;}

.module.module-relate.md_style1 .mt h3{ font-size:28px; color:#505150; }

#Dyn_head .minner{ max-width:100% !important;}



.module.module-minicart{ display:none;}
.btn, .mbtn{ transition: 0.5s ease; font-family: '微軟正黑體', sans-serif; display:inline-block; font-size:13px; font-weight:800; border:1px solid #b4975a; background:#b4975a; color:#fff; text-decoration:none; border-radius:3px; padding:8px 30px;}
.btn:hover, .mbtn:hover{ background:#fff; color:#b4975a;}

.btn:focus, .mbtn:focus{background:#fff; color:#b4975a;text-decoration:none;}
.mcart-operate .form-btn .mbtn{ background-color:#b4975a;}
.mcart-operate .form-btn .mbtn:hover{background:#fff; color:#b4975a; text-decoration:none;}

.page_mobilehome #Dyn_2_3{ max-width:100% !important;}
.page_mobilehome #Dyn_2_2{ max-width:100% !important;}
.page_mobilehome .module{ margin-bottom:0;}


.home_module .block h3{ font-size:29px; font-weight:700; color:#0b4736; margin-top:0; margin-bottom:40px; }
.home_module .block h3 i{ display:inline-block; width:22px; height:16px; margin-right:10px; background:url(/ezfiles/865/1865/img/1622/icon_deco_green.svg) center no-repeat;}
.home_module .block p{ color:#606060; font-size:16px; line-height:2;}
.home_module .block p span.green{color:#0b4736;  }
.home_module .block .more{ margin-top:15px; text-align:left; padding:0;}
.home_module .block .more a{ padding:0; border:none; transition: 0.5s ease;}
.home_module .block .more a:hover{
	-ms-transform: scale(1.1, 1.1); /* IE 9 */
	-webkit-transform: scale(1.1, 1.1); /* Safari */
	transform: scale(1.1, 1.1);
	text-decoration:none;
}
.home_module .block_01 .outer{ max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap;}
.home_module .block_01 .outer .col01{ width:65%; padding:50px 0; display: flex; justify-content: flex-end;}
.home_module .block_01 .outer .col02{ width:35%; background:url(/ezfiles/865/1865/img/1622/about_img001.jpg) center no-repeat; background-size:cover; }

.home_module .block_01 .outer .col01 .info{ max-width:810px; padding-left:15px; padding-right:50px;}
.home_module .block_01 .outer .col01 .info p{ font-size:18px;}
.home_module .block_02{ background:#f9f9f9; position:relative;}
.home_module .block_02 .outer{ max-width:1200px; margin:0 auto; display:flex; flex-wrap:wrap;    justify-content: space-between;}
.home_module .block_02 .outer .col01{ width:55%; padding:30px 0; text-align:center;}
.home_module .block_02 .outer .col01 .more{ text-align:center; margin-top:30px;}
.home_module .block_02 .outer .col02{ width:45%; padding:30px 0; background:#0b4736; color:#fff;text-align:center; position:relative;}
.home_module .block_02 .outer .col02:before{ content:''; position:absolute; right:-40vw; top:0; width:40vw; height:100%;  background:#0b4736; }
.home_module .block_02 .outer .col02 h3{ color:#fff; }
.home_module .block_02 .outer .col02 h3 i{ background:url(/ezfiles/865/1865/img/1622/icon_deco_white.svg) center no-repeat;}
.home_module .block_02 .outer .client_list{ display:flex;flex-wrap:wrap;}
.home_module .block_02 .outer .client_list .item{ width:25%;}
.home_module .block_02 .outer .client_list { display:flex;flex-wrap:wrap;}
.home_module .block_02 .outer .client_list .item a{ display:block; }
.home_module .block_02 .outer .client_list .item a img{transition: 1s ease;}
.home_module .block_02 .outer .client_list .item a:hover img{	
	text-decoration:none;
	transform: rotateX(360deg);
}
.home_module .block_02 .outer .service_list{ display:flex;flex-wrap:wrap;}
.home_module .block_02 .outer .service_list .item{ width:calc(100% / 3);}
.home_module .block_02 .outer .service_list .item a{ display:block;  transition: 1s ease; text-align:center;}
.home_module .block_02 .outer .service_list .item a h4{ font-size:18px; font-weight:400;color:#fff; line-height:1.6; margin-top:15px;}
.home_module .block_02 .outer .service_list .item a:hover{
	
	text-decoration:none;
	transform: rotateY(360deg);
}
.home_module .block_03{ background:url(/ezfiles/865/1865/img/1622/bg_001.jpg) center no-repeat; background-size:cover; padding:80px 0;}
.home_module .block_03 .outer{ max-width:1366px;  margin:0 auto; display:flex; flex-wrap:wrap; justify-content: flex-end;}
.home_module .block_03 .outer .col01{width: 45%;}
.home_module .block_03 .outer .col01 h3{ border-bottom:1px solid #3a595c; padding-bottom:10px; font-size:37px; margin-bottom:20px;}
.home_module .block_03 .outer .col01 p{ color:#0b4736; }


.body_detail .header_banner{ height: 400px; background-position: center; background-size: cover; position: relative;}
.body_detail .header_banner .info{ position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; transition: 0.3s ease-in-out;}
.body_detail .header_banner .info h3{ 
	display: inline-block; margin: 0; padding: 0 50px;     border-bottom: 2px solid #ee8100;   padding-bottom: 10px;    font-size: 37px; font-weight: 700; color: #fff; 
	text-shadow: 1px 1px 2px black, 0 0 1em green, 0 0 0.2em darkgreen;   
}
.body_detail .module.module-um.md_style1{max-width:100% !important;}
.body_detail #Dyn_2_2{max-width:100% !important;}
.body_detail #Dyn_2_3{max-width:100% !important;}
.body_detail #Dyn_2_4{max-width:100% !important;}
.body_detail .module.module-misc{ display:none;}
.body_detail .mpgdetail{ padding: 0;}
.body_detail .main{ margin-top: 74px;}

.detail_div{ padding: 30px 0;}
.detail_div .outer{ max-width: 1200px; margin: 0 auto; padding: 0 15px;}
.detail_div .outer .green {  color: #0b4736; font-weight: 400;}
.detail_div .outer h3{ font-size:29px; font-weight:700; color:#0b4736; margin-top:0; margin-bottom:20px; }
.detail_div .outer h3 i{ display:inline-block; width:22px; height:16px; margin-right:10px; background:url(/ezfiles/865/1865/img/1622/icon_deco_green.svg) center no-repeat;}
.detail_div .outer p {  font-size: 18px;    color: #606060; line-height: 2; margin-bottom: 30px;}
.detail_div .outer .img_list{ display: flex; flex-wrap:wrap; margin-left: -15px; margin-right: -15px; padding:0 0 30px 0;}
.detail_div .outer .img_list.three_items .item{ width: calc(100% / 3); padding: 15px;}
.detail_div .outer .img_list .item img{ width: 100%;}


.detail_div .outer .client_list{ display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.detail_div .outer .client_list .item{ width: calc(100% / 5); padding: 15px;}
.detail_div .outer .client_list .item .img{ text-align: center; margin-bottom: 10px; border: 1px solid #dfdfdf; padding: 10px;    height: 70px; display: flex; align-items: center; justify-content: center;}
.detail_div .outer .client_list .item .img img{ max-width: 100%; max-height: 50px;}
.detail_div .outer .client_list .item h3{ text-align: center;  font-size: 16px;  color: #606060; line-height: 2;margin-bottom: 0;} 


.detail_div .outer .step_list{ display: flex; flex-wrap: wrap; margin-left: -15px; margin-right: -15px;}
.detail_div .outer .step_list .item{ position: relative; text-align: center; width: calc(100% / 3 - 32px); border: 1px dashed #dfdfdf; margin: 15px; padding: 15px 0;}
.detail_div .outer .step_list .item:before {
    /*content: '';
    display: block;
	z-index: 2;
    
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 0 8px 16px;
	border-color: transparent transparent transparent #1a2731;
	
	position: absolute;
	right: -20px;
	top: calc(50% - 8px);
	
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: right;
    animation-name: right;
    transition: 0.3s ease-in-out;   */
}
.detail_div .outer .step_list .item:nth-child(3):before,.detail_div .outer .step_list .item:nth-child(6):before{
	/*content: '';
    display: block;
	z-index: 2;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 16px 8px 0 8px;
	border-color: #1a2731 transparent transparent transparent;

	position: absolute;
	right: auto;
	top: auto;
	left:calc(50% - 8px);
	bottom: -10px;
	
	
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: down;
    animation-name: down;
    transition: 0.3s ease-in-out; */
}
.detail_div .outer .step_list .item:nth-child(4):before,.detail_div .outer .step_list .item:nth-child(5):before{
	/*content: '';
    display: block;
	z-index: 2;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 16px 8px 0;
	border-color: transparent #1a2731 transparent transparent;

	position: absolute;
	right: auto;
	top: calc(50% - 8px);
	left:-20px;
	bottom: auto;	
	
    -webkit-animation-duration: 1s;
    animation-duration: 1s;
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
    -webkit-animation-iteration-count: infinite;
    animation-iteration-count: infinite;
    -webkit-animation-name: left;
    animation-name: left;
    transition: 0.3s ease-in-out; */  
}

.detail_div .outer .step_list .item:last-child:before{display: none;}
.detail_div .outer .step_list .item:nth-child(4){ 
	/*margin-left: calc(66.66666% + 10px);
    margin-right: calc(15px - 66.66666%);*/
}
.detail_div .outer .step_list .item:nth-child(6){
    /*margin-right: calc(66.66666% - 0px);
    margin-left: calc(-66.66666% + 24px);*/

}
.detail_div .outer .step_list .item .img img{ width: 80px;}
.detail_div .outer .step_list .item h3{
	margin: 5px 0 0 0;	
    font-size: 18px;
	line-height: 1.7;
	font-weight: 700;
    letter-spacing: 1px;
    padding: 7.5px;    
}


.product_detail_div .outer{ max-width: 1200px; margin: 0 auto; padding: 30px 15px; display: flex; flex-wrap: wrap;}
.product_detail_div .outer .left_div{ width: 220px; padding-right: 50px;}
.product_detail_div .outer .left_div .sub_title{ margin-bottom: 30px;}
.product_detail_div .outer .left_div .sub_title h2{ font-size:29px; font-weight:700; color:#0b4736; margin-top:0; margin-bottom:20px; }
.product_detail_div .outer .left_div .sub_title h2 i{ display:inline-block; width:22px; height:16px; margin-right:10px; background:url(/ezfiles/865/1865/img/1622/icon_deco_green.svg) center no-repeat;}
.product_detail_div .outer .left_div .sub_menu ul{ margin: 0; padding: 0; list-style: none;}
.product_detail_div .outer .left_div .sub_menu ul li{ display: block;}
.product_detail_div .outer .left_div .sub_menu ul li a{ display: block; padding: 8px 15px;}
.product_detail_div .outer .left_div .sub_menu ul li a:hover{ color:#ee8100; text-decoration:none;}
.product_detail_div .outer .left_div .sub_menu ul li.active a{ background: #0b4736; color: #fff;}
.product_detail_div .outer .right_div{width: calc(100% - 250px); }
.product_detail_div .outer .right_div .remark{ color:#a94442;}
.product_detail_div .outer .right_div .table_scroller{ margin-bottom: 30px; overflow-x: auto;}
.product_detail_div .outer .right_div .table_scroller table{ width: 1100px; border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
.product_detail_div .outer .right_div .table_scroller table td{ font-size: 15px; padding:5px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; text-align: center;}

.product_detail_div .outer .right_div .table_scroller table tr:first-child td{ background: #e0f7e1;}
.product_detail_div .outer .right_div .table_scroller table tr td:first-child{ background: #fff; font-size: 17px; font-weight: 700;}

.detail_div .table_certificate{ display:flex; flex-wrap:wrap;}
.detail_div .table_certificate .table_outer{ width: 55%;}
.detail_div .table_certificate .certificate_list{ width:calc(45% - 10px); padding-left: 10px;}
.detail_div .table_outer table{ width: 100%; border-left:1px solid #dfdfdf;border-top:1px solid #dfdfdf;}
.detail_div .table_outer table td{ font-size: 18px; padding:5px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf; text-align: center;}
.detail_div .table_outer table td:nth-child(1){}
.detail_div .table_outer table td:nth-child(2){ width: 39%;}
.detail_div .table_outer table td:nth-child(3){ width: 39%;}
.detail_div .table_certificate .certificate_list{ display: flex; flex-wrap:wrap; align-items: center;}
.detail_div .table_certificate .certificate_list .item{  padding:0 10px ; }
.detail_div .table_certificate .certificate_list .item img{ max-width: 100%; max-height: 220px;}


.product_detail_div .outer .right_div .remark{}
.page_mobileform.body_detail .form-section{ max-width: 1200px; margin: 0 auto; padding: 30px 15px;}
.page_mobileform.body_detail .form-section .company_list{ display: flex; flex-wrap:wrap; margin-bottom: 20px;}
.page_mobileform.body_detail .form-section .company_list .item{ width: calc(100% / 2 - 30px); margin: 15px; 
	border: 1px solid #ccc;
    padding: 15px;
    background: #f9f9f9;
    box-shadow: 0px 7px 5px 0px rgb(34 30 31 / 35%);
    transition: 0.3s ease-in-out;
    transition-duration: 1.5s;
}

.page_mobileform.body_detail .form-section .company_list .item h3{font-weight: 700;    color: #0b4736; margin-top: 0;}
.page_mobileform.body_detail .form-section .company_list .item p{ font-size:16px; line-height: 1.8;}

.page_mobileform.body_detail .module-form .formBS{ border:none;}
.page_mobileform.body_detail .module-form .formBS .form-group{ border:none; margin: 15px 0;}
.page_mobileform.body_detail .form-group.required p.label-ui:before, .form-group.required .control-label:before{ color:#f00;}
.page_mobileform.body_detail .module-form .formBS .form-group [class*="col-"]:first-child{ border:none;}
.page_mobileform.body_detail .module-form .formBS .form-group [class*="col-"]{ border:none;}

.page_mobileform.body_detail .formBS .control-label{ max-width: 300px;}

.btn, .mbtn {
    
    font-size: 16px;
    font-weight: 700;
    border: 1px solid #0b4736;
    background: #0b4736; 
    border-radius: 0px;
    padding: 8px 60px;
}
.btn:hover, .mbtn:hover{ border: 1px solid #0b4736; color:#0b4736; }

.gotop{ position:fixed; right:-100px;bottom: 27%; width:40px; height:40px;transition: 0.5s ease;}
.scroll .gotop{ right:15px;}
.gotop.shoow{ display:inline-block;}
.gotop img{ width:100%;}




.footer {
    padding-top: 0;
    padding-bottom: 0;
    padding-right: 0;
    padding-left: 0;
    color: #70706f;
    background: #505150;
	margin-top:0;
   
}

.footer{ margin-top:0; padding:0; background:none;}
.footer .minner{ max-width:100% !important;}

.footer_div .top_div{ background:#f9f9f9;}
.footer_div .top_div .outer{ max-width:100%; margin:0 auto; display:flex; flex-wrap:wrap; align-items: center; justify-content: space-between;}
.footer_div .top_div .outer .google_map{ width:60%; position:relative;}
.footer_div .top_div .outer .google_map iframe{width:100%; min-height:340px;}
.footer_div .top_div .outer .company{ width:40%; padding:0;}
.footer_div .top_div .outer .company .info{ padding-left:50px;}
.footer_div .top_div .outer .company img{ margin:30px 0;}
.footer_div .top_div .outer .company h3{ font-size:29px; font-weight:700; color:#0b4736; margin-top:0; }
.footer_div .top_div .outer .company h3 i{ display:inline-block; width:22px; height:16px; background:url(/ezfiles/865/1865/img/1622/icon_deco_green.svg) center no-repeat;}
.footer_div .top_div .outer .company p{ color:#606060; font-size:16px; line-height:2;}
.footer_div .top_div .outer .company a{color:#606060;}


.footer_div .bottom_div{ font-size:12px; color:#fff; background:#0b4736; padding:10px 0;}
.footer_div .bottom_div .outer{ max-width:1200px; margin:0 auto; text-align:center; position:relative; padding: 0 15px;}
.footer_div .bottom_div .outer a{ color:#fff; position:absolute; right:0; top:0px;}
.footer_div .bottom_div .outer a:hover{ color:#e1a82a;}


@keyframes right {
  0% {
    transform: translateX(-5px);
  }
  100% {
    transform: translateX(15px);
  }
}
@keyframes left {
  0% {
    transform: translateX(15px);
  }
  100% {
    transform: translateX(-5px);
  }
}
@keyframes down {
  0% {
    transform: translateY(0px);
  }
  100% {
    transform: translateY(15px);
  }
}

@media (min-width: 481px){
	
}

@media (max-width: 1366px){	
	
}
@media (max-width: 1200px){	
	.detail_div .table_certificate{ display:block;	}
	.detail_div .table_certificate .table_outer{ width:100%; margin-bottom: 20px;}
	.detail_div .table_certificate .certificate_list { width: 100%;	padding-left: 0px;}
	
	.footer_div .bottom_div .outer span{ text-align:center; display:block;}
	.footer_div .bottom_div .outer a{ position:relative; display:block; margin-top:10px; text-align:center; right:auto; top:auto;}
}


@media (max-width: 1080px){	
	.header_div .brand{ padding-left:10px; padding-right:10px;}
	.header_div .nav_menu ul li a{ padding-left:10px; padding-right:10px;}
	.detail_div .outer .client_list .item {  width: calc(100% / 4);}
	
}
@media (max-width: 1024px){	
	
	
	.footer_div .top_div .outer{ display:block;}
	.footer_div .top_div .outer .col01{ width:100%; margin-bottom:20px;}
	.footer_div .top_div .outer .col02{ width:100%;}
	.footer_div .top_div .outer .col01 .logo_div{ width:48%;}
	.footer_div .top_div .outer .col01 .store_list{ width:48%;}
	.footer_div .top_div .outer .google_map{ width: 100%;}
	.footer_div .top_div .outer .company{ width: 100%; padding: 15px ;}
	.footer_div .top_div .outer .company .info{ padding-left: 0;}
}
@media (max-width: 992px){	
	.body_detail .main{ margin-top: 62px;}
	.toggle_btn{ display:block;}	
	.header_div .nav_menu{ display:none;}	
	.header_div .brand img{ height:42px;}
	.scroll .header_div .brand img{ height:42px;}
	.scroll .header_div .brand {  padding: 10px 10px;}
	
	.product_detail_div .outer{ display:block;}
	.product_detail_div .outer .left_div{ width: 100%; margin-bottom: 20px; padding-right: 0;}
	.product_detail_div .outer .right_div{ width: 100%;}
	
	.detail_div .outer .client_list .item {  width: calc(100% / 3);}
	
}
@media (max-width: 960px){
	.home_module .block_01 .outer{ display:block;}
	.home_module .block_01 .outer .col01{ padding:30px 15px; width:100%;}
	.home_module .block_01 .outer .col01 .info{ padding-left:0; padding-right:0; max-width:100%;}
	.home_module .block_01 .outer .col01 .more{ padding-left:0;}
	.home_module .block_01 .outer .col02{ width:100%;}
	.home_module .block_02 .outer{ display:block;}
	.home_module .block_02 .outer .col01{ padding:30px 15px; width:100%;}
	.home_module .block_02 .outer .col02{ width:100%;}	
	
	.home_module .block_03{ padding:40px 0;}
	.home_module .block_03 .outer{ display:block;}
	.home_module .block_03 .outer .col01{ width:100%;padding:0px 15px;}
	
	.footer_div .top_div .outer{ display:block;}
	.footer_div .top_div .outer .google_map{ width:100%;}
	.footer_div .top_div .outer .company{ width:100%;padding:30px 15px;}
	.footer_div .top_div .outer .company .info{ padding-left:0;}
}
@media (max-width: 900px){
	.body_detail .header_banner{ height: 35vw;}
	.detail_div .outer .img_list.three_items{ display:block; margin-left: 0px;  margin-right:0px;}
	.detail_div .outer .img_list.three_items .item{ width: 100%; padding: 10px 0;}
	.detail_div .outer .certificate_list{ display:block; }
	.detail_div .outer .certificate_list .item{ width: 100%; padding: 10px 0; text-align: center;}
	.page_mobileform.body_detail .form-section .company_list{ display: block;}
	.page_mobileform.body_detail .form-section .company_list .item{ width: 100%; margin: 0 0 30px 0;}
	
}
@media (max-width: 768px){
	.wrap > .minner {
		padding-left: 0;
		padding-right: 0;
	}
	
}
@media (max-width: 767px){
	.product_detail_div .outer .right_div .table_scroller table{ width: 900px !important; }
	.product_detail_div .outer .right_div .table_scroller table td{ font-size: 13px; padding:5px 3px;}
	.product_detail_div .outer .right_div .table_scroller table tr td:first-child{font-size: 15px;}
}
@media (max-width: 700px){
	.slider_web{ display:none;}
	.slider_mobile{ display:block;}
	
	.slider_div .slogan{ left:0; bottom:22px; text-align:left; width:100vw; max-width:100%;}
	
	.detail_div .outer .client_list .item {  width: calc(100% / 2);}
}
@media (max-width: 640px){
	
	.detail_div{ padding: 15px 0;}
	.detail_div .outer h3 { font-size: 24px;}
	.detail_div .outer .step_list{ display: block;	}
	.detail_div .outer .step_list .item{ width: calc(100% - 32px);margin: 30px 15px;}
	.detail_div .outer .step_list .item:before,.detail_div .outer .step_list .item:nth-child(4):before, .detail_div .outer .step_list .item:nth-child(5):before {
		
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 15px 8px 0 8px;
		border-color: #1a2731 transparent transparent transparent;
		position: absolute;
		right: auto;
		top: auto;
		left:calc(50% - 8px);
		bottom: -10px;
		-webkit-animation-duration: 1s;
		animation-duration: 1s;
		-webkit-animation-fill-mode: both;
		animation-fill-mode: both;
		-webkit-animation-iteration-count: infinite;
		animation-iteration-count: infinite;
		-webkit-animation-name: down;
		animation-name: down;
		transition: 0.3s ease-in-out;   
	}
	.detail_div .outer .step_list .item:nth-child(3n+3):before{display: block;}
	.detail_div .outer .step_list .item:last-child:before{display: none;}
	.detail_div .outer .step_list .item:nth-child(4){ margin: 30px 15px;}
	.detail_div .outer .step_list .item:nth-child(6){ margin: 30px 15px;}
	.detail_div .outer .certificate_list .item img{max-height: initial;}
	.detail_div .table_outer table td{ font-size: 14px;}
	.home_module .block_02 .outer .client_list .item{ width:50%; padding:10px 0;}
	.home_module .block_03 .outer .col01 h3{ font-size:30px;}
	
}

@media (max-width: 480px){
	.home_module .block p{ font-size:14px;}
	.home_module .block_01 .outer .col01 .info p{ font-size:16px;}
	.footer_div .top_div .outer .company p{ font-size:14px;}
	.body_detail .header_banner .info h3{ font-size:28px;}
}