@charset "utf-8";

/*index*/
.logo{
	width: 370px;
	height: 95px;
	background: #fff;
	text-align: center;
	margin:0;
	border-top-right-radius:13px 50px;
	border-bottom-right-radius:13px 50px;
	box-shadow: 3px 0 4px rgba(0,0,0,0.12);
	position: absolute;
	z-index: 2;
	left: 0;
}
.top-nav{
	width: 100%;
	position: absolute;
	z-index: 1;
	left:0;
}
.nav01{
	width: 100%;
	height: 47px;
	background: #003D89;
	text-align: right;
}
.nav01 nav{
	display: inline-block;
}

.nav01 .moreMenu{
	position: relative
}

.nav01 .moreMenu li{
	display: block;
	margin: 0; 
	text-align: left;
}

.nav01 .moreMenu li a{
	line-height: 30px;
	text-indent: 0px;
	padding: 0 15px;
}

.nav01 ul.navigation li:hover > ul{

	width: 150px;
	margin-left: -35px;

}

.nav01 li{
	margin: 0 17px;
}
.nav01 li a{
	color: #fff;
	line-height: 45px;
	display: block;
}

.nav01 .moreMenu >a:after{
	content: "\f0d7";
	font: normal normal normal 14px/1 FontAwesome;
	display: inline-block;
	margin-left: 3px;
}

.nav01 .moreMenu .arrow-bottom{
	display: none;
}

.search-box {
	border:1px solid #9DCFEF;
	display: inline-block;
	margin: 3px 50px 3px 10px;
}
.search-box button{
	width: 50px;
	height: 37px;
	background: #9DCFEF;
	border: 0;
	cursor: pointer;
}
.search-box button i{
	color: #fff;
}
.search-box button:hover{
	background: #fff;
}
.search-box button:hover i{
	color: #9DCFEF;
}
.search-box input{
	width: 145px;
	height: 37px;
	line-height:100%;
	background: #fff;
	border:0;
	margin-left: -4px;
	padding-left: 5px;
}
.nav02{
	width: 100%;
	background: #fff;
	text-align: left;
	padding-left: 360px;
}
.nav01 li, .nav02 .navigation > li{
	display: inline-block;
}
.nav02 .navigation > li{
	margin: 0 -4px;
	position: relative;
}
.nav02 .navigation > li > a{
	color: #003D89;
	line-height: 48px;
	font-weight: bold;
	display: block;
	padding: 0 50px;
	transition: background 1s;
}
.nav02 .navigation > li > a:hover, .nav02 .navigation > li > a.current{
	background: url('../images/index/menu-h.jpg') repeat;
	transition: background 1s;
}

