body {

	background: #fff;

	font-family:"微軟正黑體", "Microsoft JhengHei","Lato", arial, "文泉驛正黑", "WenQuanYi Zen Hei", "Heiti TC";

}

.index_01 {

	background: url(../images/box.jpg) repeat;

	padding: 100px 0 50px 0;

}



.w1103px {

    width: 1103px;

    max-width: 100%;

    margin: 0 auto;

}



.headerType2 {

    background: url(../images/navBg-01.png) no-repeat center center / 100% 100%;

    background-size: cover;

    background-color: #fff;

}



.headerType2 .brandLogo img,.navMenu > li > a {

	height: 82px;

}



.articleBlockStyle02:after {

	background: rgba(0, 85, 164, 0.8);

}



footer {

	margin-top: 0;

    background: rgba(0, 0, 0, 0.8);

}



footer .footerContent.copyright {

	background: #000;

}



.list-unstyled {

	margin: 0;

	padding-left: 0;

    list-style: none;

}



.list-unstyled li a span {

	color: #8E8E8E;

}



.list-unstyled li a span:hover {

	opacity: .6;

}



.fr-tit {

	font-size: 17px;

	font-weight: 600;

	color: #F3A705;

}



.fr-fz {

	font-size: 14px;

	color: #8E8E8E;

}



.fr-group ul li a {

	font-size: 14px;

	color: #8E8E8E;

}



footer .footerContent:not(.copyright) {

	padding: 75px 0;

}



.fr-group {

	padding-left: 55px!important;

}



.fr-info {

	padding-right: 120px!important;

}



.fr-tel {

	font-size: 28px;

	color: #fff;

	font-weight: 400;

}



.fr-Rline {

	position: relative;

}



.fr-Rline:after {

	position: absolute;

	top: 0;

	left: 75%;

	transform: translate(-50%,0);

	-webkit-transform: translate(-50%,0);

	content: '';

	display: block;

	background: rgba(255,255,255,0.5);

	width: 2px;

	height: 201px;

	border-radius: 100%;

}



footer {

	position: relative;

}



.gotop {

	position: absolute;

    top: -17px;

    right: 20%;

}



footer .copyRightTxt {

	color: #8E8E8E;

	font-weight: 900;

}



footer .copyRightTxt a {

	display: inline-block;

	color: #8E8E8E;

	font-weight: 900;

	padding-left: 20px;

}



footer .copyRightTxt a:hover {

	color: #0055A4;

	text-decoration: underline;

}



footer .footerContent .footerType1 > *:nth-child(1) {

	width: 100%;

	padding-right: 0;

}



footer .footerContent .footerType1 .copyRightTxt {

	text-align: center;

}



.pageWidget .gotop {

	display: none;

}



.banner.bgFix {

	height: 390px;

}



.about-last {

	margin: 0;

}



.itemImg.prodBr {

	padding-bottom: 75%;

	background: #fff;

}



.itemImg.indexBr {

	padding-bottom: 75%;

	background: #fff;

}



.itemImg.prodBr:before {

	background: rgba(255, 255, 255, .8);

}



.itemImg.prodBr:after {

	content: "";

	background-image: url(../images/i-search.png);

	background-position: center center;

	background-repeat: no-repeat;

}



.itemImg.indexBr:before {

	background: rgba(255, 255, 255, .8);

}



.itemImg.indexBr:after {

	content: "";

	background-image: url(../images/i-search.png);

	background-position: center center;

	background-repeat: no-repeat;

	top: 40%;

}



.itemTxt {

	position: absolute;

	top: 80%;

	left: 50%;

	z-index: 101;

	font-weight: 600;

	font-size: 24px;

	transform: translate(-50%,-50%);

	-webkit-transform: translate(-50%,-50%);

	opacity: 0;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}







.itemImg:hover .itemTxt {

	opacity: 1;

	top: 60%;

	transition: all .3s .1s ease-in-out;

	-webkit-transition: all .3s .1s ease-in-out;

}



.prodBr.slick-slider .slick-slide {

	padding: 0;

}



.bg_gray {

	background: #DDD;

}



.w1100px {

	margin: 0 auto;

}



