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

/*reset*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
caption, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
border: 0;
font-size: 100%;
font-family: Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{height:100%;}
body{line-height:1; height:100%;}
ol, ul{list-style:inherit;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after,
q:before, q:after{content:''; content:none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:super;}
p{font-size:17px; color:#000000; line-height:2em;}
a{text-decoration:none; transition:all 0.5s ease;}

img{max-width:100%; height:auto;}

.img-cover{
    display:block;
    height:0;
    text-align:center;
    padding-bottom:75%;
    overflow:hidden;
    position:relative;
	}

.img-cover>img{
    max-width:100%;
    min-width:100%;
    height:100%!important;
    object-fit:cover;
    -moz-object-fit:cover;
    -ms-object-fit:cover;
    -o-object-fit:cover;
    -webkit-object-fit:cover;
    position:absolute;
    transform:translate(-50% , 0) scale(1);
    transition:all 0.3s;
	}

.item-link{
    width:100%;
    height:100%;
    font-size:0px;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    z-index:30;
	}

.list-setting{padding-left:0; list-style:none;}
.list-setting>li{position:relative;}

.moreBtnBlock{margin-top:20px; display:flex;}

.backBtnBlock{justify-content:flex-end;}

.moreBtnBox{
	padding:20px 30px 20px 35px;
	border:1px solid #05339c;
	background-color:#fff;
	transition:all 0.5s ease 0s;
	display:flex;
	justify-content:space-between;
	align-items:center;
	position:relative;
	}

.backBtnBox{padding:20px 35px 20px 30px; flex-direction:row-reverse;}

.moreBtn span{
    font-size:18px;
    font-weight:bold;
    color:#05339c;
    line-height:1.2em;
	}

.moreArrow{
	width:40px;
	height:20px;
	margin-left:15px;
	transition:all 0.5s ease 0s;
	position:relative;
	}

.moreArrow::before{
	content:"";
	width:10px;
	height:1px;
	background-color:#05339c;
	transform:rotate(40deg);
	position:absolute;
	top:6.5px;
	right:-1px;
	}

.moreArrow::after{
	content:"";
	width:100%;
	height:1px;
	background-color:#05339c;
	position:absolute;
	top:10px;
	left:0;
	}

.backBtnBox .moreArrow{margin-right:15px; margin-left:0;}

.backBtnBox .moreArrow::before{
	right:0;
	left:-1px;
	transform:rotate(-40deg);
	}

.moreBtnBox:hover{background-color:#1055c9;}
.moreBtnBox:hover .moreBtn span{color:#fff;}
.moreBtnBox:hover .moreArrow{width:50px;}
.moreBtnBox:hover .moreArrow::before{background-color:#fff;}
.moreBtnBox:hover .moreArrow::after{background-color:#fff;}

.formBox label{
	padding:10px 20px 10px 30px;
	margin-left:10px;
	margin-bottom:10px;
	border-radius:999em;
	background:linear-gradient(to right,#3a98b9,#0a6ebd,#1055c9);
    background:-moz-linear-gradient(to right,#3a98b9,#0a6ebd,#1055c9);
    background:-o-linear-gradient(to right,#3a98b9,#0a6ebd,#1055c9);
    background:-webkit-linear-gradient(to right,#3a98b9,#0a6ebd,#1055c9);
	position:relative;
	}

.formBox label::before{
	content:"";
	width:25px;
	height:25px;
	border-radius:999em;
	background-color:rgba(255,235,35,0.85);
	position:absolute;
	top:-10px;
	left:-10px;
	}

.formBox label::after{
	content:"";
	width:15px;
	height:15px;
	border-radius:999em;
	background-color:#fff;
	position:absolute;
	top:7px;
	left:7px;
	}

.formBox label>span{
	font-size:20px;
	color:#fff;
	letter-spacing:2px;
	}

.requiredTag{
	font-size:12px;
	color:#fff;
	letter-spacing:1px;
	padding:5px 8px;
	border-radius:5px;
	background-color:#ea0000;
	position:absolute;
	top:25%;
	right:-55px;
	display:none;
	}

.requiredBox .requiredTag{display:block;}

.formBox input, .formBox textarea, .formBox select{
	padding:12px 15px;
	border:2px solid #3a98b9;
	}

.formBox textarea{min-height:180px;}

.verifyBoxContent{display:flex;}

.verifyBoxContent>img{flex-basis:115px; margin-right:5px;}
.verifyBoxContent input{flex:1;}

.sendBtnBlock{justify-content:center;}

.sendBtn{
	padding:0;
	border:none;
	background-color:unset;
	}

/* 圖片讀入效果_start */
.motion-txt{
	display:inline-block;
	width:100%;
	position:relative;
	overflow:hidden;
	}

.motion-txt:after{
	content:'';
	position:absolute;
	opacity:1;
	left:0;
	top:0;
	bottom:0;
	width:100%;
	background-color:#134686;
	transform:translate3d(-101%, 0, 0);
	}

.js-scroll.show .motion-txt:after{
	transition-property:transform, opacity;
	transition-duration:0.5s;
	transition-delay:0s;
	transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
	transform:translate3d(0, 0, 0);
	}

.js-scroll.done .motion-txt:after{
	transition-property:transform;
	transition-duration:0.5s;
	transition-delay:0s;
	transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);
	transform:translate3d(103%, 0, 0);
	}

.motion-txt .motion-inner{
	display:inline-block;
	width:100%;
	opacity:0;
	}

.js-scroll.done .motion-txt .motion-inner{
	opacity:1;
	}
/* 圖片讀入效果_end */

/*start*/
#wrapper{
	min-height:100%;
	position:relative;
	background-image:url(./images/paper_fibers.png);
	}

header{
	width:100%;
	position:fixed;
	z-index:990;
	top:-1px;
	}

header ul{list-style:none;}

.topMenuBlock-top{
	background-color:rgba(255, 255, 255, 0.6);
    -webkit-backdrop-filter:blur(3.5px);
    backdrop-filter:blur(3.5px);
	}

.topMenuBlock-inner{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
	display:flex;
	justify-content:space-between;
    align-items:center;
    flex-wrap:wrap;
    }

.mainLogoBox{width:250px; margin:10px 0; transition:all 0.3s ease-in-out;}

.mainLogoBox a{display:block;}

.mainLogoBox>a>img{width:100%;}

.topLinkBlock{
	display:flex;
	justify-content:flex-end;
	align-items:center;
	}

.topLinkBox{margin-right:10px;}

.topLinkList{display:flex;}

.topLinkList li .box__inner{
	padding:10px 15px;
	border:1px solid rgba(204,204,204,0.75);
	border-radius:10px;
	}

.topLinkList li i{margin-right:5px;}

.topLinkList li span{
	font-size:16px;
	font-weight:bold;
	}

.topLinkList li:hover .box__inner{
	background-color:#00b7ee;
	border:1px solid #00b7ee;
	}