/* 特定在第一層 > 第二層或以後下拉部分之樣式 */
ul.navigation ul{
	display: none;
	width: 300px;
	float: left;
	position: absolute;
	z-index: 999;
	left: 0;
	margin: 0;
	background: #fff;
}
/* 當第一層選單被觸發時，指定第二層顯示 */
ul.navigation li:hover > ul{
	width: 300px;
	display: block;
}
/* 特定在第二層或以後下拉部分 li 之樣式 */
ul.navigation ul li {
	border-bottom: 1px solid #DDD;
	position: relative;
}
/* 特定在第二層或以後下拉部分 li （最後一項不要底線）之樣式 */
ul.navigation ul li:last-child {
	border-bottom: none;
}
/* 第二層或以後選單 li 之樣式 */
ul.navigation ul > li a{
	text-indent: -15px;
	padding-left: 25px;
}
ul.navigation ul a {
	padding: 5px;
	display: block;
	color: #222;
	font-size: .875rem;
	padding-left: 10px;
	text-indent: -5px;
}
ul.navigation ul > li > a:before{
	content: url(../images/share/dot.png);
	margin-right: 5px;
}
ul.navigation ul a:hover {
	background: #9CCFEE;
}
/* 第三層之後，上一層的選單觸發則顯示出來（皆為橫向拓展） */
ul.navigation ul li:hover > ul{
	display: block;
	position: absolute;
	top: 0;
	left: 100%;
	border: 1px solid #ddd;
	border-top: 0;
}
ul.navigation ul li:hover > ul a:hover{
	background: #ECECEC;
}
ul.navigation ul li > ul a:before{
	content: '';
}
/* 箭頭向右 */
.arrow-right {
	display: inline-block;
}
.arrow-right:after{
	content: '\e90c';
	font-family: 'icomoon';
	color: #757575;
	position: absolute;
	right: 5px;
	top: 5px;
}
ul.navigation ul li:hover .arrow-right:after{
	color: #fff;
}
.in-banner{
	padding-top: 95px;
}
.in-banner img{
	width:100%;
	max-width: 100%;
	height: auto;
}
.in-banner .slick-dots{
	height: 27px;
	line-height: 20px;
	bottom:-28px;
	background: url('../images/index/menu-h.jpg') repeat;
	box-shadow: 0 0 3px 2px #ccc;
}
.in-banner .slick-dots li button{
	border:2px solid #003D89;
	background: #fff;
}
.in-banner .slick-dots li.slick-active button:before{
	background: #003D89;
	border-radius:50%;
	height: 14px;
	width: 14px;
}
.index-main section{
	padding: 0 120px;
	box-sizing: border-box;
}
.index-main .in-news{
	margin-bottom: 50px;
}
.in-company{
	width: 100%;
	height: 350px;
	background: url('../images/index/company-bg.jpg') no-repeat;
	background-size: cover;
	margin-top: 30px;
}
.in-company .info{
	width: 44%;
	padding-top: 50px;
	margin-right: 11%;
	display: inline-block;
	vertical-align: top;
}
.index-main section h2{
	color: #ABCE05;
	font-size: 2.438rem;
	letter-spacing:1px;
	position: relative;
	margin: 0 0 35px;
}
.index-main section h2:after{
	width: 100%;
	height: 1px;
	content: '';
	background: #ABCE05;
	position: absolute;
	bottom:-10px;
	left:0;
}
.index-main section.in-company h2:after{
	width: 470px;
}
.in-company .info p{
	margin:30px 0;
	line-height: 25px;
}
.in-company .video{
	width: 38%;
	display: inline-block;
	padding-top: 30px;
}
.in-company .video img{
	max-width: 100%;
}
.in-products, .in-news{
	margin-top: 60px;
}
.in-products ul{
	box-sizing: border-box;
	padding: 0 13px;
}
.in-products .pic{
	width: 100%;
	height: auto;
	border:1px solid #eee;
	border-right:0px;
	display: block;
	box-sizing: border-box;
	overflow: hidden;
}
.in-products li:nth-child(5n) .pic{
	border-right:1px solid #eee;
}
.in-products li a{
	display: block;
	color: #000;
	font-weight: bold;
}
.in-products li .pic img{
	width:auto;
	max-width: 100%;
	max-height: 320px;
	margin:0 auto;
	transform: scale(.85);
	transition: all 300ms;
}
.in-products li .pic a:hover{
	opacity: 1;
}
.in-products li:hover .pic img{
	transform: scale(1);
}
.in-products li:hover h3 a{
	color: #003D89;
}
.in-products h3{
	font-size: .875rem;
	font-weight: normal;
	text-align: center;
}
.in-news li{
	width: 33%;
	display: inline-block;
	vertical-align: top;
}
.in-news .pic, .in-news .info{
	display: inline-block;
	vertical-align: top;
}
.in-news .pic{
	width: 200px;
	height: 200px;
	margin-right: 10px;
}
.in-news .pic img{
	max-width:100%;
}
.in-news .info{
	width: calc(100% - 220px);
}
.in-news .info .date{
	color: #727171;
	font-size: 1.188rem;
	margin-top: 0;
}
.in-news .info .date span{
	font-size: 2.063rem;
	margin-right: 5px;
}
.in-news h3{
	font-size: 1.25rem;
}
.in-news h3 a{
	color: #003D89;
	font-weight: normal;
	overflow  : hidden ;
	text-overflow : ellipsis ;
	display : -webkit-box ;
	-webkit-line-clamp : 3 ;
	-webkit-box-orient : vertical ;
}
.footer01 {
	border-bottom: 1px solid #548ebe;
	line-height: 40px;
}
.footer01 li{
	color: #9BCDED;
	font-weight: bold;
	display: inline-block;
	margin-right: 20px;
}
.footer01 li a{
	color: #9BCDED;
}
.footer01 li i{
	width: 15px;
	margin-right: 10px;
	color: #fff;
	font-size: .813rem;
}
footer p.footer02{
	color: #fff;
	font-weight: bold;
	line-height: 40px;
	margin: 0;
}
#back-top ,#back{
	width: 40px;
	height: 40px;
	position: absolute;
	bottom: 24px;
	right:160px;
	z-index: 2;
	background:url(../images/index/gotop.svg) center no-repeat;
}
#back-top a,#back a {
	width: 40px;
	height: 40px;
	display: block;
	text-align: center;
	color: #1a3f6d;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;
}
#back-top a:hover,#back a:hover {
	color: #000;
}

