@charset "utf-8";
/* CSS Document */

@import url("reset.css");
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600&display=swap');
@import url('https://fonts.googleapis.com/css?family=Oswald&display=swap');

body{
	font-family:'Open Sans','微軟正黑體';
	font-size:16px;
	color:#333333;
	-webkit-text-size-adjust:none;
}

.webout{
	max-width:2000px;
	margin:0 auto;
    position:relative;
	overflow:hidden;
}

.out{
	max-width:1200px;
	margin:0 auto;
	padding:0 20px;
	position:relative;
}

input[type="button"],
input[type="submit"]{
	-webkit-appearance:none;
}

/*HOME-----------------------------------------*/

/*HOME_BANNER-----------------*/
.home .banner img{
	display:none;
}

.home .banner .swiper-slide{
	background-position:top center;
	background-repeat:none;
}

.home .banner .swiper-slide a{
	display:block;
	height:593px;
}

.home .banner .swiper-pagination{
	text-align:left;
	max-width:820px;
	left:50%;
	bottom:35px;
	-webkit-transform:translateX(-50%);
	transform:translateX(-50%);
}

.home .banner .swiper-pagination-bullet{
	background:#FFFFFF;
	width:12px;
	height:12px;
	border-radius:50%;
	opacity:0.4;
	margin:0 7px !important;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.home .banner .swiper-pagination-bullet-active{
	opacity:1;
}

/*HOME_S1-----------------*/
.home .s1{
	background:url(../images/home_s1_bg.png) top center no-repeat;
	padding-bottom:40px;
	position:relative;
}

.home .s1:after{
	content:"";
	position:absolute;
	left:0;
	bottom:15px;
	width:100%;
	height:2px;
	background:#E4E4E4;
}

.home .s1 .top{
	font-size:32px;
	text-align:center;
	line-height:1.3em;
	font-weight:300;
	padding:65px 0 50px;
}

.home .s1 ul{
	text-align:center;
}

.home .s1 ul li{
	display:inline-block;
	vertical-align:top;
	padding:0 40px;
	border-right:#CCE3FB 2px solid;
}

.home .s1 ul li:last-child{
	border-right:none;
}

.home .s1 ul li .image{
	display:inline-block;
	width:140px;
	height:140px;
	border:#b2c9d9 10px solid;
	border-radius:50%;
}

.home .s1 ul li .image img{
	width:100%;
}

.home .s1 ul li p{
	line-height:1.3em;
	font-weight:bold;
	padding:30px 0;
}

@media only screen and (max-width:1100px){
	.home .s1 ul{
		max-width:800px;
		margin:0 auto;
	}
	
	.home .s1 ul li{
		width:200px;
		border-right:none;
		margin-bottom:20px;
	}
}

/*HOME_S2-----------------*/
.home .s2{
	background:#E4E4E4;
	text-align:center;
	padding:65px 0 35px;
}

.home .s2 .out{
	padding:0 10px;
}

.home .s2 .out:after{
	content:"";
	position:absolute;
	top:18px;
	left:0;
	width:100%;
	height:3px;
	background:#2E3368;
}

.home .s2 h2{
	font-size:32px;
	font-weight:300;
	padding-bottom:40px;
	position:relative;
	z-index:1;
}

.home .s2 h2 span{
	background:#E4E4E4;
	display:inline-block;
	padding:0 0.5em;
}

/*HOME_S2_TAG*/
.home .s2 .tag{
	white-space:nowrap;
	margin-bottom:80px;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
}

.home .s2 .tag li{
	display:inline-block;
	padding:5px 0;
}

.home .s2 .tag li a{
	display:block;
	min-width:130px;
	padding:0 10px;
	background:#6A6A6A;
	color:#FFFFFF;
	line-height:40px;
}

.home .s2 .tag li.active,
.home .s2 .tag li.active a{
	background:#4c799a;
}

/*HOME_S2_SWITCH_INFO*/
.home .s2 .switch_info li,
.product .s1 li{
	display:inline-block;
	width:90%;
	max-width:275px;
	margin:0 10px 50px;
	margin-bottom:50px;
}

.home .s2 .switch_info li a,
.product .s1 li a{
	display:block;
	background:#4c799a;
	padding-bottom:7px;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.home .s2 .switch_info li:hover a,
.product .s1 li:hover a{
	background:#176197;
}

.home .s2 .image,
.product .s1 .image{
	background:#FFFFFF;
	position:relative;
	width:100%;
	padding-bottom:75%;
	border-bottom:#E4E4E4 7px solid;
}

.home .s2 .switch_info li img,
.product .s1 .image img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.home .s2 .switch_info li p,
.product .s1 li p{
	line-height:1.3em;
	height:2.6em;
	color:#FFFFFF;
	font-weight:bold;
	margin-top:7px;
	padding:0 10px;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

/*HOME_S3-----------------*/
.home .s3{
	background:#F7F7F7;
	text-align:center;
	padding:65px 0 35px;
}

.home .s3 .out{
	padding:0 10px;
}

.home .s3 .out:after{
	content:"";
	position:absolute;
	top:18px;
	left:0;
	width:100%;
	height:3px;
	background:#2E3368;
}

.home .s3 h6{
	font-size:32px;
	font-weight:300;
	padding-bottom:40px;
	position:relative;
	z-index:1;
}

.home .s3 h6 span{
	background:#F7F7F7;
	display:inline-block;
	padding:0 0.5em;
}

.home .s3 ul{
	font-size:0;
}

.home .s3 li{
	display:inline-block;
	width:90%;
	max-width:23%;
	margin:0 1% 50px;
}

.home .s3 .image{
	width:100%;
	padding-bottom:75%;
	position:relative;
}

.home .s3 li img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

.home .s3 li .image:after{
	content:"";
	position:absolute;
	bottom:-20px;
	left:5%;
	background:#187BB8;
	width:90%;
	height:2px;
}

.home .s3 li p{
	font-size:16px;
	background:#FFFFFF;
	margin:10px 10% 0;
	padding:20px 10px 10px;
	white-space:nowrap;
	text-overflow:ellipsis;
	overflow:hidden;
}

@media only screen and (max-width:1000px){
	.home .s3 ul{
		max-width:800px;
		margin:0 auto;
	}
	
	.home .s3 li{
		width:90%;
		max-width:275px;
		margin:0 10px 50px;
	}
}

/*HOME_S4-----------------*/
.home .s4{
	background:url(../images/home_s4_bg.png) top center no-repeat;
	height:423px;
}

.home .s4 .out{
	max-width:1080px;
}

.home .s4 h3{
	position:absolute;
	top:120px;
	left:20px;
	font-size:32px;
	font-weight:400;
}

.home .s4 .text{
	padding:120px 0 0 220px;
	text-align:center;
}

.home .s4 p{
	font-size:17px;
	line-height:1.5em;
	height:4.5em;
	text-align:left;
	margin-bottom:70px;
	display:-webkit-box;
	-webkit-line-clamp:3;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

.home .s4 a{
	display:inline-block;
	width:100px;
	font-size:13px;
	color:#333333;
	padding:10px 0;
	text-align:center;
	border:#A5A5A5 2px solid;
	border-radius:3px;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.home .s4 a:hover{
	width:120px;
}

/*PRODUCT-----------------------------------------*/

/*PRODUCT_MENU_PD-----------------*/
.menu_pd{
    position:absolute;
    top:301px;
    left:0;
    width:100%;
	text-align:center;
	font-size:18px;
	font-weight:400;
	color:#666666;
	background:#FFFFFF;
}

.menu_pd .link{
	display:inline-block;
	position:relative;
	z-index:1;
}

.menu_pd .link:after{
	content:"";
	position:absolute;
	top:1.4em;
	right:0.5em;
	border-style:solid;
	border-width:6px 3px 0 3px;
	border-color:#666666 transparent transparent transparent;
    -webkit-transition:0.2s;
    transition:0.2s;
}

.menu_pd .link:hover:after{
	border-color:#566586 transparent transparent transparent;
}

.menu_pd .link:first-child:after{
	display:none;
}

.menu_pd .link > a{
	display:inline-block;
	padding:1em 1.5em;
	cursor:pointer;
	color:#666666;
    -webkit-transition:0.2s;
    transition:0.2s;
}

.menu_pd .link:hover > a{
	color:#566586;
    background:#F0F0F0;
}

.menu_pd .link:first-child > a{
	padding:1em;
}

.menu_pd .link ul{
	position:absolute;
	left:0;
	border:#B3B3B3 1px solid;
	border-top:#1A7CBF 2px solid;
	display:none;
}

.menu_pd .link ul a{
	display:block;
	color:#333333;
	text-align:left;
	min-width:100px;
	padding:0.8em 2em 0.8em 1em;
	white-space:nowrap;
	background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF),to(#E7E7E7));
	background:linear-gradient(#FFFFFF,#E7E7E7);
}

.menu_pd .link ul a:hover{
	color:#FFFFFF;
	background:#666666;
}

/*PRODUCT_S1-----------------*/
.product.page_in .area,
.product_in .area{
    margin-top:54px;
}

.product.page_in .s1{
	padding:0;
}

.product .s1 .area2,
.product_in .s1 .area2{
	display:inline-block;
	font-family:'Oswald','微軟正黑體';
	font-size:39px;
	text-align:left;
	padding:35px 0 10px;
	border-bottom:#cb0000 3px solid;
	margin:0 0 50px 10px;
}

.product .s1 ul{
	text-align:center;
}

/*PRODUCT_IN-----------------------------------------*/
.product_in .s1 .out{
	padding:50px 0 90px;
}

.product_in .s1 .box{
	max-width:1100px;
	margin:0 auto;
	background:#F3F3F3;
	position:relative;
	overflow:hidden;
}

.product_in .s1 .slider_out{
	position:relative;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
	padding:0 10%;
}

/*PRODUCT_IN_S1-----------------*/
.product_in .s1{
	background:#E4E4E4;
}

/*PRODUCT_IN_LEFT*/
.product_in .s1 .left_pd{
	width:50%;
	float:left;
	background:#FFFFFF;
	height:556px;
	position:relative;
}

.product_in .s1 .left_pd img{
	width:100%;
}

.product_in .s1 .lSSlideWrapper{
	margin-bottom:10%;
}

.product_in .s1 .lSPager li{
	position:relative;
}

.product_in .s1 .lSPager li.active:after{
	content:"";
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:rgba(136,136,136,0.2);
	pointer-events:none;
}

.product_in .s1 .lSSlideOuter .lSPager.lSGallery li.active,
.product_in .s1 .lSSlideOuter .lSPager.lSGallery li:hover{
    border-radius:0;
}

.product_in .lSSlideOuter .lSPager.lSGallery{
	margin:0 auto;
}

.product_in .s1 .gotout{
	width:10%;
	padding-bottom:12.7%;
	position:absolute;
	bottom:0;
}

.product_in .s1 .gotout.prev{
	left:0;
}

.product_in .s1 .gotout.next{
	right:0;
}

.product_in .s1 #goToPrevSlide,
.product_in .s1 #goToNextSlide{
	position:absolute;
	left:50%;
	top:50%;
	width:20px;
	height:20px;
	cursor:pointer;
	margin:-10px 0 0 -10px;
}

.product_in .s1 #goToPrevSlide:after,
.product_in .s1 #goToNextSlide:after{
	content:"";
	position:absolute;
	top:3px;
	padding:6px;
	border-color:#666666;
	border-style:solid;
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.product_in .s1 #goToPrevSlide:after{
	left:5px;
	border-width:0 0 2px 2px;
}

.product_in .s1 #goToNextSlide:after{
	right:5px;
	border-width:2px 2px 0 0;
}

/*PRODUCT_IN_RIGHT*/
.product_in .s1 .right_pd{
	width:50%;
	height:556px;
	float:right;
	position:relative;
}

.product_in .s1 .right_pd .text{
	padding:50px;
}

.product_in .s1 .right_pd h1{
	font-size:26px;
	line-height:1.2em;
	padding-bottom:0.5em;
	border-bottom:#CCCCCC 1px solid;
	position:relative;
}

.product_in .s1 .right_pd h1:after{
	content:"";
	position:absolute;
	bottom:-2px;
	left:0;
	height:1px;
	width:100%;
	background:#FFFFFF;
}

.product_in .s1 .right_pd .model{
	font-size:26px;
	font-weight:bold;
	padding-bottom:0.3em;
}

.product_in .s1 .right_pd p{
	font-size:18px;
	line-height:1.5em;
	margin:1em 0;
	max-height:300px;
	overflow:auto;
}

.product_in .s1 .right_pd .text .bt{
	position:absolute;
	left:50px;
	bottom:50px;
	width:230px;
	background:#1759A2;
	text-align:center;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	line-height:50px;
	border-radius:5px;
	cursor:pointer;
	-webkit-box-shadow:0 2px #213954;
	box-shadow:0 2px #213954;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.product_in .s1 .right_pd .text .bt:hover{
	background:#11467F;
	-webkit-box-shadow:0 2px #182A3E;
	box-shadow:0 2px #182A3E;
}

/*PRODUCT_IN_FORM*/
.product_in .s1 .right_pd .form{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	border-left:#F3F3F3 1px solid;
	background:#FFFFFF;
	-webkit-transform:translateX(100%);
	transform:translateX(100%);
	-webkit-transition:0.3s;
	transition:0.3s;
}

.product_in .s1 .right_pd.active .form{
	-webkit-transform:translateX(0%);
	transform:translateX(0%);
}

.product_in .s1 .right_pd .form .title{
	position:absolute;
	top:25px;
	left:30px;
	font-size:18px;
	font-weight:bold;
	padding-left:10px;
}

.product_in .s1 .right_pd .form .title:before{
	content:"";
	position:absolute;
	top:50%;
	left:0;
	border-style:solid;
	border-width:5px 0 5px 5px;
	border-color:transparent transparent transparent #182E52;
	margin-top:-5px;
}

.product_in .s1 .right_pd .form .close{
	position:absolute;
	top:0;
	right:0;
	width:38px;
	height:38px;
	background:#1759A2;
	cursor:pointer;
}

.product_in .s1 .right_pd .form .close:before,
.product_in .s1 .right_pd .form .close:after{
	content:"";
	position:absolute;
	top:50%;
	right:0;
	height:2px;
	width:38px;
	background:#FFFFFF;
	-webkit-transition:0.3s;
	transition:0.3s;
}

.product_in .s1 .right_pd .form .close:before{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.product_in .s1 .right_pd .form .close:after{
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.product_in .s1 .right_pd .form .close:hover:before{
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

.product_in .s1 .right_pd .form .close:hover:after{
	-webkit-transform:rotate(45deg);
	transform:rotate(45deg);
}

.product_in .s1 .right_pd .form .table{
	width:80%;
	margin:0 auto;
	padding-top:70px;
}

.product_in .s1 .right_pd .form .td{
	padding:5px;
	vertical-align:middle;
}

.product_in .s1 .right_pd .form .td:first-child{
	width:90px;
}

.product_in .s1 .right_pd input[type="text"],
.product_in .s1 .right_pd textarea{
	font-size:16px;
	width:100%;
	height:38px;
	background:#F2F2F2;
	border:0;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset;
	box-shadow:2px 2px 2px rgba(0,0,0,0.1) inset;
}

.product_in .s1 .right_pd textarea{
	height:60px;
}

.product_in .s1 .right_pd .captcha input[type="text"]{
	width:calc(100% - 125px);
	margin-right:7px;
}

.product_in .s1 .right_pd .captcha img{
	vertical-align:middle;
}

.product_in .s1 .right_pd .nofill input[type="text"]{
	border:#CC0000 2px solid;
}

.product_in .s1 .right_pd .nofill textarea{
	border:#CC0000 2px solid;
}

.product_in .s1 .right_pd input[type="submit"]{
	width:143px;
	height:38px;
	background:#1759A2;
	border:0;
	font-size:15px;
	color:#FFFFFF;
	cursor:pointer;
	margin:10px 0 20px;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.product_in .s1 .right_pd input[type="submit"]:hover{
	background:#11467F;
}

/*PRODUCT_IN_S2-----------------*/
.product_in .s2 .tag{
	margin:-45px 0 0;
}

.product_in .s2 .tag li{
	display:inline-block;
	width:160px;
}

.product_in .s2 .tag li a{
	display:block;
	line-height:45px;
	font-size:18px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background:#999999;
	position:relative;
}

.product_in .s2 .tag li.active a{
	color:#1759A2;
	background:#FFFFFF;
}

.product_in .s2 .tag li.active a:after{
	content:"";
	position:absolute;
	left:0;
	bottom:0;
	width:100%;
	height:4px;
	background:#1759A2;
}

.product_in .s2 .switch_info{
	padding:25px 35px;
	line-height:1.5em;
	font-size:18px;
	color:#000000;
}

.product_in .s2 .switch_info img{
	max-width:100%;
	height:auto !important;
}

.product_in .s2 .switch_info td{
	padding:10px;
}

/*COMPANY-----------------------------------------*/
.company{
	background:#E4E4E4;
}

.company .s1 .box,
.download .box,
.contact .box{
	max-width:1035px;
	margin:0 auto;
	background:#FFFFFF;
	min-height:510px;
	position:relative;
}

.company .s1 .text{
	padding:50px 325px 50px 50px;
}

.pagein_title{
	font-size:32px;
	font-weight:normal;
	position:relative;
	padding-bottom:25px;
	margin-bottom:1em;
	border-bottom:#CCCCCC 1px solid;
}

.pagein_title:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:5em;
	height:1px;
	background:#4365B4;
}

.company .s1 p{
	font-size:18px;
	line-height:1.5em;
}

.company .s1 ul{
	position:absolute;
	top:0;
	right:0;
}

.company .s1 ul li{
	width:280px;
}

.company .s1 ul li img{
	width:100%;
}

/*DOWNLOAD-----------------------------------------*/
.download .box,
.contact .box{
	padding:50px;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.download .s1 li{
	width:49%;
	float:left;
	margin-bottom:15px;
}

.download .s1 li:nth-child(odd){
	margin-right:2%;
}

.download .s1 li a,
.download_in h1{
	display:block;
	font-size:18px;
	color:#333333;
	line-height:1.3em;
	font-weight:bold;
	padding:1em 100px 1em 1.5em;
	background:-webkit-gradient(linear,left top, left bottom,from(#F8F8F8),to(#CDDDE9));
	background:linear-gradient(#F8F8F8,#CDDDE9);
	position:relative;
}

.download .s1 li a:after,
.download_in h1:after{
	content:"";
	position:absolute;
	top:1.2em;
	right:20px;
	width:60px;
	height:40px;
	background:url(../images/download_icon.png);
	background-size:100% auto;
}

.download .s1 li a:hover{
	color:#FFFFFF;
	background:-webkit-gradient(linear,left top, left bottom,from(#4EA5E3),to(#1E7BC0));
	background:linear-gradient(#4EA5E3,#1E7BC0);
}

.download .s1 li a:hover:after{
	background-position:center;
}

.download .s1 li a div,
.download_in li a div{
	height:2.6em;
	display:-webkit-box;
	-webkit-line-clamp:2;
	-webkit-box-orient:vertical;
	overflow:hidden;
}

/*DOWNLOAD_IN-----------------*/
.download_in + .page_number{
	margin-top:-20px;
}

.download_in h1{
	font-size:23px;
	margin-bottom:50px;
}

.download_in h1:after{
	background-position:bottom;
}

.download_in h1 div{
	padding-top:10px;
	height:auto;
	min-height:1.8em;
}

.download_in li{
	width:48%;
	float:left;
	margin-bottom:30px;
}

.download_in li:nth-child(odd){
	margin-right:4%;
}

.download_in li a{
	display:block;
	font-size:18px;
	line-height:1.3em;
	font-weight:bold;
	color:#333333;
	padding-bottom:1em;
	border-bottom:#E0E0E0 1px solid;
	position:relative;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.download_in li a:after{
	content:"";
	position:absolute;
	right:0;
	bottom:1em;
	width:30px;
	height:30px;
	background:url(../images/download_in.png);
	background-size:100% auto;
}

.download_in li a div{
	border-left:#CCCCCC 3px solid;
	padding:0 50px 0 10px;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.download_in li a:hover{
	color:#1E7BC0;
	border-bottom:#227FC3 1px solid;
}

.download_in li a:hover:after{
	background-position:bottom;
}

.download_in li a:hover div{
	border-left:#1E7BC0 3px solid;
}

/*KNOWLEDGE-----------------------------------------*/
.knowledge .download_in li a:after{
	width:27px;
	height:27px;
	background:url(../images/knowledge_zoom.png) no-repeat;
	background-size:100% auto;
}

.knowledge .download_in li a:hover:after{
	background-position:bottom;
}

.knowledge .download_in li a span{
	display:block;
	font-size:14px;
	color:#999999;
	font-weight:normal;
	border-left:#CCCCCC 3px solid;
	padding-left:10px;
	transition:0.2s;
}

.knowledge .download_in li a:hover span{
	border-left:#1E7BC0 3px solid;
}

.knowledge .download_in li a div{
	height:3.9em;
	-webkit-line-clamp:3;
}

.knowledge .knowledge_info .top{
	font-size:30px;
	position:relative;
	border-bottom:#CCCCCC 1px solid;
	padding-bottom:0.8em;
	margin-bottom:0.8em;
}

.knowledge .knowledge_info .top:after{
	content:"";
	position:absolute;
	left:0;
	bottom:-1px;
	width:5em;
	height:1px;
	background:#4365B4;
}

.knowledge .knowledge_info h1{
	line-height:1.2em;
	padding-bottom:0.8em;
	position:relative;
}

.knowledge .knowledge_info .date{
	font-size:16px;
	color:#999999;
	font-weight:bold;
}

.knowledge .knowledge_info .date span{
	color:#1E7BC0;
	padding-right:1em;
}

.knowledge .knowledge_info .text{
	font-size:18px;
	line-height:1.7em;
}

.knowledge .knowledge_info .text img{
	max-width:100%;
	height:auto !important;
}

/*CONTACT-----------------------------------------*/
.contact .s1 ul{
	margin-bottom:30px;
}

.contact .s1 li{
	width:49%;
	float:left;
	font-size:18px;
	line-height:1.3em;
	padding:12px 0 12px 100px;
	border-bottom:#EBEBEB 1px solid;
	position:relative;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
}

.contact .s1 li:nth-child(odd){
	margin-right:2%;
}

.contact .s1 li:nth-last-child(-n+2){
	border-bottom:none;
}

.contact .s1 li:before{
	content:"";
	position:absolute;
	top:6px;
	left:0;
	width:3px;
	height:35px;
	background:#1E7BC0;
}

.contact .s1 li span{
	position:absolute;
	left:10px;
}

/*COMMON--------------------------------------------------------------------*/
article{
    margin-top:79px;
}

.banner_in{
	height:222px;
	background-position:top center;
	background-repeat:no-repeat;
}

.banner_in img{
	display:none;
}

.page_in{
	background:#E4E4E4;
}

.page_in .s1,
.page_in .download_in,
.page_in .knowledge_info{
	padding:70px 0;
}

/*HEADER-----------------------------------------*/
header{
	position:absolute;
	left:0;
	top:0;
	width:100%;
	z-index:1000;
	background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF),to(#EAEAEA));
	background:linear-gradient(#FFFFFF,#EAEAEA);
	padding-top:20px;
	border-bottom:#FFFFFF 1px solid;
}

/*HEADER_LOGO-----------------*/
header .logo{
	position:absolute;
	top:-14px;
	left:20px;
	display:inline-block;
	width:70%;
	max-width:290px;
}

header .logo img{
	width:100%;
}

header .mb,
header .mb_bt{
	display:none;
}

/*HEADER_MENU-----------------*/
header .pc .menu{
	float:right;
	font-size:18px;
	font-weight:400;
	padding-right:150px;
	position:relative;
}

header .pc .menu:after{
	content:"";
	position:absolute;
	top:-4px;
	left:0;
	right:-400px;
	height:4px;
	background:#4365B4;
}

header .pc .menu .search_pd{
	display:none;
}

header .pc .menu .link{
	display:inline-block;
	vertical-align:top;
	position:relative;
}

header .pc .menu .link > a,
header .pc .menu .link > span{
	display:block;
	padding:20px 1em;
	color:#333333;
	cursor:pointer;
	-webkit-transition:0.2s;
	transition:0.2s;
}

header .pc .menu .link:hover > a,
header .pc .menu .link:hover > span{
	color:#000066;
	background:#CCE3FB;
}

header .pc .menu .sub{
	position:absolute;
	left:0;
	top:58px;
	border:#B3B3B3 1px solid;
	display:none;
}

/*header .pc .menu .link:hover .sub,*/
header .pc .menu .lang.active .sub{
	display:block;
}

header .pc .menu .sub li{
	min-width:100px;
	white-space:nowrap;
	text-align:left;
	background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF),to(#E7E7E7));
	background:linear-gradient(#FFFFFF,#E7E7E7);
}

header .pc .menu .link .sub > li{
	padding:0.8em 1em;
	position:relative;
	cursor:pointer;
}

header .pc .menu .sub ul{
	position:absolute;
	top:-1px;
	left:100%;
	border:#B3B3B3 1px solid;
	display:none;
}

header .pc .menu .sub > li:hover ul{
	display:block;
}

header .pc .menu .link .sub ul a,
header .pc .menu .lang .sub a{
	display:block;
	min-width:100px;
	padding:0.8em 1em;
}

header .pc .menu .link .sub > li:hover,
header .pc .menu .link .sub li li:hover,
header .pc .menu .lang .sub li:hover{
	background:#666666;
}

header .pc .menu .link .sub li li a,
header .pc .menu .lang .sub li a{
	color:#333333;
}

header .pc .menu .link .sub > li:hover span,
header .pc .menu .link .sub li li:hover a,
header .pc .menu .lang .sub li:hover a{
	color:#FFFFFF;
}

/*HEADER_LANG-----------------*/
header .pc .menu .lang{
	position:absolute;
	top:0;
	right:0;
	display:inline-block;
	vertical-align:top;
	padding:10px 0 13px;
	cursor:pointer;
}

header .pc .menu .lang span{
	display:inline-block;
	font-size:14px;
	color:#666666;
	text-align:center;
	width:130px;
	height:35px;
	line-height:35px;
	background:url(../images/header_lang.png) left 1em center no-repeat, -webkit-gradient(linear,left top, left bottom,from(#F1F1F1),color-stop(#FFFFFF),to(#FFFFFF));
	background:url(../images/header_lang.png) left 1em center no-repeat, linear-gradient(#F1F1F1,#FFFFFF,#FFFFFF);
	background-size:20px,auto;
	border-radius:20px;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
	-webkit-transition:0.2s;
	transition:0.2s;
}

header .pc .menu .lang:hover span{
	color:#375395;
}

@media only screen and (max-width:1200px){
	/*HEADER_MENU-----------------*/
	header .pc .menu{
		padding-right:140px;
	}
	
	header .pc .menu .link > a,
	header .pc .menu .link > span{
		font-size:16px;
		padding:21px 0.4em;
	}
}

/*SEARCH_PD-----------------------------------------*/
.search_pd{
	width:230px;
	position:relative;
}

.search_pd input[type="text"]{
	-webkit-appearance:none; /*Chrome*/
    border:none;
    background:#FFFFFF;
    padding:10px 35px 10px 10px;
    font-size:16px;
    color:#000000;
    border-radius:5px;
	width:100%;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
	box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
}

.search_pd input[type="submit"]{
	width:35px;
	height:100%;
	border:0;
	background:url(../images/zoom_icon.png) center no-repeat;
	background-size:17px;
	position:absolute;
	top:0;
	right:0;
	cursor:pointer;
}

.search_title{
	font-size:26px;
	font-weight:bold;
	padding:30px 0 50px 10px;
}

/*AREA-----------------------------------------*/
.area{
	padding-top:25px;
	background:#E4E4E4;
}

.area li{
	display:inline-block;
	position:relative;
	padding:0 20px;
}

.area li:after{
	content:">";
	position:absolute;
	top:50%;
	right:-0.5em;
	margin-top:-0.5em;
}

.area li:last-child:after{
	display:none;
}

.area li:first-child{
	padding-left:35px;
}

.area li:last-child{
	padding-right:0;
	color:#1759A2;
}

.area li:first-child:before{
	content:"";
	position:absolute;
	top:50%;
	left:12px;
	width:10px;
	height:3px;
	background:#1759A2;
	margin-top:-1px;
}

.area a{
	color:#333333;
}

.area a:hover{
	text-decoration:underline;
}

/*TABLE-----------------------------------------*/
.table{
    display:table;
}

.tr{
    display:table-row;
}

.td{
    display:table-cell;
}

.scroll_tb{
	width:100%;
	overflow-x:auto;
}

.bookmark{
	position:absolute;
	top:-70px;
}
/*PAGE_NUMBER-----------------------------------------*/
.page_number{
	text-align:center;
	padding-bottom:50px;
	background:#E4E4E4;
}

/*PAGE_NUMBER_PC-----------------*/
.page_number .pc li{
	height:35px;
	line-height:35px;
	display:inline-block;
	vertical-align:middle;
}

.page_number .pc li.total_page span{
	display:inline-block;
	background:#000000;
	color:#FFFFFF;
	padding:0 1em;
}

.page_number .pc li a{
	display:block;
	width:35px;
	height:35px;
	text-align:center;
	color:#FFFFFF;
	background:#B5B5B5;
	position:relative;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.page_number .pc li a:hover{
	opacity:0.8;
}

.page_number .pc li.active a{
	background:#1E7BC0;
}

.page_number .pc li.first_page a:before,
.page_number .pc li.prev_page a:before{
	content:"";
	position:absolute;
	top:12px;
	left:17px;
	padding:4px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px 0 0 2px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page_number .pc li.first_page a,
.page_number .pc li.last_page a{
	background:#484848;
}

.page_number .pc li.prev_page a,
.page_number .pc li.next_page a{
	background:#7D7D7D;
}

.page_number .pc li.first_page a:after{
	content:"";
	position:absolute;
	top:10px;
	left:12px;
	height:14px;
	width:2px;
	background:#FFFFFF;
}

.page_number .pc li.prev_page a:after{
	content:"";
	position:absolute;
	top:12px;
	left:11px;
	padding:4px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:2px 0 0 2px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page_number .pc li.next_page a:before,
.page_number .pc li.last_page a:before{
	content:"";
	position:absolute;
	top:12px;
	left:8px;
	padding:4px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0 2px 2px 0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page_number .pc li.last_page a:after{
	content:"";
	position:absolute;
	top:10px;
	right:12px;
	height:14px;
	width:2px;
	background:#FFFFFF;
}

.page_number .pc li.next_page a:after{
	content:"";
	position:absolute;
	top:12px;
	right:11px;
	padding:4px;
	border-color:#FFFFFF;
	border-style:solid;
	border-width:0 2px 2px 0;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page_number .pc .search_page label{
	display:inline-block;
	background:#FFFFFF;
	padding:0 0.5em;
}

.page_number .pc .search_page input[type="text"]{
	border:0;
	height:30px;
	font-size:16px;
	width:3em;
	outline:0;
}

.page_number .pc .search_page input[type="submit"]{
	border:0;
	height:35px;
	background:#000000;
	color:#FFFFFF;
	position:relative;
	top:-1px;
	cursor:pointer;
}

/*PAGE_NUMBER_MB-----------------*/
.page_number .mb{
	display:none;
}

.page_number .mb li{
	display:inline-block;
	vertical-align:middle;
	font-size:18px;
	line-height:35px;
}

.page_number .mb select{
	cursor:pointer;
	padding:0px 10px;
}

.page_number .mb li.page_select{
	height:35px;
	padding:0 25px 0 15px;
	position:relative;
	top:1px;
}

.page_number .mb li.page_select .select_box{
	display:inline-block;
	height:35px;
}

.page_number .mb a{
	display:inline-block;
	width:35px;
	height:35px;
	vertical-align:middle;
	background:#7D7D7D;
	position:relative;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.page_number .mb a:hover{
	background:#444444;
}

.page_number .mb li.page_prev a:after,
.page_number .mb li.page_next a:after{
	content:"";
	position:absolute;
	top:13px;
	border-style:solid;
	border-color:#FFFFFF;
	border-width:0px 3px 3px 0px;
	padding:3px;
}

.page_number .mb li.page_prev a:after{
	right:11px;
	-webkit-transform:rotate(135deg);
	transform:rotate(135deg);
}

.page_number .mb li.page_next a:after{
	left:11px;
	-webkit-transform:rotate(-45deg);
	transform:rotate(-45deg);
}

.page_number .mb select{
	-webkit-appearance:none;
	-moz-appearance:none;
	appearance:none;
	border:none;
	font-size:23px;
	color:#333333;
	font-weight:bold;
	background:none;
	position:relative;
	top:-2px;
	outline:0;
	-webkit-transition:0.2s;
	transition:0.2s;
}

.page_number .mb option{
	color:#333333;
}

.page_number .mb li .select_box:hover select{
	color:#367DBC;
}

/*PAGETOP-----------------------------------------*/
body a.pagetop{
	display:none;
	width:45px;
	height:45px;
	border-radius:50%;
	z-index:500;
	background:#626262;
	opacity:0.8;
	position:relative;
	-webkit-transition:opacity 0.2s;
	transition:opacity 0.2s;
}

body a.pagetop:hover{
	opacity:1;
}

body a.pagetop:after{
	content:"";
	border:solid #FFFFFF;
	border-width:0px 2px 2px 0px;
	padding:6px;
	display:inline-block;
	position:absolute;
	top:55%;
	left:50%;
	-webkit-transform:rotate(-135deg) translate(-50%,-50%);
	transform:rotate(-135deg) translate(-50%,-50%);
	-webkit-transform-origin:left top;
	transform-origin:left top;
}

/*FOOTER-----------------------------------------*/
footer{
	background:#666666;
	padding:1em 0;
}

footer ul{
	font-size:14px;
	line-height:1.3em;
	color:#FFFFFF;
}

footer .text2{
    position:absolute;
    top:0;
    right:20px;
}

footer .text2 a{
    color:#FFFFFF;
    -webkit-transition:0.2s;
    transition:0.2s;
}

footer .text2 a:hover{
    opacity:0.8;
}

footer ul .search_pd{
	position:absolute;
	right:95px;
	top:50%;
	-webkit-transform:translateY(-50%);
	transform:translateY(-50%);
}

/*MOBILE----------------------------------------------------------------------------*/
@media only screen and (max-width:1000px){
	/*HOME-----------------------------------------*/
	
	/*HOME_BANNER-----------------*/
	.home .banner img{
		display:block;
		width:100%;
	}
	
	.home .banner .swiper-slide{
		background:none !important;
	}
	
	.home .banner .swiper-slide a{
		height:auto;
	}
	
	.home .banner .swiper-pagination{
		text-align:center;
		max-width:none;
		left:0;
		bottom:20px;
		-webkit-transform:none;
		transform:none;
	}
	
	/*HOME_S4-----------------*/
	.home .s4{
		background:none;
		height:380px;
		text-align:center;
	}
	
	.home .s4 h3{
		position:static;
		padding-top:50px;
	}
	
	.home .s4 .text{
		padding:20px 0 0;
	}
	
	/*PRODUCT-----------------------------------------*/
	
	/*PRODUCT_MENU_PD-----------------*/
	.menu_pd{
		display:none;
	}
	
	/*PRODUCT_S1-----------------*/
	.product .s1 .area2,
	.product_in .s1 .area2{
		font-size:28px;
	}
	
	/*PRODUCT_IN-----------------------------------------*/
	.product_in .s1 .slider_out{
		top:0;
		-webkit-transform:none;
		transform:none;
	}
	
	/*PRODUCT_IN_S1-----------------*/
	
	.product_in .s1 .out{
		max-width:600px;
	}
	
	/*PRODUCT_IN_LEFT*/
	.product_in .s1 .left_pd,
	.product_in .s1 .right_pd{
		width:auto;
		float:none;
		height:auto;
	}
	
	.product_in .s1 .left_pd{
		padding-bottom:20px;
	}
	
	.product_in .s1 .right_pd .text{
		padding:50px 20px;
	}
	
	.product_in .s1 .right_pd .text .bt{
		position:static;
	}
	
	.product_in .s1 .right_pd p{
		max-height:none;
	}
	
	/*PRODUCT_IN_FORM*/
	.product_in .s1 .right_pd .form{
		position:relative;
		border-left:none;
		-webkit-transform:none;
		transform:none;
		max-height:0px;
		overflow:hidden;
	}
	
	.product_in .s1 .right_pd.active .form{
		max-height:600px;
	}
	
	/*PRODUCT_IN_S2-----------------*/
	.product_in .s2 .tag{
		text-align:center;
		margin:-45px -20px 0;
	}
	
	.product_in .s2 .tag li{
		width:23%;
	}
	
	.product_in .s2 .tag li a{
		font-size:calc(12px + 0.3vw);
	}
	
	.product_in .s2 .switch_info{
		padding:50px 0;
	}
	
	/*COMPANY-----------------------------------------*/
	.page_in .s1,
	.page_in .download_in,
	.page_in .knowledge_info{
		padding:35px 0 70px;
	}
	
	.company .s1 .box,
	.download .box,
	.contact .box{
		min-height:0;
	}
	
	.company .s1 .text{
		padding:50px 20px;
	}
	
	.company .s1 ul{
		position:static;
	}
	
	.company .s1 ul li{
		width:33.33%;
		float:left;
	}
	
	/*DOWNLOAD-----------------------------------------*/
	.download .box,
	.contact .box{
		padding:50px 20px;
	}
	
	.download .s1 li,
	.download_in li,
	.contact .s1 li{
		width:auto;
		float:none;
	}
	
	.download .s1 li:nth-child(odd),
	.download_in li:nth-child(odd),
	.contact .s1 li:nth-child(odd){
		margin-right:0;
	}
	
	.download .s1 li a,
	.download_in h1{
		font-size:16px;
		padding:1em;
	}
	
	.download .s1 li a:after,
	.download_in h1:after{
		display:none;
	}
	
	/*DOWNLOAD_IN-----------------*/
	.download_in h1 div{
		padding-top:0;
		min-height:0;
	}
	
	.download_in li a{
		font-size:16px;
	}
	
	.download_in li a:after{
		top:0;
		bottom:auto;
		width:15px;
		height:15px;
	}
	
	.download_in li a div{
		padding:0 25px 0 10px;
		height:auto;
		display:block;
	}
	
	/*KNOWLEDGE-----------------------------------------*/
	.knowledge .download_in li a:after{
		top:0;
		bottom:auto;
		width:15px;
		height:15px;
	}
	
	.knowledge .download_in li a div{
		padding:0 25px 0 10px;
		height:auto;
		display:block;
	}
	
	.knowledge .knowledge_info .top{
		font-size:26px;
	}
	
	/*CONTACT-----------------------------------------*/
	.contact .s1 li{
		font-size:16px;
		padding:12px 0 12px 85px;
		word-break:break-all;
	}
	
	/*COMMON--------------------------------------------------------------------*/
	article{
		margin-top:70px;
	}
	
	.banner_in{
		height:auto;
		background-image:none !important;
	}
	
	.banner_in img{
		display:block;
		width:100%;
	}
	
	/*HEADER-----------------------------------------*/
	header{
		position:fixed;
		padding-top:0;
		height:auto;
	}
	
	header nav{
		height:70px;
	}
	
	header .mb,
	header .mb_bt{
		display:block;
	}
	
	/*HEADER_LOGO-----------------*/
	header .logo{
		position:absolute;
		top:50%;
		-webkit-transform:translateY(-50%);
		transform:translateY(-50%);
	}
	
	header .mb,
	header .mb_bt{
		display:block;
	}
	
	header .mb_bt{
		position:absolute;
		top:50%;
		right:20px;
		width:40px;
		height:40px;
		margin-top:-20px;
		text-align:left;
		cursor:pointer;
	}
	
	header .mb_bt span{
		height:2px;
		width:40px;
		background:#000000;
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		margin:auto;
		-webkit-transition:0.3s;
		transition:0.3s;
		display:block;
	}
	
	header .mb_bt span:before{
		content:"";
		height:2px;
		width:40px;
		position:absolute;
		background:#000000;
		-webkit-transition:0.3s;
		transition:0.3s;
		top:-10px;
		right:0;
	}
	
	header .mb_bt span:after{
		content:"";
		height:2px;
		width:40px;
		position:absolute;
		background:#000000;
		-webkit-transition:0.3s;
		transition:0.3s;
		top:10px;
		right:0;
	}
	
	header .mb_bt:hover span,
	header .mb_bt:hover span:before,
	header .mb_bt:hover span:after{
		width:35px;
	}
	
	header .mb_bt.active span:before{
		width:40px;
		top:0;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
	}
	
	header .mb_bt.active span:after{
		width:40px;
		top:0;
		-webkit-transform:rotate(-45deg);
		transform:rotate(-45deg);
	}
	
	header .mb_bt.active:hover span{
		width:40px;
		-webkit-transform:rotate(-90deg);
		transform:rotate(-90deg);
	}
	
	header .mb_bt.active span{
		background:none;
	}
	
	/*HEADER_MENU-----------------*/
	header .pc{
		display:none;
	}
	
	header .mb{
		position:fixed;
		top:70px;
		bottom:0;
		left:0;
		width:100%;
		overflow-y:auto;
		background:#F7F7F7;
		-webkit-transform:translateX(100%);
		transform:translateX(100%);
		-webkit-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
		-webkit-overflow-scrolling:touch;
	}

	header .mb.active{
		-webkit-transform:translateX(0);
		transform:translateX(0);
	}
	
	header .mb .menu{
		margin:40px 40px 100px;
		text-align:right;
	}
	
	/*HEADER_LANG-----------------*/
	header .mb .menu .lang{
		position:relative;
		display:inline-block;
		text-align:left;
		margin-bottom:10px;
	}
	
	header .mb .menu .lang span{
		display:inline-block;
		font-size:14px;
		color:#666666;
		text-align:center;
		width:130px;
		height:35px;
		line-height:35px;
		background:url(../images/header_lang.png) left 1em center no-repeat, -webkit-gradient(linear,left top, left bottom,from(#F1F1F1),color-stop(#FFFFFF),to(#FFFFFF));
		background:url(../images/header_lang.png) left 1em center no-repeat, linear-gradient(#F1F1F1,#FFFFFF,#FFFFFF);
		background-size:20px,auto;
		border-radius:5px;
		-webkit-box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
		box-shadow:inset 2px 2px 2px rgba(0,0,0,0.1);
		cursor:pointer;
		-webkit-transition:0.2s;
		transition:0.2s;
	}
	
	header .mb .menu .lang span:before{
		content:"";
		position:absolute;
		top:15px;
		right:15px;
		border-style:solid;
		border-width:8px 5px 0 5px;
		border-color:#000261 transparent transparent transparent;
	}
	
	header .mb .menu .lang.active span:before{
		border-width:0 5px 8px 5px;
		border-color:transparent transparent #000261 transparent;
	}
	
	header .mb .menu .lang .sub{
		display:none;
		position:relative;
		top:3px;
		border:#B3B3B3 1px solid;
	}
	
	header .mb .menu .lang .sub a{
		display:block;
		padding:0.8em 3em 0.8em 1em;
		color:#333333;
		background:-webkit-gradient(linear,left top, left bottom,from(#FFFFFF),to(#E7E7E7));
		background:linear-gradient(#FFFFFF,#E7E7E7);
		position:relative;
	}
	
	header .mb .menu .lang .sub a:hover{
		color:#FFFFFF;
		background:#666666;
	}
	
	/*HEADER_SEARCH-----------------*/
	.search_pd{
		width:100%;
		margin-bottom:10px;
	}
	
	/*HEADER_LINK-----------------*/
	header .mb .menu .link{
		text-align:left;
		position:relative;
		-webkit-transition:0.2s;
		transition:0.2s;
	}
	
	header .mb .menu .link > a,
	header .mb .menu .link > span,
	header .mb .menu .link .sub span,
	header .mb .menu .link .sub a{
		display:block;
		font-size:22px;
		color:#333333;
		padding:20px 0px;
		position:relative;
		cursor:pointer;
		-webkit-transition:0.2s;
		transition:0.2s;
	}
	
	header .mb .menu .link > a,
	header .mb .menu .link > span{
		border-bottom:#949494 1px solid;
	}
	
	header .mb .menu .link:nth-child(4) > a:after{
		content:"";
		position:absolute;
		top:50%;
		right:20px;
		border-style:solid;
		border-width:11px 7px 0 7px;
		border-color:#ACACAC transparent transparent transparent;
		margin-top:-7px;
	}
	
	header .mb .menu .link > a:hover,
	header .mb .menu .link > span:hover,
	header .mb .menu .link > span.active{
		color:#000261;
		background:#CCE3FB;
		padding:20px 0px 20px 20px;
	}
	
	header .mb .menu .link:nth-child(4) > a:hover:after{
		border-color:#000261 transparent transparent transparent;
	}
	
	header .mb .menu .link:nth-child(4) > a.active:after{
		border-width:0 7px 11px 7px;
		border-color:transparent transparent #000261 transparent;
	}
	
	header .mb .menu .link .sub{
		padding-left:20px;
		margin:20px 0;
		display:none;
	}
	
	header .mb .menu .link .sub span{
		border-bottom:#CCCCCC 1px solid;
	}
	
	header .mb .menu .link .sub span:before{
		content:"";
		position:absolute;
		top:10%;
		left:-15px;
		width:3px;
		height:80%;
		background:#1E7BC0;
	}
	
	header .mb .menu .link .sub span:after{
		position:absolute;
		right:20px;
		top:22px;
		content:"";
		border-color:#ACACAC;
		border-style:solid;
		border-width:0px 2px 2px 0px;
		display:inline-block;
		padding:5px;
		-webkit-transform:rotate(45deg);
		transform:rotate(45deg);
		-webkit-transition:0.2s;
		transition:0.2s;
	}
	
	header .mb .menu .link .sub span:hover,
	header .mb .menu .link .sub span.active{
		padding-left:20px;
		color:#000261;
	}
	
	header .mb .menu .link .sub span:hover:after{
		border-color:#000261;
	}
	
	header .mb .menu .link .sub span.active:after{
		border-color:#000261;
		top:27px;
		-webkit-transform:rotate(-135deg);
		transform:rotate(-135deg);
	}
	
	header .mb .menu .link .sub ul{
		padding-left:55px;
		position:relative;
		display:none;
		margin-left:-15px;
	}
	
	header .mb .menu .link .sub ul:before{
		content:"";
		position:absolute;
		top:0;
		left:0;
		z-index:1;
		width:30px;
		height:30px;
		border-color:#4B4B4B;
		border-style:solid;
		border-width:0 0 2px 2px;
	}
	
	header .mb .menu .link .sub ul:after{
		content:"";
		position:absolute;
		top:30px;
		left:30px;
		width:2px;
		height:calc(100% - 30px);
		background:#76C4FF;
	}
	
	header .mb .menu .link .sub ul li:last-child a:before{
		content:"";
		position:absolute;
		bottom:0;
		left:-29px;
		width:10px;
		height:10px;
		background:#76C4FF;
	}
	
	header .mb .menu .link .sub a:hover{
		padding-left:20px;
		color:#000261;
	}
	
	/*SEARCH_PD-----------------------------------------*/
	.search_title{
		font-size:calc(16px + 1vw);
		padding:30px 0 50px;
	}
	
	/*AREA-----------------------------------------*/
	.area{
		display:none;
	}
	
	/*PAGE_NUMBER-----------------------------------------*/
	.page_number .pc{
		display:none;
	}
	
	.page_number .mb{
		display:block;
	}
	
	/*FOOTER-----------------------------------------*/
	footer{
		text-align:center;
	}
    
    footer .text2{
        position:static;
        margin-top:0.5em;
    }
	
	footer ul .search_pd{
		display:none;
	}
}