.topLinkList li:hover i, .topLinkList li:hover span{color:#fff;}

.topSearchBox{position:relative;}

.topSearchBox input{
	width:160px;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:5px;
	outline:0;
	}

.topSearchBox button{
    background:none;
    border:none;
    padding:0;
    outline:0;
    color:#bcbcbc;
	position:absolute;
    top:7px;
    right:8px;
	}

.topInquiryBtn{margin:0 0 0 20px;}

.topInquiryBtn a{
	color:#686868;
	padding:6px 10px;
	border:1px solid #ccc;
	border-radius:5px;
	}

.topInquiryBtn a:hover{
	color:#fff;
	background-color:#468da3;
	border:1px solid #468da3;
	}

.loginBtn{margin:0 5px 0 20px;}

.loginBtn a{
	color:#000;
	display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
	}

.loginBtn a i{margin-right:5px;}

.loginBtn a:hover{color:#468da3;}

.topLanBox{margin:0 15px; position:relative;}

.topLanBtn{
	color:#000;
	position:relative;
	padding:8px 20px 8px 0;
	cursor:pointer;
	}

.topLanBtn::after{
	content:"\f107";
	font-family:'Font Awesome 6 Free';
	font-weight:900;
	position:absolute;
	top:10px;
	right:0;
	transition:all 0.5s ease;
	}

.topLanBtn>i{margin-right:7px;}

.topLanBtn:hover{color:#468da3;}

.topLanBox .topLanList{
	list-style:none;
    padding-left:0;
    position:absolute;
    top:100%;
    left:50%;
    margin-left:-35px;
    -webkit-transform-origin:top;
    -ms-transform-origin:top;
    transform-origin:top;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    -webkit-transition:all 0.4s ease;
    -o-transition:all 0.4s ease;
    transition:all 0.4s ease;
    pointer-events:none;
    -webkit-transform:rotateX(90deg);
    transform:rotateX(90deg);
    opacity:0;
	}

.topLanList li a{
    display:inline-block;
    width:100%;
    height:35px;
    line-height:35px;
    font-size:13px;
    font-weight:300;
    color:#fff;
    padding:0 25px;
    text-align:center;
    background-color:#468da3;
    -webkit-box-sizing:border-box;
    box-sizing:border-box;
    position:relative;
	}

.topLanList li a::before{
    content:"";
    position:absolute;
    bottom:0;
    left:10px;
    width:calc(100% - 20px);
    height:1px;
    background-color:rgba(255, 255, 255, 0.3);
	}

.topLanList li:last-child a::before{position:unset; width:unset; height:unset;}

.topLanList li:hover a{background-color:#00aced;}

.topLanBox.is-open .topLanBtn::after{
	-webkit-transform:rotate(180deg);
    transform:rotate(180deg);
    top:7px;
	}

.topLanBox.is-open .topLanList{
    pointer-events:auto;
    -webkit-transform:rotateX(0deg);
    transform:rotateX(0deg);
    opacity:1;
	}

.topMenuBlock-bottom{
	background-color:rgba(16,85,201,0.6);
	transition:all 0.5s ease;
	}

.topMenuBox{width:100%; max-width:1280px; margin:0 auto;}

.topMenuBox .top-menu{
	padding-left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	}

.top-menu li{margin-top:-1px;}

.top-menu>li>a{
	display:block;
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:20px 40px;
	text-shadow:1px 1px 2px #000;
	}

.topMenuBlock-bottom:hover{background-color:#1055c9;}

header.is-fixed{position:fixed;}
.is-fixed .topMenuBlock-top{background-color:#fff;}

.is-fixed .topMenuBlock-bottom{
	background-color:#1055c9;
	box-shadow:0px 0px 16px rgba(0, 0, 0, 0.5);
	}

.is-fixed .mainLogoBox{width:150px;}
.is-fixed .topMenuBox .top-menu{margin:0;}
.searchToggleBox{display:none;}

.toggleSearchBtn.is-open .searchToggleBox{display:block;}

.top-menu li.has-drop{/*position:relative;*/}

.top-menu li.has-drop .navDrop{
	display:none;
    width:100%;
    background:-webkit-linear-gradient(#fff,#fff,#dcf2f1);
    background:-o-linear-gradient(#fff,#fff,#dcf2f1);
    background:-moz-linear-gradient(#fff,#fff,#dcf2f1);
    background:linear-gradient(#fff,#fff,#dcf2f1);
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);
    transition:all 0.3s ease;
	position:absolute;
    top:100%;
    left:0;
    z-index:1200;
	}

.navDrop-inner{
	max-width:1280px;
	margin:0 auto;
	padding:30px 20px;
	display:flex;
	}

.top-menu>li:hover>a{background-color:#00b7ee;}

.top-menu li.has-drop:hover .navDrop{display:block;}

.top-menu .dropMenuTitle{flex-basis:200px;}

.top-menu .dropMenBlock{flex:1; padding:0 20px;}

.dropMenuTitle .blockTitle-en{
    font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
	}

.dropMenuTitle .blockTitle-en span{
    font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    color:#0f8a7c;
	}

.dropMenuTitle .blockTitle-tw{
    font-size:18px;
    font-weight:bold;
    margin-top:15px;
	}

.navDropMenu{
	width:100%;
	padding-left:0;
	display:flex;
	flex-wrap:wrap;
	}

.navDropMenu li{width:20%;}

.navDropMenu li a{
	display:block;
	font-size:18px;
	font-weight:bold;
	color:#686868;
	margin:0 7px;
	overflow:hidden;
	position:relative;
	}

.navDropMenu li a .img-cover{padding-bottom:60%;}

.navDropMenuTitle{
    width:100%;
    height:auto;
    padding:10px 15px;
    background-color:rgba(0, 0, 0, 0.65);
    transform:translateY(100%);
    font-size:16px;
    font-weight:500;
    color:#fff;
    letter-spacing:1px;
    transition:all 0.3s ease;
	position:absolute;
    bottom:0;
    left:0;
	}

.navDropMenu li:hover a .navDropMenuTitle{transform:translate(0);}

.top-menu .navDropmenu li a{
	display:block;
	padding:15px;
	}

#bannerS{display:none;}

#mobile{display:none; text-align:left;}

#mobile a{
	letter-spacing:2px;
	position:relative;
	}

ul.navMenuList{padding-left:0;}

ul.navMenuList li{
	background-color:#f7f7f7;
	border-bottom:1px #5f605d solid;
	}

ul.navMenuList li a{color:#5f605d;}

ul.navMenuList li:hover{background-color:#468da3;}
ul.navMenuList li:hover a{color:#fff;}

.navmenu-item{width:100%; position:relative;}

.navmenu-item a{
	display:block;
    font-size:18px;
	padding:15px 0 15px 30px;
    color:#5f605d;
    letter-spacing:2px;
	}

.navMenuBlock{border-top:1px solid #ccc;}

.mInquiryBtnBox{
	display:block;
    height:40px;
    border:1px solid #5f605d;
    background-color:#f7f7f7;
	width:calc(100% - 108px);
    margin:25px auto;
	}

.mInquiryBtn{
	display:inline-block;
    width:100%;
    height:100%;
    color:#5f605d;
    font-size:15px;
    font-weight:300;
    letter-spacing:1px;
    line-height:40px;
    text-align:center;
	}

.mInquiryBtnBox:hover{
	border:1px solid #468da3;
    background-color:#468da3;
	}

.mInquiryBtnBox:hover .mInquiryBtn{color:#fff;}

.navMenu-bottom{margin:20px auto;}

.navMenuBottomList{
	padding-left:0;
	display:flex;
	justify-content:center;
	align-items:center;
	}

.loginList li a{
	display:block;
	margin:0 15px;
	padding:10px 20px;
	color:#5f605d;
	border:1px solid #ccc;
	border-radius:5px;
	}

.loginList li:hover a{
	color:#fff;
	background-color:#468da3;
	border:1px solid #468da3;
	}

#mobile ul.iconList li a{
	width:50px;
    height:50px;
    font-size:20px;
    color:#fff;
    margin:0 15px;
    border:1px solid #0f8a7c;
    border-radius:50%;
    background-color:#0f8a7c;
    letter-spacing:0;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    transition:all 0.15s ease-in-out;
	}

#mobile ul.iconList li.item-fb:hover a{background-color:#1877f2; border:1px solid #1877f2;}
#mobile ul.iconList li.item-line:hover a{background-color:#00c300; border:1px solid #00c300;}
#mobile ul.iconList li.item-skype:hover a{background-color:#00aaff; border:1px solid #00aaff;}

#mobile ul.mLanList li{
	margin:0 15px;
	background-color:unset;
    border-bottom:none;
	}

#mobile ul.mLanList li a{
	display:block;
	color:#5f605d;
	padding:10px 20px;
	border:1px solid #ccc;
	border-radius:999em;
	}

#mobile ul.mLanList li:hover a{
	color:#fff;
	border:1px solid #468da3;
	background-color:#468da3;
	}

.navmenu-item.has-navDrop>a::before{
	content:"";
    display:inline-block;
    width:60px;
    height:100%;
    background:#f0f0f2;
    position:absolute;
    top:0;
    right:0;
    border-left:1px solid #ededed;
    z-index:1;
	}

.navmenu-item.has-navDrop>a::after{
	content:"+";
	font-size:20px;
	position:absolute;
    top:30%;
    left:auto;
    right:22px;
    z-index:10;
	}

.navmenu-item.has-navDrop:hover>a::after{color:#5f605d;}
.navmenu-item.has-navDrop:hover>a.is-open::after{
	content:"-";
	font-size:28px;
	top:20%;
	}

/*次選單drop-menu_start*/
li.has-dropmenu{position:relative;}

.has-dropmenu ul.drop-menu{
	opacity:0;
    visibility:hidden;
    -webkit-transform-origin:0% 0%;
    -moz-transform-origin:0% 0%;
    -ms-transform-origin:0% 0%;
    -o-transform-origin:0% 0%;
    transform-origin:0% 0%;
    -webkit-transition:-webkit-transform .3s,opacity .3s;
    -moz-transition:-moz-transform .3s,opacity .3s;
    -ms-transition:-ms-transform .3s,opacity .3s;
    -o-transition:-o-transform .3s,opacity .3s;
    -webkit-transform-style:preserve-3d;
    -moz-transform-style:preserve-3d;
    -o-transform-style:preserve-3d;
    transform-style:preserve-3d;
    -webkit-transform:rotateX(-75deg);
    -moz-transform:rotateX(-75deg);
    -o-transform:rotateX(-75deg);
    transform:rotateX(-75deg);
	}

.has-dropmenu ul.drop-menu{
	position:absolute;
    top:40px;
    left:0;
    z-index:100;
    width:155px;
    margin:0;
    padding:10px 0;
    font-size:0.9rem;
    background:#fff;
    border:0 solid #e9ecef;
    box-shadow:0 0.25rem 0.75rem rgb(0 0 0 / 25%);
	}

li.has-dropmenu:hover ul.drop-menu{
	opacity:1;
    visibility:visible;
    -webkit-transform:rotateX(0deg);
    -moz-transform:rotateX(0deg);
    -o-transform:rotateX(0deg);
    transform:rotateX(0deg);
	}

ul.drop-menu>li a{
	display:block;
	line-height:35px;
	padding:5px 15px;
	white-space:nowrap;
	}

ul.drop-menu>li:hover a{background-color:rgba(94, 175, 202, 0.3);}

ul.drop-menu>li a::after, ul.mega-menu>li a::after{content:none;}
/*次選單drop-menu_end*/

/*手機次選單_start*/
#mobile ul.mobile-dropmenu{
	padding-left:0;
	margin:0;
	}

#mobile ul.mobile-dropmenu li{
	width:100%;
	background-color:#486371;
	}

#mobile ul.mobile-dropmenu li:hover{background-color:#668bc4;}

#mobile ul.mobile-dropmenu li a{color:#fff;}
/*手機次選單_end*/

.caret{margin-top:7px; margin-left:5px;}

.mobile-menu{width:100%;}

.mobile-menu li{
	width:50%;
	padding:15px 0;
	font-size:16px;
	color:5f605d;
	font-weight:bold;
	background-color: #ffffffde;
	}

.mobile-menu li a{color:#5f605d;}

/* 手機選單按鈕_start */
.menuBtnBox{
	display:none;
	position:absolute;
	top:13px;
	right:13px;
	z-index:1100;
	}

.menuBtn{
	display:block;
	--front:#f9f9f9;
	--back:#ccc;
	--icon:white;
	perspective:600px;
	width:48px;
	height:48px;
	position:relative;
	cursor:pointer;
	-webkit-tap-highlight-color:transparent;
	}

.menuBtn input{display:none;}

.menuBtn input + div span {
	--rotateY: 0deg;
	--background: var(--front);
	transform: rotateY(var(--rotateY));
	transform-style: preserve-3d;
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	border-radius: 50%;
	background:#ccc;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: transform 0.6s cubic-bezier(0.2, 0.64, 0.48, 1.24);
	}

.menuBtn input + div span:before, .menuBtn input + div span:after {
	--rotate: 0deg;
	content: "";
	position: absolute;
	width: 16px;
	height: 2px;
	border-radius: 1px;
	top: 50%;
	left: 50%;
	background: var(--icon);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transform: translate(-50%, -50%) rotate(var(--rotate)) translateZ(6px);
	}

.menuBtn input + div span:first-child{--background:var(--back);}

.menuBtn input + div span:first-child:before{--rotate:-45deg;}

.menuBtn input + div span:first-child:after{--rotate:45deg;}

.menuBtn input + div span:last-child{--rotateY:180deg;}

.menuBtn input + div span:last-child:before{
	box-shadow:0 -5px 0 var(--icon), 0 5px 0 var(--icon);
	}

.menuBtn input + div span:last-child:after{display:none;}

.menuBtn input:checked + div span:first-child{--rotateY:-180deg;}

.menuBtn input:checked + div span:last-child{--rotateY:0deg;}

.toggleSearchBtn{
	display:none;
	position:absolute;
	top:10px;
	right:80px;
	z-index:1100;
	}

.nav-open .toggleSearchBtn{display:none;}
.nav-open .searchToggleBlock{display:none;}

.toggleSearchBtn a{
	display:block;
	color:#bfbfbf;
	padding:15px;
	}

.toggleSearchBtn i{font-size:24px;}

.searchToggleBox{
	display:none;
	width:90%;
	margin:0 auto;
	position:absolute;
    top:110px;
    left:0;
    right:0;
    z-index:100;
	}

.searchToggleBox:after{
    height:11px;
    width:21px;
    position:absolute;
    content:"";
    background:url(../images/tip.png) no-repeat 0 0 / 21px 11px;
    right:55px;
    top:-10px;
    display:block;
	}

.mobileSearch-open .searchToggleBox{display:block;}

.searchToggleBox input{
    width:100%;
    height:40px;
    padding:5px 35px 4px 15px;
    color:rgb(176, 176, 176);
	border-radius:4px;
    border:1px solid rgb(188, 188, 188);
    outline:none;
    -webkit-box-shadow:none;
    box-shadow:none;
    background-color:#fff;
	}

.searchToggleBox button{
	background:none;
    border:none;
    padding:0;
    outline:0;
	position:absolute;
	top:12px;
	right:15px;
	}

/* 手機選單按鈕_end */

/* 首頁輪播模組_start */
.bannerSlideSection{overflow:hidden; position:relative;}

.bannerSlideSection .swiper-slide img{width:100%;}

.bannerSlide-S{display:none;}

#banner{position:relative; overflow:hidden; display:none;}

.bannerWrap{
	width:100%;
	max-width:700px;
	height:700px;
	background-image:url(../images/banner-main-pic.png);
	background-size:cover;
	background-position:center;
	-webkit-transform:translate(-50%, -45%);
    transform:translate(-50%, -45%);
	position:absolute;
	top:50%;
	left:50%;
	z-index:5;
	}

.bannerWrap__inner{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
    justify-content:center;
    align-items:center;
	position:relative;
	}

.bannerSpiritTitle{
	font-size:40px;
	font-weight:bold;
	color:#05339c;
	/*text-shadow:0px 0px 10px rgba(0, 0, 0, 0.75);*/
	}

.bannerSpiritDesc{width:80%; max-width:500px; margin:10px auto;}

.bannerSpiritDesc p{
	line-height:1.7em;
	padding:3px 3px 0 7px;
	background-color:rgba(255,255,255,0.5);
	}

.bannerLargeCircle{
	width:700px;
	height:700px;
	margin:auto;
	/*-webkit-transform:rotate(37.5deg) rotateZ(0) translateZ(0);
	transform:rotate(37.5deg) rotateZ(0) translateZ(0);*/
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
	}

.bannerLargeCircle::before{
	content:"";
	width:660px;
	height:660px;
	margin:auto;
	background-image:url(../images/banner-large-circle.png);
	background-repeat:no-repeat;
	background-size:cover;
	pointer-events:none;
	-webkit-animation:rotate 100s linear infinite;
	animation: rotate 100s linear infinite;
	position:absolute;
	left:0;
	right:0;
	top:0;
	bottom:0;
	z-index:2;
    }

@keyframes rotate{
	100%{-webkit-transform:rotate(360deg); transform:rotate(360deg);}
	}

.bannerLargeCircle__inner{width:100%; height:100%; position:relative; z-index:5;}

.largeCircleItem{width:156px; height:156px; position:absolute;}

.largeCircleItemA{top:18%; left:2%;}
.largeCircleItemB{top:18%; right:2%;}
.largeCircleItemC{left:0; bottom:20%;}
.largeCircleItemD{left:40%; bottom:0;}
.largeCircleItemE{right:0; bottom:20%;}

.largeCircleItem .box__inner,
.bannerMarqueeList .box__inner{
	width:100%;
	height:100%;
	display:flex;
	flex-direction:column;
    justify-content:center;
    align-items:center;
	position:relative;
	}

.largeCircleItem .box__inner::after,
.bannerMarqueeList .box__inner::after{
	content:"";
	width:100%;
	height:100%;
	background-image:url(../images/circle-item-bg.png);
	background-size:cover;
	-webkit-animation:rerotate 30s linear infinite;
	animation:rerotate 30s linear infinite;
	position:absolute;
	top:0;
	bottom:0;
	right:0;
	left:0;
	z-index:1;
	}

.largeCircleItem img, .largeCircleItem span,
.bannerMarqueeList li img, .bannerMarqueeList li span{position:relative; z-index:5;}

.largeCircleItem img, .bannerMarqueeList li img{width:60px; margin-top:-15px;}

.largeCircleItem span, .bannerMarqueeList li span{
	font-size:16px;
	color:#11224e;
	text-align:center;
	line-height:1.3em;
	margin-top:3px;
	}

@keyframes rerotate{
	0%{-webkit-transform:rotate(0deg); transform:rotate(0deg);}
	100%{-webkit-transform:rotate(-360deg); transform:rotate(-360deg);}
	}

.bannerItemSlideContainer{overflow:hidden; display:none;}

.bannerMarqueeList{
	display:inline-flex;
	-webkit-animation:marquee 20s linear infinite running;
	-moz-animation:marquee 20s linear infinite running;
	-o-animation:marquee 20s linear infinite running;
	-ms-animation: marquee 20s linear infinite running;
	animation:marquee 20s linear infinite running;
    }

.bannerMarqueeList li{
	width:156px;
	height:156px;
	margin:0 20px;
	transition:all 0.5s ease;
	}

.swiper-container-outside{position:relative; z-index:1;}

.bannerCover{padding-bottom:100vh;}

.swiper-slide-active .zoom-out-effect{
	animation:zoom-out 10s ease infinite;
	}

@keyframes zoom-out{
	0%{transform:scale(1, 1);}
	50%{transform:scale(1.05, 1.05);}
	100%{transform:scale(1.15, 1.15);}
	}

.bannerTitle{
	width:600px;
	margin-left:-300px;
	text-align:center;
	position:absolute;
	left:50%;
	bottom:30%;
	z-index:5;
	}

.mask{overflow:hidden; position:relative;}

.bannerBox{width:100%; height:3em;}

.bannerTitle-main{
	font-size:52px;
	font-weight:bold;
	color:#fff;
	text-shadow:1px 1px 5px #000;
	}

.bannerTitle-sub{
	font-size:42px;
	color:#fff;
	text-shadow:1px 1px 5px #000;
	}

.bannerBox-inner{
	position:absolute;
	width:100%;
	line-height:1.5em;
	}

.swiper-slide-active .bannerTitle-main .bannerBox-inner{
	animation:3s ease-out alternate both animation-2-name;
	}

.swiper-slide-active .bannerTitle-sub .bannerBox-inner{
	animation:3s ease-out alternate both animation-2-title;
	}

#banner .swiper-button-prev,
#banner .swiper-container-rtl .swiper-button-next{
	left:70px;
	font-weight:bold;
	}

#banner .swiper-button-next,
#banner .swiper-container-rtl .swiper-button-prev{
	right:70px;
	font-weight:600;
	}

#banner .swiper-button-prev:after,
#banner .swiper-button-next:after{
	font-size:24px;
	font-weight:500;
    padding:5px 10px;
    border:1px solid var(--swiper-navigation-color,var(--swiper-theme-color));
    position:absolute;
	}

#banner .swiper-button-prev:after{left:-50px;}
#banner .swiper-button-next:after{right:-50px;}

@keyframes animation-2-name{
	0%{transform:translate3d(0, 100%, 0);}
	30%{transform:translate3d(0, 100%, 0);}
	80%{transform:translate3d(0, 0, 0);}
	}

@keyframes animation-2-title{
	0%{transform:translate3d(0, -100%, 0);}
	30%{transform:translate3d(0, -100%, 0);}
	80%{transform:translate3d(0, 0, 0);}
	}

/* 首頁輪播模組_end */

#contentBg{height:auto; width:100%;}

#content{margin:0 auto; overflow:hidden; min-height:700px;}

#navlist{
	background-color:#7d7d7d;
	line-height:3.5em;
	min-height:2em;
	position:inherit;
    width:100%; padding:0;
    background-image:linear-gradient(180deg,#efefef,#e4e4e4 25%);
    border-top:1px #ccc solid;
    display:none;
}
#navlist a{transition:all 0.2s ease;}

#navlist a:hover{color:#a0a0a0;}

#navlist_mobile{
	display:none;
	background-color:#727271;
	}

#navlist_mobile >ul{
	box-sizing: border-box;
	padding-left:30px;
	}

#navlist_mobile >ul li{
	background: url(images/icon_mobile.png) no-repeat left;
	border-bottom:1px #210000 dashed;
	height:55px;
	box-sizing:border-box;
	padding:20px 0 0 30px;
}

#navlist_mobile >ul li a{color:#fff;}

#contentBox{
	position:relative;
	overflow:inherit;
	animation:fadeIn 0.5s ease-in-out 1;
	}

@keyframes fadeIn{
	0%{opacity:0;}
	100%{opacity:1;}
	}

#navlist ul{ text-align: center;}

#navlist > ul > li{
  	background:url(images/icon.png) no-repeat left;
 	padding:0 0 0 20px;
 	display: inline-block;
 	position:relative;
}

#navlist>ul>li > ul{
    background:#cccccc;
    position:absolute;
    z-index:99;
    left:0;
    top:55px;
    min-width:100%;
    padding:0 5px;
    line-height:40px;
}

#navlist>ul>li>ul li{border-bottom:1px #fff solid;}

#navlist>ul>li>ul a:hover{color:#ffffff;}

#navlist ul li>ul{display:none;}/*隱藏次選單*/

#navlist ul li>ul:hover{display:block;}/*滑鼠滑入展開次選單*/

.indexSection{padding:50px 0;}

.indexSection .container{position:relative;}

.indexSectionTitle{
	width:90%;
	max-width:600px;
	text-align:center;
	margin:0 auto 40px;
	position:relative;
	}

.indexSectionTitle-en{
	font-size:52px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    color:#0f55c9;
    text-transform:uppercase;
    padding-bottom:10px;
    margin-bottom:10px;
    position:relative;
	}

.indexSectionTitle-en::before{
	content:"";
	width:300px;
	height:1px;
	margin-left:-150px;
	background-color:#ccc;
	position:absolute;
	left:50%;
	bottom:0;
	}

.indexSectionTitle-en::after{
	content:"";
	width:50px;
	height:5px;
	margin-left:-25px;
	background-color:#11224e;
	position:absolute;
	left:50%;
	bottom:-2px;
	}

.indexSectionTitle-tw{
	font-size:28px;
	font-weight:bold;
	color:#000;
	letter-spacing:1px;
	}

/* 首頁跑馬燈區_start */
.marqueeSection{position:relative;}

.stationContainer{max-width:1200px;}

.stationAreaBox{width:33.333%; position:relative;}

.stationAreaBox>.box__inner{
	padding:15px 20px;
	border:1px solid #ccc;
	border-radius:10px;
	background-color:#fff;
	box-shadow:0px 0px 10px 0px rgba(0, 0, 0, 15%);
	transition:all 0.5s ease 0s;
	position:relative;
	}

.stationAreaBox h4{
	font-size:24px;
	font-weight:bold;
	color:#05339c;
	margin-bottom:5px;
	}

.stationTelBlock{display:flex;}

.stationTel{
	padding-left:35px;
	margin-right:10px;
	position:relative;
	}

.stationTel::before{
	content:"\f095";
	font-family:'Font Awesome 6 Free';
	font-size:24px;
	font-weight:900;
	color:#05339c;
	position:absolute;
	top:5px;
	left:5px;
	}

.stationTel span{font-size:32px; font-family:'Oswald', sans-serif;}

.stationSubList{
	padding-top:10px;
	margin-top:10px;
	border-top:1px solid rgba(204,204,204,0.5);
	display:flex;
	flex-wrap:wrap;
	}

.stationSubList li{
	font-size:14px;
	padding-left:15px;
	margin-right:5px;
	margin-bottom:7px;
	}

.stationSubList li::before{
	content:"";
	width:5px;
	height:5px;
	border-radius:999em;
	background-color:#05339c;
	position:absolute;
	top:5px;
	left:5px;
	}

.stationDetailBtn{
	width:35px;
	height:35px;
	position:absolute;
	top:13px;
	right:13px;
	}

.stationDetailBtn .box__inner{
	width:100%;
	height:100%;
	border:1px solid #ccc;
	border-radius:999em;
	position:relative;
	}

.stationDetailBtn .box__inner::before,
.stationDetailBtn .box__inner::after{
	content:"";
	background-color:#ccc;
	transform:rotate(-180deg);
	transition:transform 0.3s;
	position:absolute;
	}

.stationDetailBtn .box__inner::before{
	width:20px;
	height:1px;
	top:16px;
	left:7px;
	}

.stationDetailBtn .box__inner::after{
	width:1px;
	height:20px;
	top:7px;
	left:16px;
	}


.stationAreaBox:hover>.box__inner{background-color:#1055c9; box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 30%);}
.stationAreaBox:hover h4{color:#ffff00;}
.stationAreaBox:hover .stationTel::before{color:#ffff00;}
.stationAreaBox:hover .stationTel span{color:#fff;}
.stationAreaBox:hover .stationSubList li{color:#fff;}
.stationAreaBox:hover .stationSubList li::before{background-color:#00b7ee;}
.stationDetailBtn:hover .box__inner{border:1px solid #11224e; background-color:#11224e;}
.stationDetailBtn:hover .box__inner::before{background-color:#fff; transform:rotate(0deg);}
.stationDetailBtn:hover .box__inner::after{background-color:#fff; transform:rotate(0deg);}

.marqueeContainer{overflow:hidden; position:relative;}

.marqueeList{
	display:inline-flex;
	-webkit-animation:marquee 30s linear infinite running;
	-moz-animation:marquee 30s linear infinite running;
	-o-animation:marquee 30s linear infinite running;
	-ms-animation: marquee 30s linear infinite running;
	animation:marquee 30s linear infinite running;
    }

.marqueeList:hover{
	-webkit-animation-play-state:paused;
	-moz-animation-play-state:paused;
	-o-animation-play-state:paused;
	-ms-animation-play-state:paused;
	animation-play-state:paused;
	}

.marqueeList li{
	width:250px;
	padding:10px;
	margin:0 10px;
	transition:all 0.2s ease;
	}

.marqueeList li .box__inner{
	padding:25px 15px;
	border-radius:10px;
	border:1px solid #ccc;
	background-color:#dcdcdc;
	transition:all 0.5s ease;
	}

.marqueeTxt{text-align:center;}

.marqueeTxt h4{
	font-size:24px;
	font-weight:bold;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(204,204,204,0.5);
	}

.marqueeTxt span{font-size:18px;}

.marqueeList li:hover .box__inner{background-color:#11224e;}
.marqueeList li:hover .marqueeTxt h4{color:#fff;}
.marqueeList li:hover .marqueeTxt span{color:#fff;}

@-moz-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-webkit-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@-o-keyframes marquee {
  0% {
    -webkit-transform: translateX(0);
    -moz-transform: translateX(0);
    -o-transform: translateX(0);
    -ms-transform: translateX(0);
    transform: translateX(0);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}
@keyframes marquee {
  0% {
    -webkit-transform: translateX(0%);
    -moz-transform: translateX(0%);
    -o-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
  }
  100% {
    -webkit-transform: translate(-50%);
    -moz-transform: translate(-50%);
    -o-transform: translate(-50%);
    -ms-transform: translate(-50%);
    transform: translate(-50%);
  }
}

/* 首頁跑馬燈區_end */

/* 首頁熱門產品區_start */
.productSection{
    position:relative;
    width:100%;
    padding:80px 0;
	}

.indexProductBlock{
	width:95%;
	max-width:1280px;
	margin:0 auto;
	display:flex;
	}

.productSection .blockTtileBox{margin-right:30px;}

.arrowBox{
	margin-top:50px;
	margin-right:20px;
	display:flex;
	align-items:center;
    justify-content:space-between;
    }

.arrowBox .swiper-button-prev,
.arrowBox .swiper-button-next{
    width:100px;
    color:#fff;
    padding:12px 25px;
    background-color:#468da3;
    border-radius:999em;
    position:relative;
    top:unset;
    bottom:unset;
    left:unset;
    right:unset;
	}

.arrowBox .swiper-button-prev::after,
.arrowBox .swiper-button-next::after{
	font-size:20px;
	}

.indexProductContent{
	flex:1;
	overflow:hidden;
	position:relative;
	}

.productSection .swiper-slide a{
	display:block;
	margin:10px;
	padding-bottom:20px;
	transition:box-shadow .3s ease-in-out;
	}

.slideProInfo{margin:15px 0 0; padding-left:10px;}

.slideProInfo p{font-size:20px; font-weight:bold;}

.swiper-slide:hover a{box-shadow:5px 5px 0 1px #0f8a7c;}

/* 首頁熱門產品區_end */

/* 首頁形象主圖區_start */
.mainSpiritSection{
    position:relative;
    width:100%;
    padding:0;
	}

.mainSpiritSection .mainSpirit__in{
    will-change:width;
    position:relative;
    z-index:1;
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-pack:end;
    -ms-flex-pack:end;
    justify-content:flex-end;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    width:60%;
    height:540px;
    margin:0 auto;
    overflow:hidden;
    -webkit-transition:width .6s .3s ease;
    transition:width .6s .3s ease;
	}

.mainSpiritSection .mainSpirit__bg{
    position:absolute;
    z-index:-1;
    top:-100%;
    bottom:-100%;
    left:-100%;
    right:-100%;
    display:block;
    width:100vw;
    height:100%;
    margin:auto;
    -webkit-transform:scale(1.2);
    transform:scale(1.2);
    -webkit-transition:-webkit-transform .6s .3s ease;
    transition:-webkit-transform .6s .3s ease;
    transition:transform .6s .3s ease;
    transition:transform .6s .3s ease, -webkit-transform .6s .3s ease;
	}

.mainSpiritSection .mainSpirit__bg img,
.mainSpiritSection .mainSpirit__bg source{
    width:100%;
    height:100%;
    -o-object-fit:cover;
    object-fit:cover;
	}

.mainSpiritSection .mainSpirit__block{
    margin-left:auto;
    margin-right:6%;
    -webkit-transform:translate(0, 40%);
    transform:translate(0, 40%);
    opacity:0;
    -webkit-transition:opacity .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,-webkit-transform .3s ease;
    transition:opacity .3s ease,transform .3s ease;
    transition:opacity .3s ease,transform .3s ease,-webkit-transform .3s ease;
	}

.mainSpirit__block h3{
	font-size:48px;
	font-weight:bold;
	color:#05339c;
	padding:5px 10px;
	background-color:rgba(255,255,255,0.5);
	}

.mainSpirit__block p{
	font-size:28px;
	font-weight:bold;
	color:#333;
	padding:5px;
	background-color:rgba(255,255,255,0.5);
	}

.mainSpiritBtn{margin-top:30px;}

.btn-link{
    display:-webkit-inline-box;
    display:-ms-inline-flexbox;
    display:inline-flex;
    -webkit-box-pack:start;
    -ms-flex-pack:start;
    justify-content:flex-start;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    line-height:1.7;
    font-style:normal;
    letter-spacing:0.05em;
    font-size:18px;
    font-weight:600;
    color:#0f8a7c;
    text-decoration:none;
	}

.mainSpiritSection .btn-link{color:#fff;}

.btn-link .btn-link__ico{
    position:relative;
    width:40px;
    height:40px;
    margin-right:10px;
    border-radius:50%;
    background-color:#5a5a5a;
    -webkit-transition:background-color .25s ease;
    transition:background-color .25s ease;
	}

.btn-link .btn-link__ico::before,
.btn-link .btn-link__ico::after{
    content:"";
    position:absolute;
    top:0;
    bottom:0;
    left:0;
    right:0;
    display:block;
    width:10px;
    height:1px;
    margin:auto;
    background-color:#fff;
    -webkit-transition:-webkit-transform .25s ease;
    transition:-webkit-transform .25s ease;
    transition:transform .25s ease;
    transition:transform .25s ease, -webkit-transform .25s ease;
	}

.btn-link .btn-link__ico::before{
    -webkit-transform:rotate(90deg);
    transform:rotate(90deg);
	}

.mainSpiritSection .btn-link:hover{color:#fff;}

.btn-link:hover{color:#0f8a7c;}

.btn-link:hover .btn-link__ico{background-color:#468da3;}

.btn-link:hover .btn-link__ico::before{
    -webkit-transform:rotate(450deg);
    transform:rotate(450deg);
	}

.btn-link:hover .btn-link__ico::after{
    -webkit-transform:rotate(360deg);
    transform:rotate(360deg);
	}

.mainSpiritSection .mainSpirit__in.active {
    width:100%;
    -webkit-transition-delay:0s;
    transition-delay:0s;
	}

.mainSpiritSection .mainSpirit__bg.active {
    -webkit-transform:scale(1);
    transform:scale(1);
    -webkit-transition-delay:0s;
    transition-delay:0s;
	}

.mainSpiritSection .mainSpirit__block.active{
    -webkit-transform:translate(0, 0);
    transform:translate(0, 0);
    opacity:1;
    -webkit-transition-duration:0.6s;
    transition-duration:0.6s;
    -webkit-transition-delay:0.6s;
    transition-delay:0.6s;
    /*text-shadow:1px 1px 5px #000;*/
	}
/* 首頁形象主圖區_end */

/* 首頁關於我們_start */
.indexAboutSection{
    position:relative;
    width:100%;
    padding:50px 0 80px;
    overflow:hidden;
	}

.indexAboutBlock{
	width:95%;
	max-width:1000px;
	margin:0 auto;
	display:flex;
	background-color:#fff;
	box-shadow:0 1rem 2rem 0 rgba(0, 0, 0, 0.3);
	}

.indexAboutPic{
	flex-basis:550px;
	overflow:hidden;
	position:relative;
	z-index:1;
	}

.indexAboutContent{flex:1; padding:40px 20px 40px 0;}

.indexAboutPic>.img-cover{padding-bottom:70%;}

.indexAboutPic::after{
	content:"";
    background-color:#fff;
    width:600px;
    height:150%;
    z-index:5;
    position:absolute;
    right:-500px;
    top:20px;
    -webkit-transform: rotate(15deg) translateX(0);
    transform: rotate(15deg) translateX(0);
    -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
    transition: -webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
    transition: transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
    transition: transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s, -webkit-transform 0.3s cubic-bezier(0.475, 0.425, 0, 0.995) 0.4s;
	}

.indexAboutBlock:hover .indexAboutPic .img-cover>img{
    -webkit-transform:translate(-50% , 0) scale(1.05);
    transform:translate(-50% , 0) scale(1.05);
	}

.indexAboutBlock:hover .indexAboutPic::after{
    -webkit-animation:pagePaper 0.3s ease-out 0s;
    animation:pagePaper 0.3s ease-out 0s;
	}

@keyframes pagePaper{
	0%{
		-webkit-transform: rotate(15deg) translateX(0);
		transform: rotate(15deg) translateX(0);
	}
	50%{
		-webkit-transform: rotate(15deg) translateX(-10px);
		transform: rotate(15deg) translateX(-10px);
	}
	100%{
		-webkit-transform: rotate(15deg) translateX(0);
		transform: rotate(15deg) translateX(0);
	}
}

.indexAboutContent .blockTitle-en{
	font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
	}

.indexAboutContent .blockTitle-en span{
	font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
	color:#0f8a7c;
	}

.indexAboutContent .blockTitle-tw{
	font-size:18px;
    font-weight:bold;
    margin-top:15px;
    margin-bottom:25px;
	}

.indexAboutNarrative p{
    display:-webkit-box;
    width:100%;
    height:4.5em;
    line-height:1.5em;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
    margin:0;
	}

/* 首頁關於我們_end */

/* 首頁流程介紹_start */
.indexProcessContainer{width:90%; max-width:1360px;}

.indexProcessList{display:flex;}

.indexProcessList li{width:25%; padding:15px;}

.indexProcessList li .box__inner{
	padding:80px 15px 40px;
	border-radius:20px;
	transition:all 0.5s ease 0s;
	position:relative;
	}

.indexProcessList li:nth-child(1) .box__inner{border:10px solid #0F55c9;}
.indexProcessList li:nth-child(2) .box__inner{border:10px solid #ff5656;}
.indexProcessList li:nth-child(3) .box__inner{border:10px solid #ffc50f;}
.indexProcessList li:nth-child(4) .box__inner{border:10px solid #06923e;}

.indexProcessList li:hover .box__inner{box-shadow:0px 0px 15px 0px rgba(0, 0, 0, 30%);}

.indexProcessList li .box__inner::after{
	content:"";
	width:100%;
	height:100%;
	border-radius:10px;
	background-size:cover;
	opacity:0.65;
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	z-index:1;
	}

.indexProcessList li:nth-child(1) .box__inner::after{background-image:url(../images/index-process-step-bg-1.jpg);}
.indexProcessList li:nth-child(2) .box__inner::after{background-image:url(../images/index-process-step-bg-2.jpg);}
.indexProcessList li:nth-child(3) .box__inner::after{background-image:url(../images/index-process-step-bg-3.jpg);}
.indexProcessList li:nth-child(4) .box__inner::after{background-image:url(../images/index-process-step-bg-4.jpg);}

.stepIconBox{
	width:120px;
	height:120px;
	padding:15px;
	margin-left:-60px;
	border-radius:999em;
	background-color:#fff;
	position:absolute;
	top:-70px;
	left:50%;
	z-index:5;
	}

.indexProcessList li:nth-child(1) .stepIconBox{border:8px solid #0F55c9;}
.indexProcessList li:nth-child(2) .stepIconBox{border:8px solid #ff5656;}
.indexProcessList li:nth-child(3) .stepIconBox{border:8px solid #ffc50f;}
.indexProcessList li:nth-child(4) .stepIconBox{border:8px solid #06923e;}

.stepIconBox img{width:100%;}

.stepTxt{
	padding:15px 10px 20px;
	background-color:rgba(255,255,255,0.8);
	position:relative;
	z-index:3;
	}

.stepTxt h4{
	font-size:28px;
	font-weight:bold;
	padding-bottom:5px;
	text-align:center;
	}

.stepTxt p{min-height:120px;}

.indexProcessSection .moreBtnBlock{justify-content:center;}
/* 首頁流程介紹_end */

/* 首頁最新消息區_start */
.indexNewsSection{padding:0 0 70px;}

.indexNewsContainer{width:90%; max-width:1080px;}

.blockTitleBox{
	flex-basis:250px;
	margin-right:30px;
	position:relative;
	}

.newsListContent{flex:1; position:relative;}

.blockTitleBox .indexSectionTitle{
	width:100%;
	max-width:unset;
	text-align:left;
	margin:0;
	}

.blockTitleBox .indexSectionTitle-en::before{
	width:100%;
	margin-left:0;
	left:0;
	}

.blockTitleBox .indexSectionTitle-en::after{
	margin-left:0;
	left:0;
	}

.newsSectionBtn{margin-top:30px;}

.newsList{padding-left:0; list-style:none;}

.newsList li{
	margin-bottom:20px;
	padding:10px 10px 20px 0;
	border-bottom:2px dotted #ccc;
	position:relative;
	}

.newsList li:last-child{border-bottom:none;}

.newsList li .box__inner{display:flex; align-items:flex-end;}

.newsItemCover{flex-basis:200px; margin-right:15px;}

.newsItemContent{flex:1;}

.newsItemCover .img-cover{padding-bottom:60%;}

.newsDate{
    font-size:16px;
    font-weight:bold;
    color:#686868;
	}

.newsTitle{
	padding-bottom:10px;
    margin-top:10px;
    margin-bottom:10px;
    border-bottom:1px dotted rgba(204,204,204,0.75);
	}

.newsTitle h4{font-size:20px; font-weight:bold; transition:all 0.5s ease 0s;}

.newsNarrative p{
    display:-webkit-box;
    width:100%;
    height:3.2em;
    line-height:1.6em;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
    margin:0;
	}

.newsMoreBtn{
	flex-basis:70px;
	height:70px;
	margin-left:20px;
	border:2px solid rgba(16,85,201,0.5);
	border-radius:999em;
	transition:all 0.5s ease 0s;
	position:relative;
	}

.newsMoreBtn::before{
	content:"";
	width:30px;
	height:1px;
	background-color:#1055c9;
	transition:all 0.5s ease 0s;
	position:absolute;
	top:35px;
	left:18px;
	}

.newsMoreBtn::after{
	content:"";
	width:10px;
	height:1px;
	background-color:#1055c9;
	transform:rotate(40deg);
	transition:all 0.5s ease 0s;
	position:absolute;
	top:32px;
	left:40px;
	}

.newsList li:hover .newsListCover .img-cover>img{
    transform:translate(-50% , 0) scale(1.1);
	}

.newsList li:hover .newsTitle h4{color:#1055c9;}

.newsList li:hover .newsMoreBtn{border:2px solid #1055c9; background-color:#1055c9;}
.newsList li:hover .newsMoreBtn::before{background-color:#fff;}
.newsList li:hover .newsMoreBtn::after{background-color:#fff;}

/* 首頁最新消息區_end */

/*footer_start*/
footer{
	padding:20px 0 25px;
	background-size:cover;
	background-position:center;
	position:relative;
	}

footer ul{padding-left:0; list-style:none;}

footer i{margin-right:3px;}

footer a, footer i{
	color:#fff;
	transition:all 0.4s ease;
	line-height:1em;
	}
	
footer a:hover{color:#00ffff;}

.footArea{width:90%; max-width:960px; margin:0 auto;}

.footBlock{display:flex; justify-content:center;}

.footBox-mainInfo{display:flex; flex-direction:column;}

.policyList{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -ms-flex-wrap:wrap;
    flex-wrap:wrap;
    -webkit-box-align:center;
    -ms-flex-align:center;
    align-items:center;
	}

.footInfoList{display:flex; flex-wrap:wrap;}

.footInfoList li .box__inner{
	padding:10px 15px;
	border:1px solid rgba(255, 255, 255, 0.5);
    border-radius:7px;
	display:flex;
	align-items:flex-end;
	}

.infoIconBox i{font-size:20px;}

.infoIconBox span{font-size:20px; color:#fff; margin-right:8px;}

.footInfo-tel .box__inner>span{
	font-family:'Open Sans', sans-serif;
	font-size:24px;
	color:#fff;
	}

.footInfoList li:hover .box__inner{border:1px solid #05339c; background-color:#05339c;}

.mainInfo-bottom .footInfoList li a{font-size:14px;}

.footBox-siteMap{display:flex;}

.siteMapBox{padding:10px;}

.siteMapBox h3{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	}

.siteMapList{display:flex; flex-wrap:wrap;}

.siteMapList li{
	font-size:16px;
	line-height:20px;
	margin-top:7px;
	margin-right:15px;
	padding-left:12px;
	position:relative;
	}

.siteMapList li::before{
	content:"-";
	color:#fff;
	position:absolute;
	top:0;
	left:0;
	}

.footBlock-bottom{
	margin-top:15px;
	border-top:1px solid rgba(255,255,255,0.3);
	}

.siteMapBox, .footBox-logo{position:relative;}

.footBox-logo{width:300px;}

.footBox-logo a{display:block;}

.footBox-siteMap{flex:1; position:relative;}

.footBox-policy{
	flex-basis:350px;
	margin-left:10px;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	}

.footIconList{margin-bottom:10px; display:flex; justify-content:flex-end;}

.footIconList li a{
    width:35px;
    height:35px;
    font-size:18px;
    margin:0 5px;
    border-radius:50%;
    background-color:#fff;
    display:-webkit-flex;
    display:flex;
    -webkit-justify-content:center;
    justify-content:center;
    -webkit-align-items:center;
    align-items:center;
    transition:all 0.15s ease-in-out;
	}

.footIconList li a i{color:#0f8a7c; margin-right:0;}

.footIconList li:hover a{background-color:#004986;}
.footIconList li:hover a i{color:#fff;}

.policyList{justify-content:flex-end;}

.policyList li{margin:10px 0 10px 15px;}

.policyList li a{font-size:14px;}

.footBox-policy .ccin{
	margin-bottom:5px;
	display:flex;
	justify-content:flex-end;
	align-items:center;
	flex-wrap:wrap;
	}

.footBox-policy .ccin span{font-size:12px; color:#fff;}

.footBox-policy .ccin a{font-size:12px; color:#ccc; margin:0 5px;}

.footBox-policy .ccin a:hover{color:#00ffff;}

/* 側邊快捷按鈕 setting */
.sub-side-nav{
	position:fixed;
	top:70%;
	right:0;
	margin-top:-213px;
	z-index:100;
	}

.sideNavList{padding-left:0; list-style:none;}

.sideNavList li{margin-bottom:1px;}
.sideNavList li:last-child{margin-bottom:0;}

.sideNavList li a{
	padding:15px 15px;
	background-color:#1055c9;
    display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	}

.sideNavList li.side-line a{background-color:#03c302;}

.sideNavList li:nth-child(even) a{background-color:#13b5b1;}

.sideNavList li i, .sideNavList li span{color:#fff;}

.sideNavList li img, .sideNavList li i{margin-bottom:7px;}

.sideNavList li span{
	font-size:14px;
	writing-mode:vertical-rl;
	text-orientation:mixed;
	}

.sideNavList li.side-line:hover a{background-color:#03c302;}
.sideNavList li.side-tel:hover a{background-color:#00b7ee;}

.gotop{
	width:60px;
    height:60px;
    background-color:#1055c9;
	position:fixed;
	bottom:15px;
	z-index:999;
	}

#gotop{
	height:100%;
    font-size:14px;
	color:#fff;
	display:-ms-flexbox;
    display:flex;
    -ms-flex-pack:center;
    justify-content:center;
    -ms-flex-align:center;
    align-items:center;
    -ms-flex-direction:column;
    flex-direction:column;
	position:relative;
	}

#gotop::before{
    display:block;
    content:"";
    width:10px;
    height:10px;
    margin-bottom:3px;
    border:1px solid #fff;
    border-width:1px 1px 0 0;
    transform:rotate(-45deg);
	}

#gotop:hover::before {
    animation: up_down_arrow 1s infinite ease-in-out;
	}

@keyframes up_down_arrow{
	0%{margin-top:0;}
	50%{margin-top:-15px;}
	}

/*footer_end*/

.abgne_tab{display:none;}

/* 分頁共同設定_start */
.sloganTitle{
    text-indent:100%;
    white-space:nowrap;
    overflow:hidden;
    position:absolute;
    top:0;
	}

.pageContentContainer{
	width:90%;
	max-width:1080px;
	padding-bottom:80px;
	position:relative;
	}

.error404{text-align:center;}
.error404 img{margin-bottom:60px;}

.error404 h1{
    font-size:50px;
    font-weight:bold;
    text-transform:uppercase;
	}

.image-show-box>.box-inner{margin:10px;}

.image-show-box p{
	text-align:center;
	font-size:20px;
	font-weight:600;
	color:#8b0000;
	}

.contentEditBlock h4{font-size:22px; font-weight:600;}

.contentEditBlock h5{
	font-size:20px;
	font-weight:600;
	margin-bottom:10px;
	}

.page-eidt-area h4{
	font-size:24px;
	font-weight:600;
	margin-bottom:7px;
	}

.contentEditBlock p,
.contentEditBlock ul li{
	font-size:18px;
	font-weight:500;
	line-height:1.7em;
	}

/*頁面編輯設定_end*/

/* pageBanner_start */
.pageBannerSection{
	width:100%;
	padding:145px 0 50px;
	background-image:url(../images/page-banner-bg.jpg);
	background-size:cover;
	background-position:left;
	position:relative;
	}

.pageBannerContainer{width:90%; max-width:1360px;}

.pageBannerTitle-en{
	font-size:56px;
    font-family:'Oswald', sans-serif;
    color:#fff;
    letter-spacing:2px;
    text-shadow:2px 2px 5px rgba(0,0,0,0.75);
    padding-bottom:10px;
    margin-bottom:15px;
    position:relative;
	}

.pageBannerTitle-en::before{
	content:"";
	width:400px;
	height:3px;
	background-image:linear-gradient(to right, rgba(255,255,255, 0.85), transparent 95%);
	position:absolute;
	left:0;
	bottom:0;
	}

.pageBannerTitle-tw{
	font-size:24px;
	padding:5px 15px 3px;
	margin-left:25px;
	background-color:rgba(255,255,255,0.65);
	display:inline-block;
	position:relative;
	}

.pageBannerTitle-tw::before{
    content:"";
	width:0;
    height:0;
    border-style:solid;
    border-width:6px 0 6px 12px;
    border-color:transparent transparent transparent #ffff00;
    transform-style:preserve-3d;
    position:absolute;
    left:-20px;
    top:12px;
	}

.pageBannerBlock{
	width:100%;
	height:220px;
	margin-top:135px;
	overflow:hidden;
	position:relative;
	}

.pageBannerBox{
	width:100%;
	max-width:1080px;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
	z-index:5;
	}

.pageBannerBox h3.pageBannerTitle-main{
	display:inline-block;
	font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    margin-top:50px;
    padding:0 20px 5px;
    background-color:#fff;
    position:relative;
    z-index:10;
	}

.pageBannerBox h3.pageBannerTitle-main span{
	font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    color:#0f8a7c;
	}

.pageBannerBox h3.pageBannerTitle-sub{
	font-size:22px;
    font-weight:bold;
    color:#fff;
    margin-top:20px;
    padding-left:20px;
    position:relative;
	}

.pageBannerBox h3.pageBannerTitle-main::after{
	width:0;
    height:0;
    content:"";
    border-style:solid;
    border-width:0 0 72px 27px;
    border-color:transparent transparent transparent rgba(255,255,255,1);
    position:absolute;
    top:0;
    right:-27px;
	}

.pageBannerBox h3.pageBannerTitle-sub::after{
	content:"";
	width:70%;
	height:1px;
	background-color:#fff;
	position:absolute;
	left:20px;
	bottom:-10px;
	z-index:10;
	}

.pageBannerCoverBox{
	width:85%;
	height:220px;
	transform:skewX(-20deg);
	overflow:hidden;
	position:absolute;
	top:0;
	right:-15%;
	z-index:5;
	}

.pageBannerCover{
	width:100%;
	height:100%;
	position:relative;
	}

.pageBannerCover__in{
	width:100%;
	height:100%;
	background-image:url(../images/pageBanner-1.jpg);
	background-size:cover;
	background-repeat:no-repeat;
	background-position:center;
	transform:skewX(20deg);
	position:absolute;
	top:0;
	left:-10%;
	}

#particles-js{
	width:100%;
	height:100%;
	background-color:transparent;
	background-repeat:no-repeat;
	background-size:cover;
	background-position:50% 50%;
	position:absolute;
	top:0;
	z-index:1;
}

.pageBanner-bg{
	width:100%;
	height:100%;
	background:linear-gradient(-45deg, #344d2a, #c7cea3, #047c51, #0c2b11);
    background-size:400% 400%;
    animation:gradient 15s ease infinite;
    position:absolute;
    top:0;
    z-index:-1;
	}

/* pageBanner_end */

/* 分頁共同設定_start */
.pageContentSection{padding:0 0 80px; position:relative;}

.pageContentSection .container{position:relative;}

/* 分頁共同設定_end */

/* bread_start */
.breadContainer{width:90%; max-width:1080px;}

.breadList{
	padding:25px 0;
	display:flex;
	justify-content:flex-end;
	flex-wrap:wrap;
	}

.breadList li{padding-left:20px; margin-bottom:10px;}
.breadList li:nth-child(1){padding-left:0;}

.breadList li::before{
    content:"";
    width:1px;
    height:12px;
    background-color:#8f775c;
    transform:rotate(20deg);
    position:absolute;
    top:2px;
    left:10px;
    z-index:1;
	}

.breadList li:nth-child(1)::before{width:0; height:0;}

.breadList li .box__inner{display:flex; align-items:flex-end;}

.breadList li span{font-size:14px; color:#868686;}
.breadList li:last-child span{color:#000;}

.breadList li i{font-size:12px; color:#868686; margin-right:5px;}
/* bread_end */

/* 分頁關於我們_start */
.pageAboutContainer{width:90%; max-width:1080px; min-height:350px;}

.pageAboutContainer .row{margin-bottom:30px;}

.pageAboutContainer .row:nth-child(odd){flex-direction:row-reverse;}

.aboutBlockCover{flex-basis:450px;}
.aboutBlockTxt{flex:1;}

/* 分頁關於我們_end */

/*news*/
.pageNewsContainer{width:90%; max-width:1080px; min-height:350px;}

.newsTypeMenuBox{
    flex-basis:250px;
    margin-right:20px;
    position:relative;
	}

ul.newsTypeMenu{
	padding-left:0;
	list-style:none;
	background-color:#DFF6FD;
	}

ul.newsTypeMenu li{
	border-bottom:1px solid #fff;
	}

ul.newsTypeMenu li:last-child{
	margin-bottom:0;
	padding-bottom:0;
	border-bottom:none;
	}

ul.newsTypeMenu li a{
	display:block;
	font-size:18px;
	color:#000;
	line-height:1.7em;
	padding:15px;
	position:relative;
    transition:all 0.5s ease 0s;
	}

ul.newsTypeMenu li a::before{
    content:"\f105";
    font-family:'Font Awesome 6 Free';
    font-weight:900;
    color:#fff;
    position:absolute;
    top:15px;
    left:15px;
    opacity:0;
    transition:all 0.5s ease 0s;
	}

ul.newsTypeMenu li:hover a{padding-left:30px; color:#fff; background-color:#1055c9;}
ul.newsTypeMenu li:hover a::before{opacity:1;}

.page-news-list-content{display:flex;}

.news-list-menu{width:20%;}
.news-list-block{width:80%;}

.news-list-menu, .news-list-block{padding:10px;}

.news-list{padding-left:0; margin-top:10px;}

.news-list li{list-style:none; border-bottom:1px solid #dcdcdc;}

.news-list li a{
    display:block;
    font-size:18px;
    font-weight:600;
    padding:10px 0 10px 15px;
    position:relative;
    letter-spacing:1px;
	}

.news-list li a::before{
    width:0;
    height:0;
    border-style:solid;
    border-width:4px 0 4px 8px;
    border-color:transparent transparent transparent #686868;
    content:"";
    position:absolute;
    top:20px;
    left:0;
    transform-style:preserve-3d;
    transition:all 0.5s ease;
}

.news-list li a:hover{color:#0f8a7c;}

.news-list li a:hover::before {
    transform:rotateX(360deg);
    border-color:transparent transparent transparent #0f8a7c;
	}

.news-box{
	margin:0 auto 50px;
	background-color:#f7f7f7;
	box-shadow: 0px 0px 30px 0px rgba(0, 0, 0, 0.05);
	transition: box-shadow 0.3s;
	position:relative;
	}

.news-box:hover{
	box-shadow:0px 0px 30px 0px rgba(0, 0, 0, 0.2);
	transition:box-shadow 0.3s;
	}

.news-box>.box-inner{
	margin:20px;
	display:flex;
	align-items:center;
	}

.news-pic{
	flex-basis:300px;
	padding:20px 0 0;
	margin-bottom:20px;
	}

.news-pic-inner{
	width:100%;
	height:0;
	padding-bottom:75%;
	overflow:hidden;
	text-align:center;
	position:relative;
	}

.news-pic a{display:block;}

.news-pic img{
	max-width: 100%;
    min-width: 100%;
    object-fit: cover;
    height: 100%;
    -moz-object-fit: cover;
    -ms-object-fit: cover;
    -o-object-fit: cover;
    -webkit-object-fit: cover;
    position: absolute;
    transform: translate(-50% , 0) scale(1);
    transition: all 0.3s;
	}

.news-block{flex:1; padding:20px 10px;}

.news-title h3{padding:5px 0;}

.news-title h3 a{
	font-size:24px;
	font-weight:600;
	color:#344d2a;
	display:block;
	}

.news-title h3:hover a{color:#408391;}

.news-date{color:#808080; font-style:italic;}

.news-text{
	width:90%;
	margin:10px auto 20px;
	padding-left:20px;
	padding-right:20px;
	white-space:nowrap;
	overflow:hidden;
    text-overflow:ellipsis;
	}

.news-detail-box{margin:0 auto 30px;}

.news-detail-cover-pic{width:90%; max-width:450px; margin:0 auto;}
.news-detail-cover-pic>.box-inner{margin:10px;}

.news-detail-cover-pic img{width:100%;}

.newsDetailTitle{
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px solid rgba(52,77,42,0.25);
	}

.newsDetailTitle h4{font-size:30px; font-weight:600;}

.newsDetailContent{padding:0 0 20px;}

/*頁籤區_start*/
.numpage-btn{width:100%; text-align:center;}

.numpage-btn .pagination{
	margin:20px 0;
    display:inline-flex;
    border-radius:0;
    padding-left:0;
    list-style:none;
	}

.pagination>li{display:inline;}

.numpage-btn .pagination li{padding:5px 10px;}
.numpage-btn .pagination li.active{
    color:#fff;
	}

.pagination>li>a, .pagination>li>span {
    position: relative;
    float: left;
    padding: 6px 12px;
    margin-left: -1px;
    line-height: 1.42857143;
    color: #787878;
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ddd;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
    color:#fff;
}

.pagination>li>a:focus,
.pagination>li>a:hover,
.pagination>li>span:focus,
.pagination>li>span:hover{
	background-color:#1055c9;
	border-color:inherit;
	}

.pagination>.active>a,
.pagination>.active>a:focus,
.pagination>.active>a:hover,
.pagination>.active>span,
.pagination>.active>span:focus,
.pagination>.active>span:hover{
	color:#fff;
	background-color:#05339c;
	}

.pagination>li:hover i{color:#fff;}
/*頁籤區_end*/

/*product*/
.pageProductContainer{max-width:1280px;}

.product-type-block{
	display:flex;
	flex-wrap:wrap;
	align-items:flex-start;
	}

.productTypeMenu{
	flex-basis:250px;
	position:relative;
	display:none;
	}

.productTypeMenuBox{padding:15px;}

.productTypeList{padding-left:0; list-style:none;}

.detailDropTitle{
    padding:15px;
    font-size:15px;
    color:#fff;
    border-bottom:1px solid rgba(255,255,255,0.35);
    background-color:#004986;
	}

.detailDropMenuList, .detailDropMenuList>li>ul{list-style:none; padding-left:0;}

.detailDropMenuList li a{
	display:block;
	font-size:15px;
	padding:15px;
	}

.detailDropMenuList>li{border-bottom:1px solid rgba(70,141,163,0.35);}
.detailDropMenuList>li:last-child{border-bottom:none;}

.detailDropMenuList>li>a{
	color:#fff;
	background-color:#0f8a7c;
	position:relative;
	}

.detialDropBtn2nd{
	width:45px;
	height:45px;
	position:absolute;
	top:0;
	right:0;
	transition:all 0.3s ease;
	}

li.has-mobileDrop>a>span::before{
    content:"";
    display:block;
    width:12px;
    height:0px;
    border-bottom:solid 3px #fff;
    position:absolute;
    top:45%;
    right:15px;
    transform:rotate(90deg);
	transition:all 0.2s ease;
	}

li.has-mobileDrop>a>span::after{
    content:"";
    display:block;
    width:12px;
    height:0px;
    border-bottom:solid 3px #fff;
    position:absolute;
    top:45%;
    right:15px;
	transition:all 0.2s ease;
	}

.detailDropMenuList2nd{display:none;}

li.has-mobileDrop.is-open .detailDropMenuList2nd{
	display:block;
	overflow-x:hidden;
    overflow-y:scroll;
    max-height:500px
	}

li.has-mobileDrop.is-open>a>span::before{
	-webkit-transform:rotate(135deg);
    -ms-transform:rotate(135deg);
    -o-transform:rotate(135deg);
    transform:rotate(135deg);
	}

li.has-mobileDrop.is-open>a>span::after{
	-webkit-transform:rotate(45deg);
    -ms-transform:rotate(45deg);
    -o-transform:rotate(45deg);
    transform:rotate(45deg);
	}

.detailDropMenuList2nd li{border-bottom:1px solid rgba(205,205,205,0.35);}
.detailDropMenuList2nd li:last-child{border-bottom:none;}

.detailDropMenuList2nd li a{padding:15px 20px;}

.detailDropMenuList2nd li i{margin-right:3px;}

.detailDropBtn:hover{background-color:#004c78;}
.detailDropMenuList>li:hover>a{color:#fff; background-color:#004c78;}

.product-block{flex:1; position:relative;}

.productList{display:flex; flex-wrap:wrap;}

.productList li{padding:15px; margin-bottom:30px; width:33.333%;}

.proItemTitle{text-align:center; margin-top:10px;}

.proItemTitle h4{font-size:22px; font-weight:bold;}

.product_box{
	width:25%;
	margin-bottom:30px;
	box-sizing:border-box;
	position:relative;
	}

.product_box>.box-inner{margin:10px;}

.product-block-detail{
	flex:1;
	padding:15px;
	border-left:1px solid #ccc;
	}

.product_img{
	display:block;
    height:0;
    text-align:center;
    padding-bottom:75%;
    overflow:hidden;
    position:relative;
	background-color:#3777a4;
	}

.product_img a{
  	box-sizing:border-box;
	transition:all 0.4s ease;
    text-align:center;
    transition:all .3s ease-in-out;
}
.product_img a::after{
    content:"- Detail -";
    color:rgba(255,255,255,0.6);
    background:url(images/watermark.png) no-repeat top center;
    background-size:100%;
    height:80px;
    width:70px;
    top:30%;
    left:35%;
    font-size:16px;
    text-align:center;
    padding-top:70px;
    display:block;
    position:absolute;
    opacity:0;
    transition:all 0.3s ease-in-out;
    margin-top:70px;
}
.product_img img{
	max-width:100%;
    min-width:100%;
    object-fit:cover;
    height:100%;
    -moz-object-fit:cover;
    -ms-object-fit:cover;
    -o-object-fit:cover;
    -webkit-object-fit:cover;
    position:absolute;
    transform:translate(-50% , 0) scale(1);
    transition:all 0.3s;
	}

.product_box:hover .product_img img{
    opacity: .2;
}
.product_box:hover .product_img a::after{
	opacity:1;
	margin-top:0px;
}
.product_box:hover .ptext h1{
	color:#727271;
}

.productDeailContent{min-height:500px; position:relative;}

.productDeailContent p, .productDeailContent ul li{
	font-size:18px;
	line-height:1.7em;
	}

.addInquiryBtnBox{
	position:absolute;
	top:-75px;
	right:0;
	}

.addInquiryBtn{
	display:block;
	padding:10px 15px 10px 8px;
	color:#fff;
	background-color:#0f8a7c;
	position:relative;
	}

.addInquiryBtn::after{
    width:0;
    height:0;
    content:"";
    border-style:solid;
    border-width:0 18px 36px 0;
    border-color:transparent #0f8a7c transparent transparent;
    position:absolute;
    top:0;
    left:-18px;
	}

.addInquiryBtn:hover{color:#fff; background-color:#468da3;}
.addInquiryBtn:hover::after{border-color:transparent #468da3 transparent transparent;}

.product_text{text-align:center;}

.product_text h4{
	font-size:18px;
	font-weight:500;
	padding-top:10px;
	margin-bottom:0;
	}

.p_page{
	text-align:center;
	margin:10px auto;
	width: 200px;
}
.p_page a{
	color:#595757;
	font-size:18px;
	text-decoration:none;
}
.pro_text{
	color:#5f605d;
	font-size:24px;
	font-weight:bold;
	    display: inline-block;
}
.pro_text2{
	color:#374e6d;
	font-size:16px;
	display:inline-block;
}

.pro_p{font-size:16px;}

.picture_big{margin:0 auto; display:block;}

/*產品內頁縮圖*/
.showbox{
	width:605px;
	height:456px;
	float:left;
	margin:0 25px 0 0;
}
.abgne-block-20120106 img{
	width:128px;
	height:98px;
	margin-bottom:12px;
}

/*流程介紹_start*/
.processList{
	padding-top:60px;
	padding-left:0;
	list-style:none;
	}

.processList li{
	margin-bottom:80px;
	padding:0 60px 10px;
	background-color:#fff;
	-webkit-box-shadow:0 10px 88.2px 1.8px rgba(19,19,19,.1);
    box-shadow:0 10px 88.2px 1.8px rgba(19,19,19,.1);
	position:relative;
	}

.processList li:last-child{margin-bottom:0;}

.processListItem__in{
	display:flex;
	-webkit-justify-content:space-between;
    -ms-flex-pack: justify;
    justify-content:space-between;
	}

.processList li:nth-child(even) .processListItem__in{
	flex-direction:row-reverse;
	}

.processListCover{flex-basis:450px; margin-right:20px;}
.processListInfo{flex:1; padding-top:60px;}

.processList li:nth-child(even) .processListCover{
	margin-right:0;
	margin-left:20px;
	}

.processListCover{
	top:-40px;
	position:relative;
	-webkit-transition:0.4s;
    transition:0.4s;
	}

.processListCover .img-cover{padding-bottom:65%;}

.processListTitle{
	font-size:26px;
	font-weight:bold;
	margin-bottom:20px;
	}

.processNarrative p{
    display:-webkit-box;
    width:100%;
    height:4.8em;
    line-height:1.6em;
    -webkit-line-clamp:3;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
    font-size:16px;
    margin:0;
	}

.processMoreBtn{margin-top:30px;}

.processSubtitleBox{
	-webkit-writing-mode:vertical-rl;
    -ms-writing-mode:tb-rl;
    writing-mode:vertical-rl;
	position:absolute;
	top:-40px;
	left:15px;
	}

.processList li:nth-child(even) .processSubtitleBox{
	left:unset;
	right:15px;
	}

.processSubtitle{position:relative;}

.processSubtitle::before{
	content:"";
    display:block;
    position:absolute;
    height:80px;
    width:1px;
    background:#a6a6a6;
    top:0;
    left:50%;
    -webkit-transition:height .4s,top .4s;
    transition:height .4s,top .4s;
	}

.processSubtitle span{
	font-family:'Noto Serif', serif;
	text-transform:uppercase;
	color:#a6a6a6;
	font-size:12px;
    font-weight:700;
    letter-spacing:0.05em;
	padding-top:90px;
	-webkit-transition: 0.4s;
    transition: 0.4s;
	}

.processList li:hover .processSubtitle::before{height:125px;}
.processList li:hover .processSubtitle span{padding-top:135px;}
.processList li:hover .processListCover{top:10px;}

/*流程介紹_end*/

/*流程步驟圖_start*/
.flowStepArea-inner{padding-left:30px;}

.flowStepBlock{
	width:100%;
	border-left:2px dotted #ccc;
	}

.flowStepBox{
	margin-bottom:30px;
	display:flex;
	justify-content:right;
	align-items:center;
	position:relative;
	}

.flowStepBox:last-child{margin-bottom:0;}

.flowStepBox::before{
	content:"";
    transform:translateY(-43%);
    background-color:#408391;
    border:solid 3px #fff;
    width:18px;
    height:18px;
    box-shadow:0 0 0 2px #ccc;
    border-radius:100vh;
    position:absolute;
    top:43%;
    left:-10px;
    z-index:2;
	}

.flowStepBox:nth-child(1)::after{
	content:"";
    width:26px;
    height:43%;
    background-color:#fff;
    position:absolute;
    top:0;
    left:-14px;
    z-index:1;
	}

.flowStepInfo{width:45%;}
.flowStepPic{width:50%;}

.flowStepInfo{
	padding-right:50px;
	display:flex;
	flex-direction:column;
	}

.flowStepTitle{
	padding-bottom:10px;
	border-bottom:1px solid rgba(64,131,145,0.5);
	display:flex;
	align-items:flex-end;
	}

p.flowStepNum{
	font-size:56px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    color:#408391;
	text-align:center;
	line-height:1em;
	display:flex;
	flex-direction:column;
	}

p.flowStepNum span{
	font-size:24px;
    font-family:'Oswald', sans-serif;
    font-weight:bold;
    color:#408391;
	line-height:1em;
	}

.flowStepTitle h3{
	font-size:26px;
	font-weight:bold;
	padding-left:20px;
	}

p.flowStepNarrative{
	font-size:18px;
	font-weight:500;
	line-height:1.5em;
	margin-top:10px;
	}

.flowStepPic>.img-cover{padding-bottom:60%;}

.flowGoal{
	width:65px;
	height:65px;
	color:#fff;
	background-color:#408391;
    border:solid 3px #fff;
    border-radius:100vh;
    box-shadow:0 0 0 2px #ccc;
	display:flex;
    flex-direction:column;
    justify-content:center;
    align-items:center;
	}

.flowGoal p{
	font-size:18px;
	font-weight:bold;
	color:#fff;
	}

/*流程步驟圖_end*/

/* 分頁服務據點_start */
.pageStationContainer{width:90%; max-width:1200px; min-height:350px;}

.pageStationDetailContainer{width:90%; max-width:900px;}

.stationContentArea .detailTitle{text-align:center;}

.detailTitle{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:1px solid rgba(204,204,204,0.5);
	}

.detailTitle h4{
	font-size:30px;
	font-weight:bold;
	}

.pageStationDetailContainer .pageContentBlock{min-height:300px;}

/* 分頁服務據點_end */

/* 分頁服務流程_start */
.pageProcessContainer{width:90%; max-width:1080px; min-height:350px;}

/* 分頁服務流程_end */

/* 分頁線上報修_start */
.pageRepairContainer{width:90%; max-width:800px; min-height:350px;}

/* 分頁線上報修_end */

/*contact*/
.contactBlock{width:90%; max-width:1200px; margin:0 auto;}

.contactFormArea{padding:50px 0; display:flex; flex-wrap:wrap;}

.contactFormContainer{flex:1;}
.contactInfoBlock{flex-basis:500px; margin-left:50px;}

.remark{
	margin-bottom:25px;
	padding-bottom:15px;
	border-bottom:1px solid #ddd;
	}

.remark p{
	font-size:16px;
	font-weight:bold;
	line-height:1.5em;
	}

.remark span{
	margin-right:5px;
    font-size:18px;
    color:#ea0000;
    vertical-align:bottom;
	}

.contactFormBlock{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	}

.form-group{width:48.5%; margin-bottom:15px;}

.control-label{
    display:block;
    font-size:18px;
    font-weight:700;
    color:#000;
    line-height:1.5em;
    margin-bottom:5px;
	}

.control-label.required::before{
    content:"※";
    color:#ea0000;
    display:inline-block;
    vertical-align:middle;
    line-height:1;
    margin:0px 4px 4px 0px;
	}

.control-box textarea{min-height:180px!important;}

.control-label.verifyLabel{display:inline-block; margin-right:10px;}
.control-box.verifyBox{display:inline-block;}

.verifyBox img{display:inline-block; vertical-align:middle;}
.verifyBox .form-control{display:inline-block; width:150px;}

.contactInfoBox{
	margin-bottom:20px;
	padding:15px 20px;
	border:1px solid #ddd;
	border-radius:10px;
	position:relative;
	}

.contactInfoTitle{
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
	}

.contactInfoList{padding-left:0; list-style:none;}

.contactInfoList li a{
	display:inline-block;
	font-size:16px;
	line-height:1.7em;
	}

.contactInfoList li i{margin:0 5px; }

.mapBox{position:relative;}

.mapBox iframe{
	width:100%;
	height:350px;
	border:1px solid rgba(134,134,134,0.35);
	}

.send-btn-block{
	display:block;
	width:100%;
	text-align:center;
	}

.send-btn-block button{
	width:200px;
    margin:20px auto 0;
    padding:15px 15px;
    color:#fff;
    font-size:16px;
    font-weight:bold;
    background-color:#0f8a7c;
    border:1px solid #0f8a7c;
    border-radius:5px;
	}

.send-btn-block button:hover{
	background-color:#659a66;
    border:1px solid #659a66;
	}

.privacy-block h5{
	font-size:22px;
	font-weight:bold;
	color:#0f55c9;
	padding-bottom:5px;
	}

.privacy-block ul li{font-size:17px; line-height:2em;}

/*螢幕大小*/
@media screen and(max-width:1600px){
	#contentBox{padding-left:0;}
}

@media screen and (min-width:1400px){
	.mainSpiritSection .mainSpirit__in{height:650px;}
	}

@media screen and (max-width:1400px){
	.product_box{width:33.333%;}
	}

@media screen and (max-width:1280px){
	.news{width:750px;}
	.date{padding:0 0 0 40px; width:130px;}
	#logo{margin-top:8px; max-width:300px;}
	.product_box{width:50%;}
	.indexProcessContainer{max-width:900px;}
	.indexProcessList{flex-wrap:wrap; margin-top:60px;}
	.indexProcessList li{width:50%; margin-bottom:60px;}
	}

@media screen and (min-width:1080px){
	#mobile{display:none;visibility:hidden;}
	}

@media screen and (max-width:1080px){
	header.is-fixed{position:absolute;}
	.pageBannerBlock{margin-top:0;}
	.is-fixed .mainLogoBox{width:250px;}
	.mainLogoBox{margin:15px 0;}
	.menuBtnBox{display:block;}
	.topLinkBlock{display:none;}
	.topMenuBlock-bottom{display:none;}
	header{height:auto; position:inherit; padding-top:1px;}
	.page-edit-area{padding:0;}
	nav>ul{display:none;padding-right:60px;}
	#logo{text-align:center; float:none; max-width:300px; margin:3px auto 0;}
	#banner{padding-top:0;}
	.date{padding:0 0 0 30px; width:100px;}
	.news{width:80%;}
	.about_margin{width:90%;}
	.contact_margin{width:700px;}
	.contact_margin p{float:none;}
	.contact_margin iframe{margin:0 auto; display:block;}
	.Lang{position:initial;}
	.product-block-detail{width:78%;}
	.footbox{width:90%;}
	.foot-infoblock{width:60%;}
	.foot-service-block{width:80%;}
	nav{width:100%;}
	.tableDown span ul{margin-left:0px;}
	.pmargin-contact{flex-direction:column-reverse;}
	.info-block{width:100%; border-bottom-right-radius:30px; border-top-left-radius:0px;}
	.info{text-align:start; padding:40px; margin:0px auto;}
	.info-en{text-align:start; padding:60px; margin:0px auto;}
	.contact_margin iframe{width:100%; height:300px;}
	.footbox{max-width:700px; justify-content:center;}
	.more-btn-box{margin:0;}
	.more-btn-box a{width:90px;}
	.page-eidt-area{padding-top:0;}
	.process-step-block{max-width:800px; margin:0 auto;}
	.process-step-box{width:50%;}
	.guide-block{display:none;}
	.foot-block{max-width:600px;}
	.foot-box{width:100%;}
	.foot-box.foot-box-contact{width:60%;}
	.foot-box.foot-box-project{width:40%;}
	.contactFormArea{width:100%; max-width:700px; margin:0 auto;}
	.contactFormContainer{flex:100%;}
	.contactInfoBlock{flex-basis:100%; margin-left:0; margin-top:50px;}
	.bannerWrap{-webkit-transform:translate(-50%, -50%); transform:translate(-50%, -50%);}
	.stationContainer{max-width:800px;}
	.stationAreaBox{width:50%;}
	.pageBannerSection{padding:40px 0 50px;}
	.pageBannerTitle-en{font-size:46px;}
	}

@media screen and (max-width:980px){
	.hot-block{width:90%; max-width:720px; margin:0 auto;}
	.hot-box{width:50%; margin:0 auto 30px;}
	nav>ul{padding-right:50px;}
	.more{margin:10px 0 20px 0;}
	.formBox .form input[type="text"]{ width:75%;}
	.formBox .form textarea{width:75%;}
	.titleIcon{width:35px;}
	.tableDown span{padding-left:0px;}
	.tableDown span ul{padding-left:0px;}
	.product-block-detail{width:75%;}
	.map-infobox{width:70%; margin:0 auto;}
	.map-box{width:100%;}
	.newsBlock{flex-wrap:wrap;}
	.newsTypeMenuBox{flex-basis:100%;}
	.newsListContent{margin-top:20px;}
	.news-detail-cover-pic{width:100%; max-width:400px; margin:0 auto;}
	.news-detail-infobox{width:100%; max-width:600px; margin:30px auto 0;}
	.page-news-list-content{flex-wrap:wrap;}
	.news-list-menu{width:90%; max-width:600px; margin:0 auto;}
	.news-list-block{width:100%;}
	.news-list li{border-bottom:none; display:inline-block;}
	.news-list li{margin-left:10px; margin-right:15px;}
	.product_box{width:50%;}
	.flowStepArea{max-width:600px; margin:0 auto;}
	.flowStepBox{flex-wrap:wrap;}
	.flowStepBox::before{top:8%;}
	.flowStepBox:nth-child(1)::after{height:6%;}
	.flowStepInfo, .flowStepPic{width:95%;}
	.indexAboutPic{flex-basis:450px;}
	.indexAboutPic>.img-cover{padding-bottom:80%;}
	.pageProductContainer{max-width:800px;}
	.productList li{width:50%;}
	}

@media screen and (max-width:840px){
	#navlist{display:none;}
	#contentBox{overflow:inherit;}
	#index_margin{width:720px;}
	#keyBg{background-color: #3d3d3d;}
	#navlist_mobile{display:block;}
	.key{width:516px; line-height:35px;}
	.key a{color:#bfbfbf;}
	.key a:hover{color:#ffffff;}
	.date{padding:0 0 0 10px;}
	.news{width:75%;}
	.hot{width:100%}
	.productdt_margin{width:95%;}
	.showbox{float:none; margin:0 auto; width:600px;}
	.photoimg{width:100%;}
	.ptext{width:100%; float:none; margin-left:0;}
	footer{margin-top:0px;}
	#footlogo {padding-bottom:0px;}
	.about form{position:initial; margin:0 0 45px;}
	.product-menu{flex-basis:100%;}
	.product-menu>ul>li{display:inline-block; border-bottom:none;}
	.product-menu ul li a{padding:10px 15px 10px 20px;}
	.product-block{width:100%; border-left:0;}
	.product_box{width:33.333%;}
	.product-block-detail{width:90%; border-left:0; float:none; margin:0 auto;}
	.product_img a{margin-bottom:10px;}
	.tableCenter2 ul li{padding-left:10px;}
	.process-block{max-width:600px; margin:0 auto;}
	.process-box{width:50%;}
	.indexAboutPic{flex-basis:350px;}
	.indexAboutPic>.img-cover{padding-bottom:110%;}
	.indexNewsContainer .blockTitleBox{flex-basis:100%; margin-right:0;}
	.processListCover{flex-basis:350px;}
	.productTypeMenu{display:none;}
	.inquiryFormBox{width:100%;}
	.inquiryFormBox:nth-child(odd){padding:20px 10px 15px;}
	.inquiryFormBox:nth-child(even){padding:20px 10px 15px;}
	.inquiryFormBox:nth-of-type(odd)::before{width:calc(100% - 20px); left:10px;}
	.inquiryFormBox:nth-of-type(even)::before{width:calc(100% - 20px); left:10px; right:auto;}
	.bannerLargeCircle{display:none;}
	.bannerItemSlideContainer{display:block;}
	.bannerSpiritTitle{padding:10px; background-color:rgba(255, 255, 255, 0.7);}
	.indexProcessBox:not(:last-child) .tl-bg::before{transform:rotate(90deg); right:0; bottom:80px;}
	.indexProcessBox:not(:last-child) .tl-bg::after{transform:rotate(135deg); right:32px;}
	.aboutBlockCover{flex-basis:100%; max-width:500px; margin:0 auto;}
	.aboutBlockTxt{flex:100%; margin-top:20px;}
	}

@media only screen and (max-width:830px){
	#conference-timeline .conference-center-line{height:88%;}
	#conference-timeline .conference-center-line{margin-left:0; left:64px;}
	.conference-timeline-box{margin:20px 0 30px;}
	.conference-timeline-box .step-box{margin-left:0; left:20px;}
	.conference-timeline-box .timeline-box-left{max-width:100%; width:auto; float:none;}
	.conference-timeline-box .timeline-box-left{margin-left:50px; min-height:53px;}
	.conference-timeline-box .timeline-box-left{margin-bottom:10px;}
	.conference-timeline-box .timeline-box-right{max-width:100%; width:auto; float:none;}
	.conference-timeline-box .timeline-box-right{margin-left:50px; min-height:53px;}
	.conference-timeline-box .timeline-box-right{padding-top:0;}
	.conference-timeline-box .content-left{margin-left:50px;}
	.conference-timeline-box .content-left{padding:10px 25px; max-width:350px;}
	.conference-timeline-box .content-right{padding:0 35px 20px; min-height:65px;}
	.indexProcessContainer{flex-wrap:wrap;}
	.indexProcessBox{width:100%; height:400px;}
	.indexProcessBox:hover{width:100%;}
}

@media screen and (max-width:768px){
	.hot1{width:320px; height:300px;}
	.table1Box{display: block;}
	#index_margin{width:680px;}
	.contact_margin{width:600px;}
	.contact_margin p{font-size:1em; width:80%;}
	.formBox .form input[type="text"]{width:70%;}
	.formBox .form textarea{width:70%;}
	.table1{display:block; text-align:center;}
	.tableLeft{width:100%;}
	.tableCenter1{width:100%;}
	.tableCenter2{width:100%;}
	.tableRight{width:100%;}
	.tableTop{padding-left:0;}
	.tableDown span{padding-left:0;}
	.inquiryType{text-align:left; margin-bottom:5px;}
	.tableDown{height:auto; margin:15px 0;}
	.tableLeft .tableDown{margin:0px 0;}
	.tableCenter2 ul li{padding-left:15px;}
	.tableDown span ul{margin-left:45px;}
	.contact-form-box{width:100%;}
	.contact-form-box#hide-item{display:none;}
	.process-step-block{max-width:400px;}
	.process-step-box{width:100%;}
	.process-step-box>.box-inner{padding:20px 0 50px;}
	.process-step-box:before{border-color:#96c896 transparent transparent transparent;}
	.process-step-box:before{right:45%; top:unset; bottom:0;}
	.news-box{max-width:360px;}
	.news-box>.box-inner{flex-wrap:wrap; margin:15px;}
	.news-pic{flex-basis:100%;}
	.news-block{padding:10px 5px 20px;}
	.mainSpirit__block h3{font-size:32px;}
	.mainSpirit__block p{font-size:22px;}
	.indexProductBlock{flex-wrap:wrap;}
	.productSection .blockTitleBox{margin-right:0; margin-left:30px;}
	.indexProductContent{flex:100%; margin-top:30px;}
	.processList li{padding:0 30px 10px 60px;}
	.processListItem__in{flex-wrap:wrap;}
	.processListCover{flex-basis:100%; margin-right:0; top:10px;}
	.processListInfo{padding-top:0; margin-bottom:30px;}
	.processSubtitleBox{top:20px;}
	.processList li:nth-child(even) .processSubtitleBox{left:15px; right:unset;}
	.processList li:nth-child(even) .processListCover{margin-left:0;}
	.footBlock{flex-wrap:wrap; padding-top:15px;}
	.footBlock-top{flex-direction:row;}
	.footBox-siteMap{flex:100%;}
	.footBox-policy{flex-basis:100%; margin-left:0;}
	.policyList{justify-content:center;}
	.footBox-policy .ccin{justify-content:center;}
	.policyList li{padding:10px 0;}
	.product_box{width:50%;}
	.inquiryTable td a img{width:80px;}
	.footIconList{margin-bottom:0; justify-content:center;}
	.bannerSlide-L{display:none;}
	.bannerSlide-S{display:block;}
	.bannerTitle{bottom:50%;}
	#banner .swiper-button-prev, #banner .swiper-container-rtl .swiper-button-next{
		top:70%;
	}
	#banner .swiper-button-next, #banner .swiper-container-rtl .swiper-button-prev{
		top:70%;
	}
	footer{background-position:left;}
	.footBox-logo{margin-bottom:15px;}
	.footInfoList li .box__inner .infoIconBox{margin-bottom:5px;}
	.footInfoList li.footInfo-tel .box__inner{flex-direction:column; align-items:flex-start;}
	.footInfo-tel .box__inner>span{font-size:28px;}
	.indexProcessContainer{max-width:450px;}
	.indexProcessList li{width:100%;}
	.pageBannerTitle-en::before{width:100%;}
	}

@media screen and (max-width: 640px){
	#index_margin{width:95%;}
	.hot-block{max-width:400px;}
	.hot-box{width:80%; margin:0 auto 30px;}
	.news{width:70%; padding:0 0 0 10px;}
	.pic{width:initial; float:none; height:80%;}
	.key{width:100%;}
	.hot_text{ height:initial; float:none; padding:10px;}
	.hot_box{margin:0 auto;width:100%;}
	.news_t{float:none;}
	.contact_margin iframe{width:100%; height:300px;}
	.contact_margin{width:450px;}
	.contact_margin p{width:100%;}
	.product_box{width:50%;}
	.product_margin{width:440px;}
	.showbox{float:none; margin:0 auto; width:500px; height:385px;}
	.footbox{width:80%;}
	.popup-gallery{width:100%;}
	.formBox .form input[type="text"]{width:58%;}
	.formBox .form textarea{width:58%;}
	.download-pro h3{position:absolute; right:0; top:12px;}
	.download-pro h4{display:block; margin-left:0; margin-bottom:8px;}
	.download-pro {margin:25px auto 45px; position:relative;}
	.ptext{float:left;}
	.product_img a{width:100%; height:100%;}
	.product_img a::after{width:60px; padding-top:60px;}
	.map-infobox{width:100%;}
	.foot-block{width:95%;}
	.foot-box.foot-box-contact{width:unset;}
	.foot-box.foot-box-project{width:unset;}
	.process-box{width:100%;}
	.indexAboutPic{flex-basis:250px;}
	.indexAboutPic>.img-cover{padding-bottom:130%;}
	.indexAboutPic::after{right:-530px;}
	.indexAboutContent{padding:20px 20px 20px 0;}
	.inquiryTitleBox p{padding-top:60px; padding-left:0;}
	.bannerTitle-main{font-size:40px;}
	.bannerTitle-sub{font-size:32px;}
	.stationContainer{max-width:450px;}
	.stationAreaBox{width:100%;}
	.pageProductContainer{max-width:400px;}
	.productList li{width:100%;}
	}

@media screen and (max-width: 500px){
	.indexAboutBlock{flex-wrap:wrap;}
	.indexAboutPic{flex-basis:100%;}
	.indexAboutPic>.img-cover{padding-bottom:60%;}
	.indexAboutContent{padding:20px;}
	.product_box{width:100%;}
	.form-group{width:100%;}
	.inquiryTable td a img{display:block; width:100px; margin:0 auto 10px 0;}
	.inquiryFormBox{flex-wrap:wrap;}
	.inquiryFormBox:nth-child(odd){padding:20px 10px 5px;}
	.inquiryFormBox:nth-child(even){padding:20px 10px 5px;}
	.inquiryFormBox .right{width:100%; margin-top:10px; padding-left:0;}
	.inquiryFormBlock > div.name .right input.inputStyle{width:60%;}
	.inquiryFormBox .left::before{width:100%; height:1px; background-color:#efefef;}
	.inquiryFormBox .left::before{top:unset; right:unset; bottom:3px;}
	}

@media screen and (max-width:480px){
	#logo{max-width:260px; margin:15px auto;}
	#logo img{width:100%;}
	.pmargin .newtable1{max-width:300px;}
	.news{width:90%;}
	.news-text{padding:0;}
	.contact_margin iframe{width:380px; height:300px; padding-bottom:5px;}
	.contact_margin{width:380px;}
	.product_box{width:100%;}
	.product_margin{width:390px;}
	.showbox{float:none; margin:0 auto; width:400px; height:287px;}
	.detailBtn1{float:initial; margin:20px 0 10px;}
	.detailBtn2{float:initial; margin:20px 0 10px;}
	.download-pro h1{display:block;}
	.formBox .form label{position:initial;}
	.formBox .form input[type="text"]{padding-left: 10px; margin-left: 0px; width:100%;}
	.formBox .form textarea{padding-left:10px; margin-left:0px; width:100%;}
	.pro_text{display:block;}
	.product_img a::after{display:none;}
	.pageBannerBox h3.pageBannerTitle-main::after{right:-26px;}
	.stationTelBlock{flex-wrap:wrap;}
	.stationTel{margin-bottom:5px;}
	}

@media screen and (max-width: 400px){
	#footlogo{width:100%; margin-top:0;}
	.contact_margin iframe{width:100%; height:300px; padding-bottom:5px;}
	.contact_margin{width:320px;}
	.showbox{float:none; margin:0 auto; width:320px; height:245px;}
	.ptext{float:left;}
	.product_margin{width:80%;}
	.product_img{width:100%;}
	.contact_margin p{font-size:.9em;}
	.download-pro{position:initial; padding-bottom:15px;}
	.download-pro h3{position:initial; right:auto; float:none;}
	.download-pro h4{margin-bottom:18px;}
	.product_img a::after{width:80px; padding-top:80px;}
	.tableDown span ul{margin-left:15px;}
	}