/*shared*/
.bread-box{
	width: 100%;
	height: 50px;
	background: url(../images/index/menu-h.jpg)repeat;
	margin-top: -6px;
}
.bread-box .bread {
	width: 1220px;
	margin: 0 auto;
	line-height: 50px;
}
.bread-box a + span:before, .bread-box a + a:before{
	content: '>';
	margin-right: 5px;
	color: #aaa;
}
.bread-box a{
	font-size: .938rem;
	color: #003D86;
}
.bread-box a + span{
	color: #727171;
}
.bread-box i{
	color: #727171;
}
.left-menu{
	width: 305px;
	float: left;
	margin-right: 70px;
}
.left-menu h2{
	color: #003D82;
	font-size: 2rem;
	border-bottom: 1px solid #ddd;
	margin: 0 0 10px;
	padding-bottom: 15px;
}
.left-menu .mtree .logout a{
	color: #727171;
}
.left-menu .mtree > li{
	line-height: 30px;
	border-bottom: 1px solid #ddd;
}
.left-menu .mtree > li a{
	color: #000;
	display: block;
	padding: 10px 0;
}
.left-menu .mtree > li.current{
	border-bottom: 0;
}
.left-menu .mtree > li.current > a{
	background: url(../images/index/menu-h.jpg)repeat;
	padding-left: 12px;
}
.left-menu .mtree > li.current > a:before{
	content: '';
}
.left-menu .mtree > li.current > a{
	color: #003D82;
	font-weight: bold;
}
.left-menu .mtree > li a:before{
	content: url('../images/share/dot.png');
	margin-right: 10px;
}
.left-menu .mtree li li a{
	padding: 0 0 0 30px;
	text-indent: -30px;
}
.left-menu .mtree li li a:hover, .left-menu .mtree li li a.current{
	color: #003D82;
}
.left-menu .mtree li li a:hover:before, .left-menu .mtree li li a.current:before{
	color: #9DCFEF;
}
.left-menu .mtree li li a:before{
	content: '\e90c';
	margin: 0 10px;
	color: #9E9E9E;
	font-size: .875rem;
	font-family: 'icomoon';
}
.content{
	width: 69%;
	float: right;
}
.content.full{
	width: 100%;
}
.sub-title{
	color: #003D82;
	font-size: 1.375rem;
	border-bottom: 1px solid #A8CB05;
	margin-bottom: 15px;
	padding-bottom: 10px;
}
.user_editor{
	width: 100%;
	word-wrap:break-word;
	word-break:normal;
}
.user_editor img, .user_editor iframe, .user_editor table{
	max-width: 100%;
	height: auto;
}