.btn .text {

	border: 3px solid #989898;

	border-radius: 1em;

	color: #989898;

	font-size: 14px;

	font-weight: 900;

	padding: 4px 12px;

	position: relative;

	background-color: #FFF;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.btn.blue .text:hover {

	background-color: #0055A4;

	color:#FFF;

	border: 3px solid #FFF;

}

.btn .text:before,.btn .text:after {

	position: absolute;

	content: '';

	display: inline-block;

	width: 0px;

	height: 3px;

	background: #fff;

	position: absolute;

	left: 50%;

	transform: translate(-50%,0);

	-webkit-transform: translate(-50%,0);

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.btn.blue .text:before,

.btn.blue .text:after{

	background: #0055A4;

}



.btn .text:before {

	top: -3px;

}



.btn .text:after {

	bottom: -3px;

}

.btn .text:hover:before,.btn .text:hover:after {

	width: 30px;

}



.btn.btn1 .text {

	padding: 2px 25px;

	border-radius: 1.5em;

	font-weight: normal;

}



.pt39 {

	padding-top: 55px;

}



.about_02 .gridBox.closest > *, .about_02 .gridBox.closest [class*='col_'] {

	padding: 0 16px;

}



.about_03 .gridBox.closest > *, .about_03 .gridBox.closest [class*='col_'] {

	padding: 0 16px 43px 16px;

}



.about_03 .gridBox[data-grid="12"] > .col_7 {

	padding: 35px 79px 43px 16px;

}





@media (max-width: 992px) {

	.about_03 .gridBox[data-grid="12"] > .col_7 {

		padding: 35px 16px 43px 16px;

	}

	.gridBox[data-grid="12"] > .col_5  {

		width: 100%;

		text-align: center;

	}

	.gridBox[data-grid="12"] > .col_7  {

		width: 100%;

		text-align: center;

	}

	.fr-group {

		padding: 16px!important;

		margin-bottom: 45px;

	}

	.fr-info {

		padding: 16px!important;

	}

	.fr-Rline:after	{

		left: 100%;

	}

	footer .footerContent:not(.copyright) {

	    padding: 25px 0;

	}

}



@media (max-width: 440px) {

	.fr-Rline:after {

		display: none;

	}

	.fr-group {

		padding: 16px!important;

		margin-bottom: 0;

	}

}



.prod_tit .gridBox > *, .prod_tit .gridBox [class*='col_'] {

	padding: 0 16px 66px 16px;

}



.prod_tit {

	font-size: 45px;

	color: #0055A4;

	font-weight: 900;

}



.prod_tit-2 {

	font-size: 24px;

	color: #333;

	font-weight: 600;

}



.prod_tit-3 {

	font-size: 45px;

	color: #333;

	font-weight: 600;

}



.prod_tit-4 {

	font-size: 24px;

	color: #0055A4;

	font-weight: 600;

	/*margin: 0 0 11px 0;*/

}



.index_01-item {

	background: #fff;

	padding: 22px 16px;

	border: 1px solid #DCDCDC;

	border-radius: 10px;

	display: inline-block;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}



.gridBox > .index_01-item:nth-child(2n) {

	margin-top: -45px;

}



.index_01-ct {

	text-align: left;

	height: 4em;

}



.index_01-item .index_01-ct {

	font-size: 14px;

    line-height: 1.5em;

    margin-bottom: 33px;

}



.index_01-titBg {

	display: inline-block;

	width: 50px;

	height: 50px;

	

	text-align: center;

	background: #0055A4;

	border-radius: 50%;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.index_01-titBg .titIcon{

	color:#FFF;

	font-size: 32px;

	line-height: 50px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.index_01-item:hover{

	background: #0055A4;

}

.index_01-item:hover .prod_tit-4,

.index_01-item:hover .index_01-ct{

	color:#FFF;

}

.index_01-item:hover .index_01-titBg .titIcon{

	color:#0055A4;

}

.index_01-item:hover .index_01-titBg {

	background: #FFF;

}

.index_01-item:hover .btn.btn1 .text{

	border-color: #FFF;

	background-color: #0055A4;

	color:#FFF;

}

.index_01-item:hover .btn.btn1 .text:before,

.index_01-item:hover .btn.btn1 .text:after{

	background-color: #0055A4;

	width: 30px;

}

.breadcrumb {

	padding: 25px 0;

}



.breadcrumb li + li:before {

	content: "";

	background-image: url(../images/i_bread-r.svg);

	background-position: center center;

	background-repeat: no-repeat;

    padding: 0 8px;

}



.breadcrumb a {

	font-size: 16px;

	font-weight: 600;

	color: #8E8E8E;

}



p strong , p span{

	color: #0055A4;

}



.index_01 .gridBox.closest > *, .index_01 .gridBox.closest [class*='col_'] {

    padding: 0 7px;

}



.index_04-bg {

	background: #FFE599;

}



.index_04-ct {

	font-size: 14px;

	line-height: 1.5em;

	margin-bottom: 33px;

}



.index_05 {

	margin: 0;

	display: block;

}



.index_05:after {

	background: rgba(0, 85, 164, 0.8);

   	content: '';

    position: absolute;

    top: 0;

    left: 0;

    bottom: 0;

    right: 0;

    z-index: 0;

}



.index_01-group > div:nth-child(2n) {

	margin-top: -45px;

}

.index_04{

	background-image: linear-gradient(90deg,rgba(255,229,153,1) 0%,rgba(255,229,153,1) 50%,rgba(240,240,241,1) 50%,rgba(240,240,241,1) 100%);

}

.index_04-l{

	background-color: rgba(255,229,153,1);

}

.index_04-r{

	background-color: rgba(240,240,241,1);

}



.index_04-l {

	background-image: url(../images/index_04-l_bg.png);

	background-repeat: no-repeat;

	background-position: right center;

	height: 268px;

	position: relative;

}



.index_04-r {

	background-image: url(../images/index_04-r_bg.png);

	background-repeat: no-repeat;

	background-position: right center;

	height: 268px;

}



.index_04-l_r {

	position: absolute;

    bottom: 0;

    right: 0;

    padding: 0!important;

}



.videoMonitor{

	position: absolute;

	top: 0;

	right: 0;

	z-index: 1;

	width: 100%;

	height: 100%;

	display: inline-block;

}

.videoMonitorPicArea{

	position: absolute;

	display: inline-block;

	top: 0;

	right: 0;

	height: 100%;

	width: 100%;

	max-width: 1098px;

}

.myTable{

	position: absolute;

	top: 0;

	right: 0;

}

.myTableHide{

	opacity: 0;

	max-height: 100%;

}

.myVideo{

	position: absolute;

	top: 13.41%;

	right: 38.06%;

	display: inline-block;

	width: 33.24%;



}

.myVideoArea{

	position: absolute;

	top: 0;

	right: 0;

	width: 100%;

	height: 0;

	padding-bottom: 55.61%;

}

.myVideoArea img{

	position: absolute;

	top: 0;

	left: 0;

}



.vo {

	background-image: url(../images/video_bg.jpg);

	background-position: right top;

	background-repeat: no-repeat;

	background-size: auto 100%;

	min-height: 462px;

	margin-top: 80px;

}



.vo .gridBox > *, .vo .gridBox [class*='col_'] {

	padding: 32px 0;

}



.vo_l {

	padding: 0 0 32px 0!important;

}



@media (max-width: 1024px) {

	.vo_l {

		padding: 16px!important;

	}

}



.vo_l h3 {

	margin-top: 0;

}



.vo_r {

	position: relative;

}



.vo_tv {

	position: absolute;

	right: 0;

	top: 70%;

}



@media (max-width: 1200px) {

	.vo_tv {

		position: absolute;

		right: 20%;

		top: 70%;

	}

}



@media (max-width: 992px) {

	.vo_tv {

		position: relative;

		right: 0;

		top: 0;

	}

	.vo .gridBox > *, .vo .gridBox [class*='col_'] {

		width: 100%;

	}

	.vo_r {

		text-align: center;

		padding-bottom: 0!important;

	}

	.vo {

		background-image: none;

	}

}





.vo_txt {

	font-size: 18px;

	line-height: 22px;

}



.index_04-txt p {

	line-height: 22px;

	height: 4em;

	margin-bottom: 32px;

}



.formItem textarea,

.index_form input {

	color: #848484!important;

}



.index_btn {

	background: #FA4554;

	border-radius: 12px;

	font-size: 32px;

	font-weight: 600;

	padding: 20px 120px;

	box-shadow: 0px 5px 0px rgba(219, 31, 5, 1);

	text-align: center;

	top: 0;

 	border-color: #FA4554; 

 	transform: scale(1);

	-webkit-transition: all .1s ease;

	-moz-transition: all .1s ease;

	transition: all .1s ease;

}



.index_btn:hover {

	background: #FA4554;

	top: 0;

	opacity: 0.9;

	transform: scale(0.9);

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.index_btn:focus{

	background: #FA4554;

}

.index_btn:active{

	background: #FA4554;

	box-shadow: 0px 3px 0px rgba(219, 31, 5, 1);

	position: relative;

	top: 6px;

}

.index_form .formItem input::-webkit-input-placeholder,

.formItem textarea::-webkit-input-placeholder {

  color: #848484;

}

.index_form .formItem input::-moz-placeholder,

.formItem textarea::-moz-placeholder {

  color: #848484;

}

.index_form .formItem input:-ms-input-placeholder,

.formItem textarea:-ms-input-placeholder {

  color: #848484;

}

.index_form .formItem input:-moz-placeholder,

.formItem textarea:-moz-placeholder {

  color: #848484;

}





.index_form .formItem {

	position: relative;

}



.index_form .formItem input[name="name"],

.index_form .formItem input[name="email"],

.index_form .formItem input[name="phone"],

.index_form+.Bbox_in_1c textarea[name="detail"] {

	padding-left: 50px;

	background-repeat: no-repeat;

	background-position: 20px 12px;

}



.index_form .formItem input[name="name"] {

	background-image: url(../images/i-name.svg);

}

.index_form .formItem input[name="email"] {

	background-image: url(../images/i-mail.svg);

}

.index_form .formItem input[name="phone"] {

	background-image: url(../images/i-tel.svg);

}

.index_form+.Bbox_in_1c textarea[name="detail"] {

	background-image: url(../images/i-text.svg);

}



.index_form .formItem input[type="radio"]:checked + span:before {

	border-color: #fff;

}

.index_form .formItem input[type="radio"]:checked + span:after {

	background: #868686;

}



.slideBanner .slick-dots{

    position: absolute;

    left: 48%;

    bottom: -15px;

    transform: translate(0,-50%);

    -webkit-transform: translate(0,-50%);

}

.slideBanner .slick-dots .slick-active button{

	width: 60px;

	border-radius: 5px;

	height: 7px;

}



.slideBanner .slick-dots li button {

	border-radius: 5px;

	height: 5px;

	width: 10px;

	border-color: #004386;

}



.slideBanner .slick-dots li button:after {

	background: #004386;

}



.slideBanner .slick-dots li + li {

	margin-left: 3px;

}



.slick-slider .slick-arrow {

	background: transparent;

	border: 0;

}



.slick-slider .slick-arrow:hover {

	opacity: .7;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}



.slick-slider:hover .slick-arrow.slick-prev {

	left: 30px;

}



.slick-slider:hover .slick-arrow.slick-next {

	right: 30px;

}



.albumList,.videoList  {

	margin-top: 50px;

}



@media (max-width: 992px){

	.index_01 .gridBox[data-grid="4"] > * {

	    width: 100%;

	    padding: 14px;

	    margin-bottom: 10px;

	    text-align: center;

	}

	.index_01-group > div:nth-child(2n) {

		margin-top: 0;

	}



	.Bbox_in_2c.index_form > div > div {

	    float: left;

	    width: 100%;

	}

	.index_01 {

		padding: 50px 0 25px 0;

	}

}



@media (max-width: 768px) {

	.index_btn {

		padding: 20px 60px;

	}



	.index_04 .gridBox[data-grid="2"] > * {

    	width: 100%;

	}

}



@media (max-width: 570px) {

	.index_05 {

		padding: 20px;

	}

}

.blockTitle span{

	color: #000;

}

.blockTitle:after{

	height: 6px;

	width: 42px;

	border-radius: 3px;

}

.blockTitle__desc{

	font-size: 16px;

	margin-bottom: 40px;

	color: #000;

}

.productDownload{

	padding: 0 32px;

}

.downloadList{

	width: 100%;

	position: relative;

	margin-bottom: 100px;

}

.downloadList__Items{

	display: inline-block;

	position: relative;

	width: 100%;

	box-sizing: border-box;

	padding-left: 60px;

	padding-right: 140px;

}

.downloadList__Items:first-child:before,

.downloadList__Items:after{

	content: '';

	width: 100%;

	height: 2px;

	display: block;

	position: absolute;

	left: 0;

	background-image: linear-gradient(90deg,rgba(170,195,219,0) 0%,rgba(170,195,219,1) 50%,rgba(170,195,219,0) 100%);

}

.downloadList__Items:first-child:before{

	top: 0;

}

.downloadList__Items:after{

	bottom: 0;

}

.downloadList__Items .downloadList__Title{

	color: #000;

	line-height: 1.5;

	font-size: 23px;

}

.downloadList__Items .icon{

	font-size: 18px;

	color: #0055A0;

}

.downloadList__Items .textIcon{

	font-size: 15px;

	display: inline-block;

	vertical-align: middle;

	color: #989898;

	margin-right: 5px;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}



.downloadList__Items .downloadText{

	display: inline-block;

	vertical-align: middle;

	border-radius: 20px;

	padding: 4px 9px;

	border:  3px solid #989898;

	line-height: 1;

	font-size: 14px;

	color: #989898;

	transition: all .3s ease-in-out;

	-webkit-transition: all .3s ease-in-out;

}

.downloadList__Items:hover .downloadList__Title{

	color: #000;

}

.downloadList__Items:hover .downloadText{

	background-color: #0055A0;

	border-color: #0055A0;

	color: #FFF;

}

.downloadList__Items:hover .textIcon{

	color: #0055A0;

}

.downloadList__l,

.downloadList__r{

	position: absolute;

	top: 50%;

	transform: translate(0,-50%);

	-webkit-transform: translate(0,-50%);

}

.downloadList__l{

	width: 60px;

	left: 0;

}

.downloadList__r{

	width: 140px;

	right: 0;

}

.downloadList__m{

	margin: 0;

	width: 100%;

	padding: 20px 0;

}

@media screen and (max-width: 992px){

	.downloadList__r{

		display: inline-block;

		position: relative;

		top: 0;

		transform: translate(0,0%);

		-webkit-transform: translate(0,0%);

		padding: 10px 0;

		margin-bottom: 40px;

		text-align: left;

		width: 100%;

	}

	.downloadList__Items{

		padding-right: 0;

	}

	.downloadList__Items .downloadList__Title{

		text-align: left;

	}

}

.itemImg:before{

	background-color: rgba(255,255,255,0.7);

}

.itemImg:after{

	background-image: url(../images/i-search.png);

	content: '';

	background-repeat: no-repeat;

	background-position: center center;

}

.videoList .itemList .item .itemImg:after{

	background-image: url(../images/i-videoTriangle.png);

	content: '';

}

.pageTitle{

	margin-bottom: 120px;

}



.pageNav ul li{

	margin:  0 5px;

}

.pageNav ul a,

.pageNav ul .next a,

.pageNav ul .prev a{

	border-radius: 50%;

	border: 3px solid #b7b7b7!important;

	color: #b7b7b7;

}

@media screen and (max-width: 440px){

	.pageNav ul a,

	.pageNav ul .next a,

	.pageNav ul .prev a{

		border-radius: 20px;

	}

	.pageNav ul li{

		margin: 0;

	}

}



.itemTitle span{

	color: #000;

	font-weight: 900;

}

.item .itemContent{

	color: #666;

}

.btn-cis1,.btn-prev, .btn-next{

	border-radius: 20px;

}

 .btn-prev, .btn-next{

	border-width: 3px;

	border-color: #b7b7b7;

	color: #b7b7b7;

}

button{

	border-radius: 20px;

	border-width: 3px;

	border-color: #b7b7b7;

	color: #FFF;

}

.blockInfoTxt strong{

	color: #000;

	font-weight: 900;

}