@charset "utf-8";
/* CSS Document */
body{ 
	margin:0;
	padding:0;
	font-size:13px;	
	font-family: '微軟正黑體', sans-serif;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    text-rendering: optimizeLegibility;
	letter-spacing:1px;
	color:#505050;
}
a{ text-decoration:none;}
input:focus,
select:focus,
textarea:focus,
button:focus {
    outline: none;
	font-family: '微軟正黑體', sans-serif;
}
button,.btn{transition: 0.5s ease;}
button:hover,.btn:hover{ opacity:0.6;}
button,select{ cursor:pointer; font-family: '微軟正黑體', sans-serif;}
h1,h2,h3,h4,h5,h6,p{ margin:0; padding:0;}
.toggle_btn{ display:none; border:none; background:none; padding:0; width:28px; height:30px; position:fixed; top:25px; right:20px; transition: 0.5s ease; z-index:999; }
.toggle_btn:hover{
	
	cursor:pointer;
}

::-webkit-input-placeholder {  color: #C8C8C8;}
:-ms-input-placeholder { color:  #C8C8C8;}
::placeholder {  color:  #C8C8C8;}

.toggle_btn div{ position:relative; }
.toggle_btn span{ display:block; width:100%; height:3px; background:#000; margin:5px 0;transition: 0.5s ease;}
.toggle_btn b{ display:block; color:#9fa1a0;}
.toggle_btn:hover span{ background:#4C0092;}
.active .toggle_btn{ z-index:999;}
.active .toggle_btn b{ display:none;}
.active .toggle_btn span{ background: #fff;}
.active .toggle_btn span:nth-child(1){ transform: rotate(-45deg);}
.active .toggle_btn span:nth-child(2){ transform: rotate(-135deg);    position: absolute; top: 9px;}
.active .toggle_btn span:nth-child(3){ display:none;}
.hide{ display:none;}

.mobile_navi{ display:none; overflow:hidden;    z-index: 998; position:fixed; left:0; top:0; width:100%;}
.active .mobile_navi{ display:block;}
.mobile_navi .site_logo{ display:block; text-align:center; margin:30px 0;}
.mobile_navi .site_logo img{ width:160px;}
.mobile_navi ul{ margin:50px 0 0 0; padding:0;}
.mobile_navi ul li{ display:block; text-align:center;}
.mobile_navi ul li .sub_menu{ display:none; background:rgba(0,0,0,0.4); color:#fff; padding:15px; text-align:left;}
.mobile_navi ul li .sub_menu a{ padding:10px; font-size:16px; }
.mobile_navi ul li:hover .sub_menu{ display:block;}
.mobile_navi ul li a{ text-align:center; font-size:20px; color:#fff; padding:10px 10px; display:block; transition: 0.5s ease;}
.mobile_navi ul li a:hover{
	-ms-transform: scale(1.05, 1.05); /* IE 9 */
    -webkit-transform: scale(1.05, 1.05); /* Safari */
    transform: scale(1.05, 1.05);
	cursor:pointer;
	color:#6ea7fb;
}
.mobile_navi ul li a img{ height:30px;}
.mobile_navi ul li.faq .sub_menu .links_div .item:first-child{ margin-bottom:20px; }
.mobile_navi ul li.faq .sub_menu .links_div .item h3{ text-align:center; font-size: 17px;  color: #cc9cf5; border-bottom:2px solid #cc9cf5; padding-bottom:5px; margin-bottom:10px;}
.mobile_navi ul li.faq .sub_menu .links_div .item a{ font-size:15px; padding:0;}
.mobile_nav_active #mobile-nav{ display:block; z-index:998; position:fixed; left:0; top:0; width:100%; height:100vh; overflow-y:auto}
#mobile-body-overly{ display:none; position:fixed; left:0; top:0; width:100%; height:100vh; background:rgba(0,0,0,0.8); z-index:997; border:none;}
.active #mobile-body-overly{ display:block;}
.popup_active #mobile-body-overly{ display:block;}


.header_div{
	background:#fff;
	-webkit-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	-moz-box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	box-shadow: 0px 1px 1px 0px rgba(0,0,0,0.1);
	position:fixed;
	top:0;
	left:0;
	width:100%;
	z-index:2;
}
.header_div .outer{ padding:0 15px; display:flex;flex-wrap:wrap; justify-content: space-between;align-items: center; max-width:1180px; margin:0 auto;}
.header_div .outer .col01 .brand a{ display:inline-block;}
.header_div .outer .col01 .brand a img{ height:86px;transition: 0.5s ease;}
.scroll .header_div .outer .col01 .brand a img{ height:65px;}

.header_div .outer .col02 .navi_div ul{ margin:0; padding:0; list-style:none;display: flex; align-items: center;}
.header_div .outer .col02 .navi_div ul li{ display:inline-block; position:relative;}
.header_div .outer .col02 .navi_div ul li a{ position:relative; display:inline-block; border-top:6px solid #fff; font-size:20px; padding:33px 45px 47px 45px; color:#333333; transition: 0.5s ease;}
.scroll .header_div .outer .col02 .navi_div ul li a{ padding-top:20px; padding-bottom:34px;}
.header_div .outer .col02 .navi_div ul li a:hover{color:#4d8afa; border-top:6px solid #4d8afa;  }

.header_div .outer .col02 .navi_div ul li.active a{ color:#333; border-top:6px solid #4d8afa;  }
.header_div .outer .col02 .navi_div ul li.active a:before{ content:''; position:absolute; left:0; top:0; height:100%; width:0.5px; background:#cacaca;}
.header_div .outer .col02 .navi_div ul li.active a:after{ content:''; position:absolute; right:0.5px; top:0; height:100%; width:0.5px; background:#cacaca;}
.header_div .outer .col02 .navi_div ul li:first-child a{color:#4d8afa;}
.main_div{ margin-top:113px; position:relative; z-index:1; }
.main_div .header_slider{ position:relative; margin-bottom:25px;}
.main_div .header_slider .owl-carousel{ position:relative;}
.main_div .header_slider .owl-carousel .owl-stage-outer{ position:relative; z-index:1;}
.main_div .header_slider .item{ position:relative;}
.main_div .header_slider .item img{ width:100%;}
.main_div .header_slider .item .info{ position:absolute; left:0; top:0; width:100%; height:100%; text-align:center; display:flex; flex-wrap:wrap; align-items:center;    justify-content: center;}
.main_div .header_slider .item .info h1{ font-size:72px; color:#fff; margin-bottom:40px;}
.main_div .header_slider .item .info p{ font-size:22px; color:#fff; margin-bottom:35px;}
.main_div .header_slider .item .info p.add_border{ margin-bottom:0;}
.main_div .header_slider .item .info p.add_border b{ font-size:20px; color:#fff; display:inline-block; border:1px solid #fff; padding:10px 75px;}
.main_div .header_slider .owl-dots{ text-align:center; margin-top:-40px;position:relative; z-index:2;}
.main_div .header_slider .owl-dots .owl-dot{background:rgba(0,0,0,0.4);border:2px solid transparent; width:14px; height:14px ;border-radius:50px; margin:0 5px;}
.main_div .header_slider .owl-dots .owl-dot.active{ border:2px solid #fff;}

.main_div .outer .title{ text-align:center; position:relative; padding:30px 0; }
.main_div .outer .title .tw{font-size:32px; color:#6ea7fb; position:relative; z-index:2; letter-spacing:3px;}
.main_div .outer .title .eng{font-size:60px; color:#f2f5fc; position:absolute; left:0; top:-0.1em; width:100%; height:100%; z-index:1;display:flex; flex-wrap:wrap; align-items:center;    justify-content: center;}



.main_div .block_about_us{ padding:60px 0;}
.main_div .block_about_us .outer{max-width:1180px; margin:0 auto; padding:0 15px;}
.main_div .block_about_us .outer .two_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px;}
.main_div .block_about_us .outer .two_item .col{ width:48%; font-size:18px; color:#505050; position:relative;}
.main_div .block_about_us .outer .two_item .col img{ width:100%;}
.main_div .block_about_us .outer .two_item .col .info .box{display:flex; flex-wrap:wrap; align-items:center;    justify-content: center; width: 100%; margin-top:-15%;}
.main_div .block_about_us .outer .two_item .col .info .box .item{ width:calc(100% / 3); color:#fff; text-align:center;}
.main_div .block_about_us .outer .two_item .col .info .box .item h3{ font-size:22px; position:relative; padding-bottom:20px;}
.main_div .block_about_us .outer .two_item .col .info .box .item h3:after{ content:''; position:absolute; left:calc(50% - 15px); width:30px; height:2px; background:#fff; bottom:10px;}
.main_div .block_about_us .outer .two_item .col .info .box .item p{ font-size:16px;}
.main_div .block_about_us .outer .two_item .col .info h4{ font-weight:400; display: flex; align-items: center; margin-bottom:1em; position:relative;}
.main_div .block_about_us .outer .two_item .col .info h4 i{ width:280px; height:1px; background:#333; display:inline-block; margin-left:5px;}
.main_div .block_about_us .outer .two_item .col .info img{ width:inherit;}
.main_div .block_about_us .outer .two_item .col:nth-child(1){display:flex; flex-wrap:wrap; align-items:center;    justify-content: center;}
.main_div .block_about_us .outer .two_item .col:nth-child(1) .info{ position:absolute; left:0; toP:0; width:100%; height:100%;display:flex; flex-wrap:wrap;}
.main_div .block_about_us .outer .two_item .col:nth-child(1) .info .img{ height:75px;display: flex; justify-content: center;align-items: flex-end; margin-bottom:25px;}
.main_div .block_about_us .outer .two_item .col:nth-child(1) .info .img img{ height: min-content; width: min-content;}
.main_div .block_about_us .outer .two_item .col:nth-child(2) .info{text-indent: 2em;}
.main_div .block_about_us .outer .two_item .col:nth-child(2) .info p{ margin-bottom:2em;}

.main_div .block_product{ padding:60px 0;}
.main_div .block_product .outer{max-width:1180px; margin:0 auto;  padding:0 15px;}
.main_div .block_product .outer .owl-carousel .item{ position:relative;}
.main_div .block_product .outer .owl-carousel .item .sub_title{ position:absolute; left:0; bottom:0; width:100%; font-size:22px; padding:20px 0; text-align:center; color:#fff; background:rgba(0,0,0,0.6);}
.main_div .block_product .outer .owl-carousel .item .info{ display:none; position:absolute; left:0; width:100%; top:0; height:100%; background:rgba(38,95,223,0.9);}
.main_div .block_product .outer .owl-carousel .item:hover .info{ display:block;}
.main_div .block_product .outer .owl-carousel .owl-nav button { width:40px; height:40px; position:absolute; top:50%;}
.main_div .block_product .outer .owl-carousel .owl-nav button span{ display:none;}
.main_div .block_product .outer .owl-carousel .owl-nav button.owl-prev{ background:url(../images/slider_arrow_left.png) center no-repeat; left:-80px;}
.main_div .block_product .outer .owl-carousel .owl-nav button.owl-prev:hover{ opacity:1; background:url(../images/slider_arrow_left_blue.png) center no-repeat; }
.main_div .block_product .outer .owl-carousel .owl-nav button.owl-next{ background:url(../images/slider_arrow_right.png) center no-repeat; right:-80px;}
.main_div .block_product .outer .owl-carousel .owl-nav button.owl-next:hover{ opacity:1;background:url(../images/slider_arrow_right_blue.png) center no-repeat; }

.main_div .block_product .outer .sub-owl-carousel .item{ padding-right:10px;display: flex; align-items: center;}
.main_div .block_product .outer .sub-owl-carousel .item h3{ font-size:28px; color:#fff; text-align:center; margin-top:20%;}
.main_div .block_product .outer .sub-owl-carousel .item ul{ font-size:16px; color:#fff;}
.main_div .block_product .outer .sub-owl-carousel .item ul li{ margin-bottom:1em;}

.main_div .block_product .outer .sub-owl-carousel .owl-dots{ text-align:center;}
.main_div .block_product .outer .sub-owl-carousel .owl-dots .owl-dot span{ display:inline-block; width:6px; height:6px; margin:0 5px; border-radius:50px; background:rgba(255,255,255,0.4);}
.main_div .block_product .outer .sub-owl-carousel .owl-dots .owl-dot.active span{ display:inline-block; width:6px; height:6px; border-radius:50px; background:rgba(255,255,255,1);}


.main_div .block_service:before{ content:''; position:absolute; left:20px; bottom:30px; width:18vw; height:18vw; background:url(../images/contact_bg_001.png) center no-repeat; background-size:100% auto;}
.main_div .block_service:after{ content:''; position:absolute; right:0; bottom:20px; width:21vw; height:34.7vw; background:url(../images/contact_bg_002.png) center no-repeat; background-size:100% auto;}

.body_home .main_div .block_service:before{ content:''; position:absolute; left:0; bottom:0; background:url(../images/home_service_bg_001.png) center no-repeat; background-size:100% auto; width:9.2vw; height:24.8vw;}
.body_home .main_div .block_service:after{ content:''; position:absolute; right:0; top:-50px; background:url(../images/home_service_bg_002.png) center no-repeat; background-size:100% auto; width:6.9vw; height:27.7vw;}

.main_div .block_service{ padding:60px 0; position:relative;}

.main_div .block_service .outer{max-width:1180px; margin:0 auto; padding:0 15px; position:relative;}
.main_div .block_service .outer .two_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px;}
.main_div .block_service .outer .two_item .col{ width:calc(47% - 100px);border:1px solid #d2d2d2; border-radius:8px; color:#666666; font-size:20px; padding:50px;}
.main_div .block_service .outer .two_item .col ul{ margin-left:0; padding-left:1em;}
.main_div .block_service .outer .two_item .col:nth-child(1){ border-color:#5380ff;color:#2c67e8;}
.main_div .block_service .outer .two_item .sub_title h3{ color:#666; font-size:36px; display: flex; align-items: center;}
.main_div .block_service .outer .two_item .col:nth-child(1) .sub_title h3{ color:#4a7cee;}
.main_div .block_service .outer .two_item .sub_title h3 img{ margin-right:30px;}

.main_div .header_banner{ position:relative;}
.main_div .header_banner img{ width:100%;}
.main_div .header_banner .info{ position:absolute; left:0; top:0; width:100%; height:100%;display: flex; align-items: center;justify-content: center; text-align:center;}
.main_div .header_banner .info h1{ font-size:72px; color:#fff;}
.main_div .header_banner .info p{ color:#f2f5fc; font-size:48px; opacity:0.4;}


.main_div .block_organization{ background:url(../images/about_bg_001.png) right center no-repeat #fafafa;padding:60px 0; background-size:23.9vw auto;}
.main_div .block_organization .outer{max-width:1180px; margin:0 auto; padding:0 15px; text-align: center;}
.main_div .block_organization .outer .chart{ display:inline-block; font-size:24px; text-align:center; margin:30px auto;}
.main_div .block_organization .outer .chart h3{ font-size:24px;}
.main_div .block_organization .outer .chart .place{display:flex; flex-wrap:wrap; justify-content: space-between; font-weight:800;}

.main_div .block_contact{ position:relative;  padding:90px 0 70px 0; background:#fafafa;}
.main_div .block_contact:before{ content:''; position:absolute; left:20px; bottom:30px; width:18vw; height:18vw; background:url(../images/contact_bg_001.png) center no-repeat; background-size:100% auto;}
.main_div .block_contact:after{ content:''; position:absolute; right:0; bottom:20px; width:21vw; height:34.7vw; background:url(../images/contact_bg_002.png) center no-repeat; background-size:100% auto;}
.main_div .block_contact .outer{max-width:1180px; margin:0 auto; padding:0 15px; text-align: center; position:relative; z-index:10;}
.main_div .block_contact .outer .form_keyin .item{ margin-bottom:20px;}
.main_div .block_contact .outer .form_keyin .item .box{ border-radius:4px; background:#fff; display:flex; flex-wrap:wrap; align-items:center; font-size:12px; padding:0 15px;}
.main_div .block_contact .outer .form_keyin .item textarea{border-radius:4px; background:#fff; width:calc(100% - 30px); padding:15px;font-size:12px; border:none; min-height:220px;}
.main_div .block_contact .outer .form_keyin .item.action{ text-align:right;}
.main_div .block_contact .outer .form_keyin .item.action input{ border:none; border-radius:0; font-size:18px; padding:15px 35px; color:#fff; cursor:pointer;}
.main_div .block_contact .outer .form_keyin .item.action input[type='reset']{ background:#666666;font-family: '微軟正黑體', sans-serif !important; }
.main_div .block_contact .outer .form_keyin .item.action input[type='submit']{ background:#2c67e8;font-family: '微軟正黑體', sans-serif !important; }
.main_div .block_contact .outer .form_keyin .item .box label{ display:inline-block; flex: 0 1 auto; padding:15px 0;}
.main_div .block_contact .outer .form_keyin .item .box input{ border:0; border-radius:0;flex: 1;padding:15px 0; margin-left:10px;}
.main_div .block_contact .outer .form_keyin .item .two_item{ display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; }
.main_div .block_contact .outer .form_keyin .item .two_item .col{ width:49%;}
.main_div .block_contact .outer .form_keyin .item .two_item .col01{ width:200px;}
.main_div .block_contact .outer .form_keyin .item .two_item .col02{ width:calc(100% - 220px);}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu{flex: 1; position:relative;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu button{ padding:0; border:none; border-radius:0; background:none;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu button div{ display:flex; flex-wrap:wrap; align-items:center; justify-content: space-between; font-weight:400;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu button i{ display:inline-block; background:url(../images/icon_arrow_down_gray.png) center no-repeat; width:13px; height:13px; margin-left:10px;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu .list_item{ 
	display:none;
	position: absolute;
    max-height: 300px;
    overflow-y: auto;
    background: #fff;   
    width: 100%;
    z-index: 111;
	padding:10px 0;

}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu .list_item .item{ margin-bottom:0;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu .list_item .container{ padding:5px 8px;display:block;}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu .list_item .container input {
  position: absolute;
  opacity: 0;
  cursor: pointer;
}
.main_div .block_contact .outer .form_keyin .item .drop_down_menu .list_item .item .container input:checked ~ .checkmark {
  color:#231815;
}

.main_div .block_customer{ padding:60px 0; position:relative;}

.main_div .block_customer .outer{max-width:1180px; margin:0 auto; padding:0 15px;}
.main_div .block_customer .outer .two_item{display:flex; flex-wrap:wrap; justify-content: space-between; margin-top:50px;}
.main_div .block_customer .outer .two_item .col{ width:calc(47% - 100px);border:1px solid #d2d2d2; border-radius:8px; color:#666666; font-size:20px; padding:50px;}
.main_div .block_customer .outer .two_item .col:nth-child(1){ border-color:#5380ff;color:#2c67e8;}
.main_div .block_customer .outer .two_item .sub_title h3{ color:#666; font-size:36px; display: flex; align-items: center;}
.main_div .block_customer .outer .two_item .col:nth-child(1) .sub_title h3{ color:#4a7cee;}
.main_div .block_customer .outer .two_item .sub_title h3 img{ margin-right:30px;}
.main_div .block_customer .outer .two_item .company_list{ display:flex;flex-wrap: wrap;}
.main_div .block_customer .outer .two_item .company_list .item{ width:calc(100% / 3);}
.main_div .block_customer .outer .two_item .company_list .item ul{margin-left:0; padding-left:1em; font-size:20px;}
.main_div .block_customer .outer .two_item .company_list .item ul li{ margin-bottom:1em; }


.main_div .block_porduct_list{ padding:60px 0; position:relative;}
.main_div .block_porduct_list.sub_block02{ background:#fafafa;}
.main_div .block_porduct_list.sub_block04{ background:#fafafa;}
.main_div .block_porduct_list.sub_block06{ background:#fafafa;}
.main_div .block_porduct_list.sub_block06 h3{ margin-top:1em; margin-bottom:0.3em;}
.main_div .block_porduct_list .outer{max-width:1180px; margin:0 auto; padding:0 15px;}
.main_div .block_porduct_list .outer .sub_title{ text-align:center; margin-bottom:50px;}
.main_div .block_porduct_list .outer .sub_title h3{ color:#4a7cee; font-size:32px;}
.main_div .block_porduct_list .outer .info_list{ display:flex; flex-wrap:wrap;justify-content: space-between; margin-bottom:15px;}
.main_div .block_porduct_list .outer img.fix_margin_top{ margin-top:-1em;}
.main_div .block_porduct_list .outer .info_list .item{ width:48%; font-size:18px; color:#333;}
.main_div .block_porduct_list .outer .img_list{ display:flex;justify-content: space-between;}
.main_div .block_porduct_list .outer .img_list img{ max-width:100%;}
.main_div .block_porduct_list .outer .two_item{ display:flex;justify-content: space-between;}
.main_div .block_porduct_list .outer .two_item .col{width:49%; font-size: 18px;   color: #333;}
.main_div .block_porduct_list .outer .two_item .col img{ max-width:100%;}
.main_div .block_porduct_list .outer .two_item .col ul{ margin:0; padding-left:1em;}

.main_div .block_porduct_list .outer .two_item.reverse .col:nth-child(1){ margin-left:51%; margin-right:-100%;}
.main_div .block_porduct_list .outer .two_item.reverse .col:nth-child(2){margin-right: 51%;}

.footer_div .top_div{display:flex; flex-wrap:wrap; position:relative;}
.footer_div .top_div .col{ width:50%; position:relative;}
.footer_div .top_div .col:nth-child(1){ background:url(../images/footer_bg_blue.jpg) center no-repeat; background-size:cover; width:calc(50% - 160px); padding:90px 80px; text-align:right; position:relative; z-index:2;}
.footer_div .top_div .col:nth-child(2){ position:relative; z-index:1;}
.footer_div .top_div .col .company_list{ color:#fff; font-size:12px;}
.footer_div .top_div .col .company_list .item{ margin-bottom:50px;}
.footer_div .top_div .col .company_list .item:last-child{ margin-bottom:0;}
.footer_div .top_div .col .company_list h3{ font-size:16px;}
.footer_div .top_div .col .map{ position:absolute; left:0; top:0; height:100%; width:100%;}
.footer_div .top_div .col .map iframe{ width:100%; height:100%;}
.footer_div .top_div .col .icon_list{ position: absolute; right:-41px; width:84px; top:0; height:100%;display: flex; align-items: center; justify-content: center; flex-direction: column;}
.footer_div .top_div .col .icon_list .item{ width:84px; height:84px; margin:18px 0; border-radius:100px; background:rgba(255,255,255,0.4);display: flex; align-items: center; justify-content: center;}
.footer_div .top_div .col .icon_list .item b{width:70px; height:70px; border-radius:100px; background:rgba(255,255,255,1);  display: flex; align-items: center; justify-content: center;}
.footer_div .bottom_div{ background:#393939; color:#fff; font-size:12px; text-align:center; padding:20px;}


.goto{ position:fixed; right:0; bottom:15vh; z-index: 10;}

@media screen and (max-width: 1366px){	
	.main_div .block_customer .outer .two_item .col{     width: calc(47% - 80px); padding:40px;}
	.main_div .block_product .outer .owl-carousel .owl-nav button.owl-prev{left: -50px}
	.main_div .block_product .outer .owl-carousel .owl-nav button.owl-next{ right:-50px;}
}
@media screen and (max-width: 1340px){	
	.header_div .outer .col02 .navi_div ul li a{ padding: 33px 2.5vw 47px 2.5vw;}
	.main_div .block_product .outer .slider{ width:calc(100% - 100px); margin:0 auto;}
}

@media screen and (max-width: 1140px){	
	.main_div .block_porduct_list .outer .img_list .item{ padding:10px}
}
@media screen and (max-width: 1024px){
	
}
@media screen and (max-width: 992px){	
	.header_div .outer .col02{ display:none;}
	.toggle_btn{ display:block;}
	.header_div .outer .col01 .brand{ padding:10px 0;}
	.header_div .outer .col01 .brand a img{ height:55px;}
	.scroll .header_div .outer .col01 .brand a img{ height:55px;}
	.main_div{ margin-top:75px;}
}
@media screen and (max-width: 920px){	

	.main_div .header_slider .item .info h1{ font-size:36px; margin-bottom:0.5em;}
	.main_div .header_slider .item .info p{ font-size:16px; margin-bottom:1em;}
	.main_div .header_slider .item .info p.add_border b{font-size:16px;}
	.main_div .header_slider .item .info p.add_border b{ padding:5px 20px;}
	
	.main_div .header_banner .info h1{ font-size:48px;}
	.main_div .header_banner .info p{ font-size:36px;}
	
	.main_div .block_about_us .outer .two_item{ display:block; margin-top:20px;}
	.main_div .block_about_us .outer .two_item .col{ width:100%;}
	
	
	.main_div .block_service:after{ bottom:auto; top:0;}
	.main_div .block_service .outer .two_item{ display:block;}
	.main_div .block_service .outer .two_item .col{ width: calc(100% - 60px); padding:30px;}
	.main_div .block_service .outer .two_item .col:first-child{ margin-bottom:30px;}
	
		.main_div .block_customer .outer .two_item{ display:block;}
	.main_div .block_customer .outer .two_item .col{ width: calc(100% - 60px); padding:30px;}
	.main_div .block_customer .outer .two_item .col:first-child{ margin-bottom:30px;}
	
	.main_div .block_about_us{ padding:20px 0;}
	.main_div .block_product{ padding:20px 0;}
	.main_div .block_service{ padding:20px 0;}
	.main_div .block_organization{ padding:20px 0;}
	.main_div .block_porduct_list{ padding:20px 0;}
	.main_div .block_contact{ padding:40px 0;}
	
	.main_div .block_porduct_list .outer .sub_title{ margin-bottom:20px;}
	.main_div .block_porduct_list .outer .sub_title h3{ font-size:26px;}
	.main_div .block_porduct_list .outer .info_list .item{ font-size:16px;}
	.main_div .block_porduct_list .outer .two_item .col{ font-size:16px;}
	
	.main_div .block_porduct_list .outer .two_item{ display:block;}
	.main_div .block_porduct_list .outer .two_item .col{ width:100%;}
	.main_div .block_porduct_list .outer .two_item .col:nth-child(1){ margin-bottom:20px;}
	.main_div .block_porduct_list .outer .two_item.reverse .col:nth-child(1){ margin-left:0; margin-right:0;}
	.main_div .block_porduct_list .outer .two_item.reverse .col:nth-child(2){ margin-right:0;}
	.main_div .block_porduct_list .outer .two_item .col ul{ padding-left:1.5em;}
	
	.main_div .block_contact:after{ bottom:auto; top:0;}	
	.main_div .block_contact .outer .form_keyin .item .two_item .col{ width:100%;}
	.main_div .block_contact .outer .form_keyin .item .two_item .col:first-child{ margin-bottom:20px;}
	
	
	.footer_div .top_div{ display:block;}
	.footer_div .top_div .col:nth-child(1){  width:calc(100% - 60px); padding:30px 30px 80px 30px; text-align:center;}
	.footer_div .top_div .col:nth-child(2){ width:100%;}
	.footer_div .top_div .col .company_list .item{ margin-bottom:20px;}
	.footer_div .top_div .col .icon_list{ left:0; right:auto; bottom:-41px; width:100%; top:auto; height:82px; flex-direction: initial;}
	.footer_div .top_div .col .icon_list .item{ margin:0 30px;}
	.footer_div .top_div .col .map{ height:30vh;}
}



@media screen and (max-width: 768px){	
	.main_div .outer .title .tw{ font-size:28px;}
	.main_div .outer .title .eng{ font-size:48px;}
}
@media screen and (max-width: 640px){	

	.main_div .header_banner .info h1{ font-size:36px;}
	.main_div .header_banner .info p{ font-size:20px;}

	.main_div .block_about_us .outer .two_item .col .info .box{ margin-top:-8%;}
	.main_div .block_about_us .outer .two_item .col:nth-child(1) .info .img{ height:40px; margin-bottom:10px;}
	.main_div .block_about_us .outer .two_item .col:nth-child(1) .info .img img{ width:auto; height:100%;}
	.main_div .block_about_us .outer .two_item .col .info .box .item h3{ font-size:17px;}
	.main_div .block_about_us .outer .two_item .col .info .box .item p{ font-size:12px;}
	.main_div .block_about_us .outer .two_item .col:nth-child(2) .info{ font-size:16px;}
	.main_div .block_about_us .outer .two_item .col .info h4 i{ width:120px;}
	.main_div .block_service .outer .two_item .col:nth-child(1) .sub_title h3{ font-size:28px;}
	.main_div .block_service .outer .two_item .col{ font-size:16px;}
	
	.main_div .block_customer .outer .two_item .sub_title{ margin-bottom:1em;}
	.main_div .block_customer .outer .two_item .sub_title h3{ font-size:28px;}	
	.main_div .block_customer .outer .two_item .company_list .item{ width:50%;}
	.main_div .block_customer .outer .two_item .company_list .item ul{ font-size:16px; margin:0;}		
	.main_div .block_customer .outer .two_item .company_list .item ul li{ margin-bottom:0.5em;}
	.main_div .block_product .outer .owl-carousel .item .sub_title{ font-size:17px;}
	.main_div .block_product .outer .sub-owl-carousel .item h3{ font-size:17px; margin-top:15%;}
	.main_div .block_product .outer .sub-owl-carousel .item ul{ font-size:13px;}
	
	.main_div .block_organization .outer .chart{ font-size:18px;}
	.main_div .block_organization .outer .chart h3{ font-size:18px;}
	.main_div .block_organization .outer .chart .place{ margin-left:-7vw; margin-right:-7vw;}
	
	.main_div .block_porduct_list .outer .info_list .item{ width:100%;}
	.main_div .block_porduct_list .outer .info_list .item ul{ margin:0;}
	
}
@media screen and (max-width: 600px){	
	.main_div .block_product .outer .sub-owl-carousel .item h3{ margin-top:25vw;}
	.main_div .block_contact .outer .form_keyin .item .two_item .col01{ width:100%; margin-bottom:20px;}
	.main_div .block_contact .outer .form_keyin .item .two_item .col02{ width:100%;}
}
@media screen and (max-width: 480px){	
	.header_div .outer .col01 .brand a img{ height:45px;}
	.scroll .header_div .outer .col01 .brand a img{ height:45px;}
	.main_div{ margin-top:65px;}
	.toggle_btn { top:20px;}
	.main_div .header_slider .item .info h1{ font-size:28px; margin-bottom:5px;}
	.main_div .header_slider .owl-dots{ margin-top:10px;}
	.main_div .header_slider .owl-dots .owl-dot.active {
		background: #6ea7fb;
		border: none;
	}
	.main_div .header_slider .owl-dots .owl-dot{border: none;	}
	.main_div .block_organization .outer .chart{ font-size:15px;}
	.main_div .block_organization .outer .chart h3{ font-size:15px;}
	.main_div .block_porduct_list .outer .sub_title h3{ font-size:22px;}
	.main_div .block_contact .outer .form_keyin .item .box{ display:block;padding:15px;}
	.main_div .block_contact .outer .form_keyin .item .box label{ display:block; text-align:left; padding:0;}
	.main_div .block_contact .outer .form_keyin .item .box input{flex: none; margin-left:0; width:100%; padding:0; margin-top:10px;}
	.main_div .block_contact .outer .form_keyin .item .two_item.phone .box{ display:flex;}
	.main_div .block_contact .outer .form_keyin .item .two_item.phone .box input{flex:1; margin-top:0;}
	.main_div .block_contact .outer .form_keyin .item textarea{ min-height:150px;}
	.main_div .block_contact .outer .form_keyin .item.action{ text-align:center;}
	.footer_div .top_div .col .icon_list .item{ margin:0 15px;}
}