/*about*/
.about01-box{
	text-align: center;
	margin:20px 0;
}
.about01-box li{
	display: inline-block;
	margin: 0 20px;
}
.about01-box p{
	color: #003D86;
	font-weight: bold;
}
.about01-box2{
	width: 100%;
	height: 200px;
	display: table;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#2495aa+0,44b19e+100 */
background: #2495aa; /* Old browsers */
background: -moz-linear-gradient(left,  #2495aa 0%, #44b19e 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #2495aa 0%,#44b19e 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #2495aa 0%,#44b19e 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2495aa', endColorstr='#44b19e',GradientType=1 ); /* IE6-9 */
}
.about01-box2 .text{
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	position: relative;
}
.about01-box2 .text:after{
	content: url(../images/about/about01-icon.png);
	position: absolute;
	right: 70px;
	top:40px;

}
.about01-box2 p{
	color: #fff;
	font-size: 1.875em;
	font-weight: bold;
	margin: 0;
}
.about01-box3 p{
	width: 47%;
	line-height: 28px;
	display: inline-block;
	vertical-align: top;
}
.about01-box3 p:nth-child(2){
	float: right;
}
.about01-box4 img, .about01-box4 p{
	display: inline-block;
	vertical-align: top;
}
.about01-box4 p{
	width: calc(100% - 122px - 50px);
	float: right;
}
.about01-box4 a{
	color: #003D82;
	text-decoration: underline;
}
.about03 .box{
	margin-bottom: 60px;
}
.about03 .info{
	color: #003D82;
	font-size: 1.188rem;
}
.about03 .years span{
	width: 60px;
	height: 30px;
	line-height: 28px;
	display: inline-block;
	border: 1px solid #003D82;
	color: #003D82;
	font-size: 1.438rem;
	font-weight: bold;
	font-style: italic;
}
.about03 .years-box .text{
	padding-left: 15px;
	text-indent : -15px ;
}
.about03 .years-box .text:before{
	content: '\e90c';
	font-family: 'icomoon';
	color: #8D8D8D;
	margin-right: 5px;
}
.about04{
	background: url(../images/about/about04-bg.jpg) right 50px no-repeat;
}
.about04 .box01 p{
	color: #2C9DA6;
	font-size: 2.5rem;
	font-weight: bold;
}
.about04 .box{
	width: 100%;
	margin-top:30px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}
.about04 .box .info{
	width: 320px;
}
.about04 .box img{
	max-width: 100%;
}
.about04 .box h4{
	margin-bottom: 20px;
}
.about04 .box p{
	font-size: 1.25rem;
	margin: 5px 0;
	color: #000;
}
.about04 .box03 p:before{
	content: '\e90c';
	font-family: 'icomoon';
	color: #8D8D8D;
	margin-right: 5px;
}
.about05 div{
	margin-top: 30px;
}
.about05 div:last-child{
	margin-bottom: -56px;
}
.about05 .box01{
	display: flex;
	justify-content: space-between;
	margin: 50px 0 80px;
}
.about05 .box01 img{
	margin-right: 20px;
}
.about05 h4{
	margin-bottom: 30px;
}
.about06 .box{
	margin-bottom: 70px;
}
.about06 .icon p{
	width: 150px;
	color: #003D89;
	font-weight: bold;
	text-align: center;
}
.about06 .icon li{
	width: 22%;
	display:  inline-block;
	vertical-align: top;
}
.about06 .info li{
	text-indent: -20px;
	padding-left: 20px;
}
.about06 .info li:before{
	content: "\e90c";
	font-family: 'icomoon';
	color: #8D8D8D;
	margin-right: 10px;
}
.about07 .box01 img{
	margin-right: 40px;
	float: left;
}
.about07 .box01{
	justify-content: space-between;
	vertical-align: middle;
	margin:30px 0 50px;
}
.about07 .box02 {
	margin: 50px 0;
}
.about07 .box02 img{
	display: inline-block;
	vertical-align: middle;
	margin-right: 15px;
}
.about07 .box02 span{
	width: 530px;
	display: inline-block;
	color: #003D81;
	font-weight: bold;
	font-size: 1.813rem;
}
.about07 .box02 span:before{
	content: url(../images/about/about07-icon.png);
	float: right;
	margin: -10px 10px 0 0;
}
.about08 .box01 img{
	max-width: 100%;
}
.about08 .box01 p{
	margin-top: -20px;
}
.about08 .box02{
	display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
.about08 .box02 li{
	width: 25%;
	vertical-align: top;
	box-sizing: border-box;
	padding: 0;
	border:1px solid #fff;
	overflow: hidden;
}
.about08 .box02 li img{	width: 100%; vertical-align: middle;}
.about08 .box02 li.bg{
	height: 139px;
	text-align: center;
	color: #fff;
	font-size: 2rem;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#44b19e+0,2596aa+100 */
background: #44b19e; /* Old browsers */
background: -moz-linear-gradient(45deg,  #44b19e 0%, #2596aa 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg,  #44b19e 0%,#2596aa 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg,  #44b19e 0%,#2596aa 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#44b19e', endColorstr='#2596aa',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.about08 .box02 li.bg span{
	height: 140px;
	align-items: center;
		-webkit-align-items:center;
    	ms-flex-align:center;
	justify-content: center;
		-webkit-justify-content: center;
    display: flex;
		display: -webkit-box;
    	display: -webkit-flex;
    	display: -moz-box;
    	display: -ms-flexbox;
  	-webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
}
.about09{
	margin-bottom: 100px;
}
.about09 li{
	width: 33.3%;
	display: inline-block;
	vertical-align: top;
	text-align: center;
	margin: 0 -4px 20px;
}
.about09 li img{
	max-width: 100%;
}
.about09 li p a{
	color:#222;
}
.about09 li:hover a{
	color:#003D88;
}
.about09-sty{
	font-weight: bold;
}
.about09-sty img{
	vertical-align: middle;
	margin-right: 10px;
}
.about09-sty a{
	color: #003D81;
	font-weight: bold;
	text-decoration: underline;
}

/*contact*/
.contact-info {
	border-bottom: 1px solid #ddd;
	padding-bottom: 10px;
}
.contact-info p{
	color: #003D82;
	font-weight: bold;
	font-family: "Myriad Pro";
}
.contact-info li{
	text-indent: -20px;
	padding-left: 30px;
	margin-bottom: 5px;
}
.contact-info i{
	color: #003D82;
	font-weight: bold;
	font-size: .75rem;
	margin-right: 5px;
}
.contact-box > p{
	margin-bottom: 40px;
}
.contact-box > p span:after{
	content: 'required fields';
	color: #222;
	margin-left: 3px;
}
.contact-box > p span.forTW:after{
	content: '必填欄位';
}

.contact-box > p span.forJP:after{
	content: 'は必須項目となります';
}

/*inquiry*/
.inq-box ul{
	margin-bottom: 50px;
}
.inq-box li{
	width: 100%;
	border-bottom: 1px dotted #ddd;
}
.inq-box li:last-child{
	border:0;
}
.inq-box li > *{
	display: inline-block;
	vertical-align: middle;
}
.inq-box li .pic{
	width: 10%;
	margin-right: 20px;
}
.inq-box li .pic img{
	max-width: 100%;
}
.inq-box li h4{
	width: 70%;
}
.inq-box li h4 a{
	color: #000;
	font-size: 1rem;
	display: block;
}
.inq-box li button{
	width: 13%;
	text-align: right;
	font-size: 1.125rem;
	border:none;
	outline: none;
	cursor: pointer;
	background: transparent;
}
.inq-box li i{
	color: #003D89;
	border: 1px solid #003D89;
	border-radius: 50%;
	padding: 5px;
	margin-right: 5px;
}
.inq-box li button:hover i{
	background: #003D89;
	color: #fff;
}

/*distributor*/
#inline-login, #inline-forgot{
	width: 100%;
	max-width: 590px;
	overflow-x: hidden;
}
#inline-login h2, #inline-forgot h2{
	color: #003D82;
	font-size:2rem;
	border-bottom: 1px solid #A8CB05;
}
#inline-login h2 + p{
	margin: 20px 0;
}
.login-box.form-sty{
	border-bottom: 1px solid #A8CB05;
}
.login-box.form-sty li{
	width: 100%;
	max-width: 540px;
	margin:0;
}
.login-box.form-sty li.captcha{
	width: 100%;
}
.login-box.form-sty li:last-child{
	width: auto;
	margin: 40px 0;
}
#inline-forgot .login-box.form-sty li:last-child{
	margin: 40px 0;
}
.login-box.form-sty li:last-child input{
	background: #003D89 url(../images/distributor/login.svg) 20px center no-repeat;
}
.login-box.form-sty input[type="submit"]:hover{
	color: rgba(255, 255, 255, 0.8);
}
.login-box.form-sty li.captcha *:not(p){
	display: inline-block;
}
.login-box.form-sty li.captcha input{
	width: 360px;
	max-width: 100%;
}
.login-box.form-sty li:hover p i{
	color: #9DCFEF;
}
.login-box.form-sty li p{
	margin: 10px 0;
}
#inline-login p.lock, #inline-forgot p.lock{
	text-align: right;
}
#inline-login p.lock a, #inline-forgot p.lock a{
	color: #666;
}
#inline-login p.lock img, #inline-forgot p.lock i{
	margin-right: 5px;
	color: #999;
}
.login-box.form-sty li i{
	margin: 5px;
}
.login-box.form-sty .captcha{
	width: 350px;
}
.login-box.form-sty > li:nth-child(-n+9):nth-child(odd){
	margin: 0;
}
.dist-box .box01 li{
	width: 30%;
	display: inline-block;
	vertical-align: top;
	margin:0 3% 30px 0;
	text-align: center;
}
.dist-box .box01 li img{
	max-width: 100%;
}
.dist-box .box01 h4 a{
	color: #000;
	font-size: 1rem;
	display: block;
}
.dist-box .box01 li:hover a{
	color: #003D86;
	text-decoration: underline;
}
.dist-box .accordionPart{
	width: 100%;
}
.dist-box .accordionPart {
	margin: 10px 0 50px 0;
}
.dist-box .accordionPart > li {
	border-bottom: dashed 1px #e3e3e3;
	padding:10px 0;
}
.dist-box .accordionPart li .title{
	width: 100%;
	display: block;
	color: #000;
	font-size: 1rem;
	font-weight: 500;
	cursor: pointer;
}
.dist-box .accordionPart li .close{
	color: #003D82;
}
.dist-box .accordionPart li .close.title:before{
	color: #9DCFEF;
}
.dist-box .accordionPart li .title:before{
	content: "\e90c";
	font-family: 'icomoon';
	color: #8D8D8D;
	margin-right: 5px;
}
.dist-box .accordionPart li .answer {
	display: none;
	margin: 6px 0 0;
	padding-left: 18px;
	color: #000;
}
.dist-box .accordionPart li li{
	width: 47%;
	display: inline-block;
	vertical-align: top;
	margin:-4px 2% -4px 0;
	padding: 5px 0;
}
.dist-box .accordionPart li li a{
	color: #000;
	display: block;
}
.dist-box .accordionPart li li a:hover{
	color: #003D86;
	text-decoration: underline;
}
.dist-box .accordionPart li li a:hover:before{
	text-decoration: none;
}
.dist-box .accordionPart li li a:before{
	content: '\e90f';
	font-family: 'icomoon';
	font-size: 1.2rem;
	color: #003D82;
	margin-right: 5px;
}

/*Q&A*/
.qa-box ul{
	margin: 20px 0 30px;
}
.qa-box .accordionPart li{
	margin-bottom: 40px;
}
.qa-box .accordionPart li .title{
	font-size:1.25rem;
	font-weight: inherit;
	color: #003D89;
	cursor: pointer;
	text-indent: -47px;
	padding-left: 47px;
}
.qa-box .accordionPart li .title:before{
	content: attr(data-no);
	background: #003D82;
	color: #fff;
	font-size:1rem;
	padding: 7px 9px;
	margin-right: 10px;
}
.qa-box .accordionPart li .answer{
	display: none;
	position: relative;
	padding-left: 47px;
	margin-top: 25px;
}
.qa-box .accordionPart li .answer:before{
	content: "A";
	width: 30px;
	height: 30px;
	line-height: 30px;
	position: absolute;
	left: 7px;
	box-sizing: border-box;
	text-align: center;
	border:1px solid #727171;
	color: #727171;
	font-size: 1rem;
	font-weight: bold;
}
.qa-box .accordionPart li .answer p{
	margin: 0;
}
.qa-box .accordionPart li .answer a{
	color: #003D82;
}

/*news*/
.news-box .box01 li{
	width: 100%;
	margin-bottom: 20px;
}
.news-box .box01 li > a, .news-box .box01 .info{
	display: inline-block;
	vertical-align: top;
}
.news-box .box01 .info{
	width: calc(100% - 250px);
}
.news-box .box01 li > a{
	width: 200px;
	margin-right: 20px;
}
.news-box .box01 li img{
	width: 200px;
	max-width: 100%;
}
.news-box .box01 .date{
	color: #727171;
	font-size: 1.188rem;
}
.news-box .box01 .date span{
	font-size: 2.063rem;
}
.news-box .box01 h4 a{
	color: #003D89;
}
.news-box .box01 li:hover a{
	text-decoration: underline;
}
.news-box .box02 .pic li{
	width: 31%;
	display: inline-block;
	vertical-align: top;
	margin: 0 2% 0 0;
}
.news-box .box02 .pic li:last-child{
	margin:0;
}
.news-box .box02 .pic li img{
	max-width: 100%;
}
.news-box .box02 .list{
	margin: 20px 0;
}
.news-box .box02 .list li{
	width: 50%;
	display: inline-block;
	vertical-align: top;
	margin: -4px -4px 15px;
}
.news-box .box02 .list .years{
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	color: #003D89;
	font-size: 1.188rem;
	font-style: italic;
	font-weight: bold;
}
.news-box .box02 .info img, .news-box .box02 .info .text{
	display: inline-block;
	vertical-align: top;
	}
.news-box .box02 .info img{
	width: 100px;
	height: 100px;
	margin-right: 10px;
}
.news-box .box02 .text > * {
	margin:0;
}
.news-box .box02 .text h4{
	color: #003D89;
}
.news-box .box02 .text p{
	color: #727171;
}
.news-show .date{
	color: #727171;
	font-size: 1.188rem;
	margin: 0 0 30px;
}
.news-show .page-box{
	margin-top: 50px;
}
.news-show .page-box button{
	width: 28px;
	height: 28px;
	line-height: 28px;
	text-align: center;
	border: 1px solid #003D89;;
	border-radius: 0;
	outline: none;
	cursor: pointer;
	background: none;
	padding: 0;
	margin: 0;
}
.news-show .page-box button:hover{
	background: #333;
	color: #fff;
}
.news-show .page-box .btn-sty01{
	background: #fff;
	color: #003D89;
}
.news-show .page-box .btn-sty02{
	background: #003D89;
	color: #fff;
	margin: 0 10px;
}


/*solutions*/
.solutions-box ul{
	margin: 20px 0;
}
.solutions-box li{
width: 30%;
	display: inline-block;
	vertical-align: top;
	margin:0 3% 30px -2px;
	text-align: center;
}
.solutions-box li img{
	max-width: 100%;
}
.solutions-box h4 a{
	color: #000;
	font-size: 1rem;
	display: block;
}
.solutions-box li:hover a{
	color: #003D86;
}
.solutions-box .user_editor{
	margin-top: 30px;
	float: left;
}

/*product*/
.pro-iso{
	width: 100%;
	padding: 20px 0;
	border-top: 1px solid #ccc;
	text-align: center;
	color: #2C9DA6;
	font-weight: bold;
	font-size: 1.5rem;
	font-family: "Myriad Pro";
}
.pro-top .pic-view{
	width: 38%;
	float: left;
	padding: 0;
}
.pro-top .pic-view img{
	max-width: 100%;
}
.pro-top .right{
	width: 60%;
	float: right;
}
.pro-info{
	min-height: 160px;
	border-bottom:1px dashed #ddd;
}
.pro-info p{
	font-weight: 800;
}
.pro-top .pic-list{
	padding:0;
}
.pro-top .pic-list li{
	cursor: pointer;
}
.pro-top .pic-list img{
	width: 60px;
	height: 60px;
}
.pro-top button{
	padding: 3px 10px;
	border: 1px solid #003D89;
	border-radius: 8px;
	font-size: .875rem;
	font-weight: bold;
	color: #003D89;
	background: none;
	cursor: pointer;
	transition: background .8s;
}
.pro-top button:hover{
	background: #003D89;
	color: #fff;
}
.pro-top button i{
	margin-right: 5px;
}
.pro-box .user_editor{
	width: 100%;
	float: left;
}

/*SEARCH*/
.search-con .result{
	margin: 20px 0 40px;
	font-weight: bold;
}
.search-con li{
	border-bottom: 1px dashed #ddd;
	padding: 10px 0;
}
.search-con .title:before{
	content: '\e90c';
	font-family: 'icomoon';
	color: #8D8D8D;
	margin-right: 5px;
}
.search-con .title a{
	color: #003D82;
	text-decoration: underline;
}
.search-con .title a:after{
	content: '->';
}
.search-con .title a:last-child:after{
	content: '';
}
.search-con .text{
	color: #727171;
	padding-left: 20px;
}
.search-con .text a{
	color: #003D82;
	text-decoration: underline;
}