@charset "utf-8";
body { width:100%; height:100%; margin:0; padding:0; font-family:"微軟正黑體";  font-size: 14px; line-height: 1.8em;}
html { width:100%; height:100%;}

.warpper { background: #ffffff;  max-width:1200px; margin:0 auto;  padding-bottom:50px;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}/* End hide from IE-mac */
a { text-decoration:none;transition: all 0.3s ease 0s;}
img { border:0; vertical-align:middle;max-width: 100%;}
input { vertical-align:middle;}
.slicknav_menu {display:none;}
input.select-box { border:1px #CBCBCB solid; padding:5px 3%; width:20px; height:20px; text-align:center; margin-bottom:5px; }


/*** padding and border no width ****/
*{
-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
 -moz-box-sizing: border-box;    /* Firefox, other Gecko */
 box-sizing: border-box;         /* Opera/IE 8+ */
}



/***** 表單預設文字顏色設定 *****/
/* 通用 */
::-webkit-input-placeholder { color:#999999; }
::-moz-placeholder { color:#999999; } /* firefox 19+ */
:-ms-input-placeholder { color:#999999; } /* ie */
input:-moz-placeholder { color:#999999; }

/* webkit专用 */
#field2::-webkit-input-placeholder { color:#999999; }
#field3::-webkit-input-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-webkit-input-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }

/* mozilla专用 */
#field2::-moz-placeholder { color:#999999; }
#field3::-moz-placeholder { color:#999999; background:lightgreen; text-transform:uppercase; }
#field4::-moz-placeholder { font-style:italic; text-decoration:overline; letter-spacing:3px; color:#999999; }



header { background: #ffffff;  max-width:1200px; margin:0 auto; }
.head-main { max-width:1200px; margin:0 auto; height:103px;padding:0px; position:relative; }
.head-tool { min-width:165px; position: absolute; top:5px; right:0px; text-align:center; overflow:hidden;}
.head-tool li { list-style:none; padding:0px; margin:0; float:left; width:50%;}
.head-tool li a {background: url(../images/tool-icon.png) no-repeat 8px 8px; background-size: 5px;  margin:0; padding:0px 10px 0px 20px; display:block; color:#4f4f4f; font-size:14px }
.head-tool li a:hover { background:#0c75bd url(../images/tool-icon_h.png) no-repeat 8px 8px;background-size: 5px; color:#fff;border-radius: 15px; }


.head-main .logo {position:absolute; left:0px; top:15px; width:502px; height:auto; padding: 0; margin: 0;}
.head-main .logo img { width:100%; height:auto;}
.home { display: block; position:absolute; top:-35px; right:0px; width:25px; height:auto;}
.home_w { display:none;}

@media screen and (max-width:1090px){
.head-main { height:90px;}
.head-main .logo {position:absolute; left:5px; top:15px; width:432px; }
}


.banner { background: #ffffff; position: relative; }
.banner img { vertical-align:middle; width:100%; height:auto; position:absolute;}
.banner_bg{ width: 100%; height: 31px; background: url(../images/edm_bg.png) no-repeat top center; background-size: 100%;}

h3.login-title { margin:0 0 10px 0; font-family:"Times New Roman"; font-size:24px; line-height:30px; color:#9B9B9B;}
.login-tool { }
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

@media screen and (max-width: 900px) {
	header {position:inherit;height: 0; }
	.head-main {position:inherit;height: 0; }
	.head-main .logo {position:fixed; left:5px; top:5px; width:320px;z-index: 99; }
.head-tool { min-width:165px; position:fixed; top:15px; right:70px;z-index: 99; }
.head-tool li a { font-size:13px }
.banner { background: #ffffff; position: relative;padding: 53.59px 0 0 0 ; }
}

/** 華聚重點訊息 **/
.i-block{display: flex;margin: 20px 10px 40px 10px;line-height: 1.6;}
.i-block02{display: flex;flex-direction: row-reverse; margin: 20px 10px 50px 10px;line-height: 1.6;}
.focus{flex: 1;}
.focus h3{font-size:24px;color: #fff;background: #5e4677;text-align: center; border-radius:40px;box-shadow: 3px 3px 0 0 #3e235b;padding: 5px 10px;line-height: 1.6;margin: 0 0 15px 0;}
.focus .focus-content{font-size:20px;color: #333;padding:0 20px;}
.focus .focus-content ul{list-style: none;padding: 0;margin: 0;}
.focus .focus-content ul li{padding:10px 0 10px 30px;margin: 0;background: url(../images/focus-icon.png)no-repeat top 15px left 0px; background-size: 22px;}
.right-top-images{flex:2;margin: 0 0 0 50px;}
.right-top-images img{width: 100%;box-shadow: 4px 4px 0 0 #666;}
.left-bottom-images{flex:2;margin: 0 50px 0 0;}
.left-bottom-images img{width: 100%;box-shadow: 4px 4px 0 0 #666;}
.ai{flex: 1;}
.ai h3{font-size:24px;color: #fff;background: #000075;text-align: center; border-radius:40px;box-shadow: 3px 3px 0 0 #05052c;padding: 5px 10px;line-height: 1.6;margin: 0 0 15px 0;}
.ai .ai-content{font-size:20px;color: #333;padding: 0 20px;}
@media screen and (max-width:850px) {
.focus .focus-content ul li{padding:3px 0 3px 30px;background: url(../images/focus-icon.png)no-repeat top 8px left 0px; background-size: 22px;}
.right-top-images{flex: 1.5; margin: 0 0 0 20px;}
.left-bottom-images{flex: 1.5; margin: 0 20px 0 0;}
}

/** 會計師事務所 **/
.accounting-banner{margin: 0 0 25px 0;}
.accounting-banner img{width: 100%;}
.accounting{}
.accounting>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;position: relative;}
.accounting>ul>li{width: 28.5714%;}
.accounting>ul>li a{display: flex;flex-wrap: wrap;height: 100%;}
.accounting>ul>li:nth-child(7){width: 14.2857%;position: absolute;top: 0;right: 0;}
.accounting>ul>li:nth-child(7) h4{width:100%;}
.accounting>ul>li:nth-child(7) .accounting-content{width: 100%;}
.accounting>ul>li h4{font-size: 16px;padding: 5px;margin: 0;color: #fff;width: 50%;display: flex;align-items: center;justify-content: center;min-height: 170px;position: relative;}
.accounting>ul>li h4 img{width:35px;padding: 0 10px 0 0;}
.accounting>ul>li:nth-child(3) h4 img{width:25px;padding: 0 10px 0 0;}
.accounting>ul>li .accounting-content{font-size: 16px;color: #333;width: 50%;padding: 5px;min-height: 170px;display: flex;flex-wrap: wrap;align-items: center;}
.accounting>ul>li .accounting-content>ul{padding: 0;margin: 0 0 0 25px;list-style: initial;font-size: 14px;}
.accounting>ul>li:nth-child(1) .accounting-content>ul{color: #4C0E5D;}
.accounting>ul>li:nth-child(2) .accounting-content>ul{color: #8f131b;}
.accounting>ul>li:nth-child(3) .accounting-content>ul{color: #0f0733;}
.accounting>ul>li:nth-child(4) .accounting-content>ul{color: #0f0733;}
.accounting>ul>li:nth-child(5) .accounting-content>ul{color: #6e0b43;}
.accounting>ul>li:nth-child(6) .accounting-content>ul{color: #c94c0b;}
.accounting>ul>li:nth-child(7) .accounting-content>ul{color: #6e0b43;}
.accounting>ul>li .accounting-content>ul>li{list-style: inherit;padding: 0;margin: 0;}
.accounting>ul>li:nth-child(7) a{flex-direction: column;margin: 0;}
.accounting>ul>li:nth-child(n+4) a{flex-direction: row-reverse;}
.accounting>ul>li:nth-child(1) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55046d+0,4c0e5d+100 */
background: rgb(85,4,109); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%, rgba(76,14,93,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55046d', endColorstr='#4c0e5d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(1) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #4C0E5D;}
.accounting>ul>li:nth-child(2) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b31822+0,8f131b+100 */
background: rgb(179,24,34); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(179,24,34,1) 0%, rgba(143,19,27,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(179,24,34,1) 0%,rgba(143,19,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(179,24,34,1) 0%,rgba(143,19,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31822', endColorstr='#8f131b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(2) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #8f131b;}
.accounting>ul>li:nth-child(3) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14093f+1,0f0733+100 */
background: rgb(20,9,63); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(20,9,63,1) 0%, rgba(15,7,51,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(20,9,63,1) 0%,rgba(15,7,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(20,9,63,1) 0%,rgba(15,7,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14093f', endColorstr='#0f0733',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(3) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #0f0733;}
.accounting>ul>li:nth-child(4) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#14093f+1,0f0733+100 */
background: rgb(20,9,63); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(20,9,63,1) 0%, rgba(15,7,51,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(20,9,63,1) 0%,rgba(15,7,51,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(20,9,63,1) 0%,rgba(15,7,51,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#14093f', endColorstr='#0f0733',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(4) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #0f0733 transparent transparent;}
.accounting>ul>li:nth-child(5) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b0d55+0,6e0b43+100 */
background: rgb(139,13,85); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%, rgba(110,11,67,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0d55', endColorstr='#6e0b43',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(5) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #6e0b43 transparent transparent;}
.accounting>ul>li:nth-child(6) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#dd5d1a+0,c94c0b+100 */
background: rgb(221,93,26); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(221,93,26,1) 0%, rgba(201,76,11,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(221,93,26,1) 0%,rgba(201,76,11,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(221,93,26,1) 0%,rgba(201,76,11,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dd5d1a', endColorstr='#c94c0b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(6) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #c94c0b transparent transparent;}
.accounting>ul>li:nth-child(7) h4{/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b0d55+0,6e0b43+100 */
background: rgb(139,13,85); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%, rgba(110,11,67,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0d55', endColorstr='#6e0b43',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting>ul>li:nth-child(7) h4:after{content: "";display: block;position: absolute;bottom:-8px;left: calc(50% - 10px); width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;border-color: #6e0b43 transparent transparent transparent;}
@media screen and (max-width:1150px){
.accounting>ul{justify-content: center;}
.accounting>ul>li{width:33.3333%;}
.accounting>ul>li:nth-child(7){width:33.3333%;position:inherit;top:inherit;right:inherit;}
.accounting>ul>li:nth-child(7) h4{width:50%;}
.accounting>ul>li:nth-child(7) .accounting-content{width: 50%;}
.accounting>ul>li:nth-child(7) a{flex-direction:row;}
.accounting>ul>li:nth-child(7) h4:after{content: "";display: block;position: absolute;bottom: inherit;left: inherit; top: calc(50% - 10px);right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #6e0b43;}
}
@media screen and (max-width:900px){
.accounting>ul>li{width:50%;}
.accounting>ul>li:nth-child(7){width:50%;position:inherit;top:inherit;right:inherit;}
.accounting>ul>li:nth-child(n+4) a{flex-direction: row;}
.accounting>ul>li:nth-child(4n+3) a, .accounting>ul>li:nth-child(4n+4) a{flex-direction: row-reverse;}
.accounting>ul>li:nth-child(7) a{flex-direction: row;}
.accounting>ul>li:nth-child(3) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: inherit; left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #0f0733 transparent transparent;}
.accounting>ul>li:nth-child(5) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: inherit ; right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #6e0b43;}
.accounting>ul>li:nth-child(6) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: inherit ;right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #c94c0b;}
}
@media screen and (max-width:640px){
.accounting>ul>li{width:100%;}
.accounting>ul>li:nth-child(7){width:100%;}
.accounting>ul>li:nth-child(4n+3) a, .accounting>ul>li:nth-child(4n+4) a{flex-direction: row;}
.accounting>ul>li:nth-child(even) a{flex-direction: row-reverse;}
.accounting>ul>li:nth-child(2) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: inherit; left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #8f131b transparent transparent;}
.accounting>ul>li:nth-child(3) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);left: inherit ; right: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #0f0733;}
.accounting>ul>li:nth-child(6) h4:after{content: "";display: block;position: absolute;top: calc(50% - 10px);right: inherit; left: -8px; width: 0;height: 0;border-style: solid;border-width: 10px 8px 10px 0;border-color: transparent #c94c0b transparent transparent;}
}

/** 會計-工商 **/
.accounting-business{margin: 20px 0;}
.accounting-business>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;}
.accounting-business>ul>li{padding: 0;margin:5px;width: calc(20% - 10px);background: #f8af0b; }
.accounting-business>ul>li:nth-child(5n+2){background: #d5a45f; }
.accounting-business>ul>li:nth-child(5n+3){background: #801f32; }
.accounting-business>ul>li:nth-child(5n+4){background: #4074bd; }
.accounting-business>ul>li:nth-child(5n+5){background: #6e4996; }
.accounting-business>ul>li h4{width: 100%; padding:6px 10px;margin: 0;font-size:22px;color: #401019; text-align: center;background: #fff;}
.accounting-business>ul>li .accounting-business-content{width: 100%; font-size: 16px;padding: 10px;}
.accounting-business>ul>li .accounting-business-content>ul{list-style: inside;padding: 0;margin: 0 0 0 10px;color: #fff;}
.accounting-business>ul>li .accounting-business-content>ul>li{padding:2px 0;margin: 0;}
.accounting-business02{font-size: 16px;color: #333;}
.accounting-business-title{padding:5px 10px;line-height: 1.6;font-size: 24px; color: #fff;display: flex;align-items: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55046d+0,4c0e5d+100 */
background: rgb(85,4,109); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%, rgba(76,14,93,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55046d', endColorstr='#4c0e5d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting-business-title img{width: 40px;padding: 0 5px 0 0;}
.accounting-business-font001{color: #46035a;font-size: 20px;font-weight: bold;margin: 20px 0 15px 0;}
.accounting-business-font002{ padding:5px 10px;line-height: 1.6;font-size: 24px; color: #fff;display: flex;align-items: center;justify-content: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#55046d+0,4c0e5d+100 */
background: rgb(85,4,109); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%, rgba(76,14,93,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(85,4,109,1) 0%,rgba(76,14,93,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#55046d', endColorstr='#4c0e5d',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting-business-block{display: flex;flex-wrap: wrap;font-size: 18px;color: #333;line-height: 1.6;}
.accounting-business-information{flex: 2;margin: 0 80px 0 0;}
.accounting-business-img{flex: 1;}
@media screen and (max-width:950px){
.accounting-business>ul>li{width: calc(33.3333% - 10px);}
.accounting-business-information{margin: 0 20px 0 0;}
}
@media screen and (max-width:760px){
.accounting-business-block{display:block;}
.accounting-business-img{max-width: 440px;margin: 0 auto;text-align: center;}
.accounting-business-information{margin: 0;}
}
@media screen and (max-width:600px){
.accounting-business>ul>li{width: calc(50% - 10px);}
}
@media screen and (max-width:420px){
.accounting-business>ul>li{width: calc(100% - 0px);margin: 5px 0;}
}

/** 會計-帳務 **/
.accounting-accounting{}
.accounting-accounting-block{display: flex;flex-wrap: wrap;font-size: 18px;color: #333;line-height: 1.6;}
.accounting-accounting-information{flex: 1;font-size: 16px; color: #333;}
.accounting-accounting-img{flex: 1;margin: 0 40px 0 0;}
.accounting-accounting-title{padding:5px 10px;line-height: 1.6;font-size: 24px; color: #fff;display: flex;align-items: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b31822+0,8f131b+100 */
background: rgb(179,24,34); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(179,24,34,1) 0%, rgba(143,19,27,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(179,24,34,1) 0%,rgba(143,19,27,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(179,24,34,1) 0%,rgba(143,19,27,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b31822', endColorstr='#8f131b',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting-accounting-title img{width: 40px;padding: 0 5px 0 0;}
.accounting-accounting-font001{color: #93141c;font-size: 20px;font-weight: bold;margin:0px 0 15px 0;}
.accounting-accounting02{margin: 20px 0;}
.accounting-accounting02>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.accounting-accounting02>ul>li{padding: 0;margin:5px;width: calc(33.3333% - 10px);background: #d0dbe5;display: flex;flex-wrap: wrap;}
.accounting-accounting02>ul>li h4{font-size: 24px;color: #fff;background:#160a47;width:80px;display: flex;align-items: center;justify-content: center; margin: 0;position:relative;padding: 10px;}
.accounting-accounting02>ul>li h4:after{content: "";display: block;position: absolute;right: -8px;top: calc(50% - 10px);width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #160a47;}
.accounting-accounting02>ul>li:nth-child(3n+2) h4{background:#9c0f5f;}
.accounting-accounting02>ul>li:nth-child(3n+2) h4:after{content: "";display: block;position: absolute;right: -8px;top: calc(50% - 10px);width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #9c0f5f;}
.accounting-accounting02>ul>li:nth-child(3n+3) h4{background:#5a2781;}
.accounting-accounting02>ul>li:nth-child(3n+3) h4:after{content: "";display: block;position: absolute;right: -8px;top: calc(50% - 10px);width: 0;height: 0;border-style: solid;border-width: 10px 0 10px 8px;border-color: transparent transparent transparent #5a2781;}

.accounting-accounting02>ul>li .accounting-accounting02-cotent{padding: 10px;font-size: 16px;color: #333;flex: 1;display: flex;align-items:center;}
.accounting-accounting02>ul>li .accounting-accounting02-cotent>ul{padding:0 ;margin: 0 0 0 20px;list-style:initial;}
.accounting-accounting02>ul>li .accounting-accounting02-cotent>ul>li{padding: 0; margin: 0;}

.accounting-accounting03{}
.accounting-accounting03-content{font-size: 16px; color: #333;}
.accounting-accounting03-list{font-size: 16px; color: #333;}
.accounting-accounting03-list ul{list-style: none;padding:0;margin: 0;display: flex;flex-wrap: wrap;border: 2px #837096 solid;}
.accounting-accounting03-list ul li{width: calc(50% - 0px); padding:10px;margin: 0;text-align: center;}
.accounting-accounting03-list ul li:nth-child(4n+3), .accounting-accounting03-list ul li:nth-child(4n+4){background: #e6e0ec;}

@media screen and (max-width:850px){
.accounting-accounting-img{margin: 0 20px 0 0;}
	.accounting-accounting02>ul>li h4{width:50px;}
}
@media screen and (max-width:700px){
.accounting-accounting02>ul>li{margin:5px 0;width: calc(100% - 0px);}
}
@media screen and (max-width:600px){
	.accounting-accounting-block{display:block;}
	.accounting-accounting-img{margin: 0 0 20px 0;}
}

/** 會計-審計 **/
.accounting-audit{}
.accounting-audit-information{margin: 20px 0;}
.accounting-audit-information>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.accounting-audit-information>ul>li{padding: 0;margin: 5px 0;width: calc(33.3333% - 0px);}
.accounting-audit-information>ul>li h4{padding:10px 10px;margin: 0;background:#160a47;font-size: 24px; color: #fff;display: flex;align-items: center;justify-content: center; line-height: 1.6; }
.accounting-audit-information>ul>li h4 img{width:70px;padding: 0 5px 0 0;}
.accounting-audit-information>ul>li:nth-child(3n+2) h4{background:#60047a; }
.accounting-audit-information>ul>li:nth-child(3n+2) h4 img{width:60px;}
.accounting-audit-information>ul>li:nth-child(3n+3) h4{background:#9c0f5f; }
.accounting-audit-information>ul>li:nth-child(3n+3) h4 img{width:40px;}
.accounting-audit-information>ul>li .accounting-audit-information-content{padding:10px 15px;margin: 0;font-size: 16px; color: #333;}
.accounting-audit-information>ul>li .accounting-audit-information-content>ul{padding:0 ;margin: 0 0 0 20px;list-style:initial;}
.accounting-audit-information>ul>li .accounting-audit-information-content>ul>li{padding:2px;margin: 0;}
@media screen and (max-width:900px){
.accounting-audit-information>ul>li h4{font-size:20px;}
.accounting-audit-information>ul>li h4 img{width:60px;}
.accounting-audit-information>ul>li:nth-child(3n+2) h4 img{width:50px;}
.accounting-audit-information>ul>li:nth-child(3n+3) h4 img{width:35px;}
}
@media screen and (max-width:550px){
.accounting-audit-information>ul>li{width: calc(100% - 0px);}
.accounting-audit-information>ul>li h4{font-size:24px;}
}

/** 會計-薪資 **/
.accounting-salary{display: flex;align-items: center;}
.accounting-salary-img{flex: 1;}
.accounting-salary-information{flex: 2;}
.accounting-salary-information>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.accounting-salary-information>ul>li{padding: 0;margin: 5px;width: calc(50% - 10px);}
.accounting-salary-information>ul>li h4{padding:0;margin: 0;font-size: 24px; color: #990099;display: flex;align-items: center; line-height: 1.6; }
.accounting-salary-information>ul>li h4 img{border-radius: 50%; width:80px;height: 80px;margin: 0 5px 0 0 ;}
.accounting-salary-information>ul>li .accounting-salary-information-content{padding:10px 15px 10px 65px;margin: 0;font-size: 16px; color: #333;}
.accounting-salary-information>ul>li .accounting-salary-information-content>ul{padding:0 ;margin: 0 0 0 20px;list-style:initial;}
.accounting-salary-information>ul>li .accounting-salary-information-content>ul>li{padding:2px;margin: 0;}
@media screen and (max-width:800px){
.accounting-salary{display:block;}
}
@media screen and (max-width:560px){
.accounting-salary-information>ul>li{margin: 5px 0;width: calc(100% - 0px);}
}

/** 會計-境外 **/
.accounting-overseas{}
.accounting-overseas-content{font-size: 16px;color: #333;}
.accounting-overseas-information{margin: 20px 0;}
.accounting-overseas-information>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.accounting-overseas-information>ul>li{padding: 0;margin: 5px;width: calc(50% - 10px);}
.accounting-overseas-information>ul>li h4{padding:10px 10px;margin: 0;background:#60047a;border-bottom: 10px #48035c solid;border-radius: 20px; font-size: 24px; color: #fff;display: flex;align-items: center;justify-content: center; line-height: 1.6;position: relative; }
.accounting-overseas-information>ul>li h4:after{content: "";display: block;position: absolute;bottom: -18px;left: calc(50% - 10px);width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;border-color: #48035c transparent transparent transparent;}
.accounting-overseas-information>ul>li:nth-child(even) h4{background:#9c0f5f;border-bottom: 10px #750b47 solid; }
.accounting-overseas-information>ul>li:nth-child(even) h4:after{content: "";display: block;position: absolute;bottom: -18px;left: calc(50% - 10px);width: 0;height: 0;border-style: solid;border-width: 8px 10px 0 10px;border-color: #750b47 transparent transparent transparent;}
.accounting-overseas-information>ul>li .accounting-overseas-information-content{padding:10px 15px;margin: 0;font-size: 16px; color: #333;}
.accounting-overseas-information>ul>li .accounting-overseas-information-content>ul{padding:0 ;margin: 0 0 0 20px;list-style:initial;}
.accounting-overseas-information>ul>li .accounting-overseas-information-content>ul>li{padding:2px;margin: 0;}
.accounting-overseas-title{padding:5px 10px;line-height: 1.6;font-size: 24px; color: #fff;display: flex;align-items: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#8b0d55+0,6e0b43+100 */
background: rgb(139,13,85); /* Old browsers */
background: -moz-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%, rgba(110,11,67,1) 100%); /* FF3.6-15 */
background: -webkit-radial-gradient(center, ellipse cover, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: radial-gradient(ellipse at center, rgba(139,13,85,1) 0%,rgba(110,11,67,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b0d55', endColorstr='#6e0b43',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */}
.accounting-overseas-title img{width: 40px;padding: 0 5px 0 0;}

.accounting-overseas-form{display: flex;border-top: 1px #ccc solid;border-right: 1px #ccc solid;}
.accounting-overseas-form-name{width: 150px;min-width: 140px; text-align: center;}
.accounting-overseas-form-name ul{list-style: none;padding: 0;margin: 0;}
.accounting-overseas-form-name ul li{padding:0;margin: 0;font-size: 16px;color: #333;}
.accounting-overseas-form-name ul li .accounting-overseas-form-title{font-size: 15px;color: #333;border-bottom: 1px #ccc solid;border-right: 3px #ccc solid;border-left: 1px #ccc solid;padding: 5px 10px;height: 60px;}
.accounting-overseas-form-name ul li .accounting-overseas-form-content{font-size: 15px;color: #333;border-bottom: 1px #ccc solid;border-right: 3px #ccc solid;border-left: 1px #ccc solid;padding: 5px 10px;height: 36px;display: flex;align-items: center;justify-content: center;}
.accounting-overseas-form-name ul li .accounting-overseas-form-content:nth-child(8){height: 60px;}
.accounting-overseas-form-name ul li .accounting-overseas-form-content:nth-child(14){height: 60px;}
.accounting-overseas-form-name ul li .accounting-overseas-form-content:nth-child(15){height:110px;}
.accounting-overseas-form-information{flex: 1;overflow: hidden;width: 1009px;overflow-x:auto;}
.accounting-overseas-form-information ul{list-style: none;padding: 0;margin: 0;display: flex;width: 1009px;}
.accounting-overseas-form-information ul li{padding:0;margin: 0;font-size: 16px;color: #333;flex: 1;}
.accounting-overseas-form-information ul li .accounting-overseas-form-title{font-size: 15px;color: #333;font-weight: bold;border-bottom: 1px #ccc solid;text-align: center;padding: 5px 10px;height: 60px;}
.accounting-overseas-form-information ul li .accounting-overseas-form-content{font-size: 14px;color: #333;border-bottom: 1px #ccc solid;text-align: center;padding: 5px 10px;height: 36px;display: flex;align-items: center;justify-content: center;}
.accounting-overseas-form-information ul li .accounting-overseas-form-content:nth-child(8){height: 60px;}
.accounting-overseas-form-information ul li .accounting-overseas-form-content:nth-child(14){height: 60px;}
.accounting-overseas-form-information ul li .accounting-overseas-form-content:nth-child(15){height:110px;}

.accounting-overseas-service{display: flex;margin: 0px ;}
.accounting-overseas-service-img{flex: 1;margin: 25px 25px 0 0;position: relative;}
.accounting-overseas-service-img img{width: 100%;}
.accounting-overseas-service-information{flex: 2.25;}
.accounting-overseas-service-content{font-size: 16px; color: #333;}
.accounting-overseas-service-content ul{list-style: none;padding: 0;margin:15px 0;display: flex;flex-wrap: wrap;border: 2px #837096 solid;background: #eae7ec;}
.accounting-overseas-service-content ul li{padding:10px;margin: 0;font-size: 16px; color: #333;width: calc(33.3333% - 0px);border-bottom: 1px #837096 solid;text-align: center;}
.accounting-overseas-service-content ul li:nth-child(35){border-bottom: 0;}
.accounting-overseas-service-content ul li:nth-child(34){border-bottom: 0;}
@media screen and (max-width:640px){
	.accounting-overseas-service{display:block;}
	.accounting-overseas-service-img{display: none;}
}
@media screen and (max-width:550px){
.accounting-overseas-information>ul>li{margin: 5px 0;width: calc(100% - 0px);}
}
@media screen and (max-width:460px){
.accounting-overseas-service-content ul li{width: calc(50% - 0px);}
	.accounting-overseas-service-content ul li:nth-child(34){border-bottom: 1px #837096 solid;}
}

/** 會計-租稅 **/
.accounting-tax-content{font-size: 16px;color: #333;}
.accounting-tax{display: flex;margin: 15px 0 0 0;align-items: center;}
.accounting-tax-img{flex: 1;text-align: center;}
.accounting-tax-information{flex: 2;}
.accounting-tax-information>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.accounting-tax-information>ul>li{padding: 0;margin: 10px;width: calc(50% - 20px);}
.accounting-tax-information>ul>li h4{padding:0;margin: 10px 0;font-size: 24px; color: #660080;line-height: 1.6; }
.accounting-tax-information>ul>li .accounting-tax-information-content-main{display: flex;}
.accounting-tax-information>ul>li .tax-img{width:80px;height: 80px;margin: 0 5px 0 0 ;}
.accounting-tax-information>ul>li .tax-img img{border-radius: 50%; }
.accounting-tax-information>ul>li .accounting-tax-information-content{flex:1;width: 100%; padding:0 10px ;margin: 0;font-size: 16px; color: #333;}
.accounting-tax-information>ul>li .accounting-tax-information-content>ul{padding:0 ;margin: 0 0 0 20px;list-style:initial;}
.accounting-tax-information>ul>li .accounting-tax-information-content>ul>li{padding:2px;margin: 0;}
@media screen and (max-width:800px){
.accounting-tax{display: block;}
}
@media screen and (max-width:640px){
.accounting-tax-information>ul>li{margin: 10px 0;width: calc(100% - 0px);}
}

/** 企管顧問服務項目 **/
.business-title{background: url(../images/business-title_bg.png)no-repeat center left;font-size: 36px; color: #fff;padding:10px 15px ;background-size: contain;margin: 10px 0;}
.business{margin:20px 0;}
.business ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;}
.business ul li{padding:10px;margin: 0;width:25%;}
.business ul li .business-images{position: relative;}
.business ul li h4{font-size: 18px;color: #fff;text-align: center;background:#042a6b;padding: 10px 10px;margin: 0; position: absolute;bottom:-10px;right: 10%;width: 80%;}
.business ul li h4:before{content: "";display: block;position: absolute;top: 0;left: -9px; width: 0;
height: 0;
border-style: solid;
border-width: 0 0 48px 9px;
border-color: transparent transparent #042a6b transparent;}
.business ul li h4:after{content: "";display: block;position: absolute;top: 0;right: -9px;width: 0;
height: 0;
border-style: solid;
border-width: 48px 9px 0 0;
border-color: #042a6b transparent transparent transparent;
}
.business ul li .business-information{}
.business ul li .business-information .business-name{font-size: 16px;color: #042a6b;margin: 20px 0 5px 0;font-weight: bold;min-height: 50px;}
.business ul li .business-information .business-content{font-size: 15px;color: #333;}
.business ul li .business-information .business-content ul{list-style:square;padding: 0;margin: 0 0 0 20px;}
.business ul li .business-information .business-content ul li{padding:3px 5px 3px 0;margin: 0;width:100%;}
@media screen and (max-width:990px){
.business ul li{width:50%;}
}
@media screen and (max-width:600px){
.business-title{background: url(../images/business-title_bg.png)no-repeat center left;font-size: 30px; background-size:auto;line-height: 1.2;}
}
@media screen and (max-width:500px){
.business ul li{width:100%;padding: 10px 0;}
.business ul li .business-information .business-name{min-height:inherit;}
}

/** EIP-Portal **/
.business-EIP-Portal{}
.business-EIP-Portal ul{list-style: none;padding: 0;margin: 0;}
.business-EIP-Portal ul li{margin:5px 0;font-size: 22px;color: #333;padding:0 0 0 25px;background: url(../images/business-icon001.png)no-repeat left 5px top 10px;}
.business_font001{font-size: 24px;color:#2d4e77;}
.business-EIP-Portal-title{font-size: 30px;color:#220f6d;font-weight: bold; background:#f0f4fa url(../images/business-icon002.png)no-repeat top 18px left 10px;background-size:22px;margin: 30px 0 15px 0;padding: 5px 10px 5px 40px;}

.business-AI-Benefit{margin: 0 ;}
.business-AI-Benefit ul{list-style: none;padding: 0;margin: 0;}
.business-AI-Benefit ul li{padding: 0;margin:5px 0;}
.business-AI-Benefit ul li h4{font-size: 22px;color: #333;background: #eeece1;padding:5px 15px;margin:15px 0 15px 0;border: 1px #fff solid; box-shadow: 1px 1px 10px 0 rgba(0,0,0,.2);}
.business-AI-Benefit-content{font-size: 18px;color: #333;}
.business-AI-Benefit-content ul{list-style: square;padding: 0;margin: 0 0 0 40px;}
.business-AI-Benefit-content ul li{font-size:18px;color: #333;padding: 5px 5px 5px 0;}

.business-main-solutions{margin: 0;}
.business-main-solutions ul{list-style: none;padding: 0;margin: 0;}
.business-main-solutions ul li{padding: 0;margin:20px 0;display: flex;}
.business-main-solutions ul li .business-main-solutions-images-main{width: 250px;}
.business-main-solutions ul li .business-main-solutions-title{font-size:22px;color: #fff;padding: 2px 10px;margin: 0 ;text-align: center;/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5a78b5+0,2d445b+100 */
background: rgb(90,120,181); /* Old browsers */
background: -moz-linear-gradient(top, rgba(90,120,181,1) 0%, rgba(45,68,91,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(90,120,181,1) 0%,rgba(45,68,91,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(90,120,181,1) 0%,rgba(45,68,91,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5a78b5', endColorstr='#2d445b',GradientType=0 ); /* IE6-9 */}
.business-main-solutions ul li .business-main-solutions-images{}
.business-main-solutions ul li .business-main-solutions-information-main{flex: 1;margin: 0 0 0 15px;}
.business-main-solutions ul li .business-main-solutions-information img{width: 100%;height: 100%;}
.business-main-solutions ul li .business-main-solutions-information-main h4{font-weight: normal;font-size: 22px;color: #fff;background: #05056f url(../images/business-icon003.png)no-repeat top 8px left 10px; padding:5px 10px 5px 50px;margin:0 0 15px 0;}
.business-main-solutions ul li .business-main-solutions-information{font-size:18px;color: #333;display: flex;}

.business-main-solutions ul li .business-main-solutions-content{flex: 1;padding:0 10px; font-size:18px;color: #333;position: relative;}
.business-main-solutions ul li .business-main-solutions-content ul{list-style: square;padding: 0;margin: 0 ;}
.business-main-solutions ul li .business-main-solutions-content ul li{font-size:18px;color: #333;padding: 3px 5px 3px 20px;margin: 0; background: url(../images/business-icon004.png)no-repeat top 15px left;}
.business-main-solutions ul li .business-main-solutions-content:nth-child(odd){margin: 0 20px 0 0;}
.business-main-solutions ul li .business-main-solutions-content:nth-child(odd):after{content: "";display: block;position: absolute;top: calc(50% - 40px);right:-20px; width: 0;
height: 0;
border-style: solid;
border-width: 40px 0 40px 20px;
border-color: transparent transparent transparent #05056f;}
.business-main-solutions ul li .business-main-solutions-content:nth-child(even){margin: 0 0 0 20px;}
.business-main-solutions ul li .business-main-solutions-content:nth-child(even) ul li{background: url(../images/business-icon005.png)no-repeat top 15px left;}

/** BigData **/
.business-BigData{display: flex;}
.business-BigData-content{flex: 1;font-size:18px;color: #333;margin: 0 15px 0 0;}
.business-BigData-content ul{list-style:square;padding: 0;margin: 0 0 0 40px;}
.business-BigData-content ul li{padding:5px 0;margin:0;}
.business-BigData-images{flex: 1;}
.business-BigData-images img{width: 50%;}
@media screen and (max-width:960px){
.business-BigData{display:block;}
.business-BigData-content{margin: 0 0 15px 0;}
}
@media screen and (max-width:450px){
.business-BigData-images img{width: 100%;}
}

/***** 訂單列表  *****/
.order-search { padding-left:30px;}
.order-list { padding-left:30px;} 
.order-list td { text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #CCC dotted; border-right:1px #CCC dotted;}
.order-list img.pro-photo { width:90px; height:90px; padding:10px; border:1px #CCC solid;}
.order-list .order-list-th { font-size:15px; color:#FFF; text-align:left; line-height:25px; padding:0 10px}
.order-list .order-list-td { font-size:15px; color: #333; text-align: left; padding:0 10px;}
.order-list .order-list-td.order_query a { background-color:#a70002; color:#fff; padding:3px 10px; line-height:1.5em; }
.order-list .order-list-td.order_query a:hover { background-color:#c72729; }
.order-list .numb { font-size:15px; color: #788BAC; text-align:left;}
.order-list .numb a {color: #788BAC;}
.order-list .count { font-size:15px; color: #333;}
.order-list .count-portal { padding:10px 0; border-bottom:1px #CCC dotted; margin-bottom:20px;}
                     .count-price { font-size:24px; font-family:Verdana; color: #900; font-weight:bold;}
.order-list .portal { display:block; width:200px; font-size:15px; color:#900; float:right; text-align:right;}
.order-list .freight { display:block; font-size:15px; color:#900; padding-bottom:10px;}
.oproject { display:none; color:#900;}

.shopping-list-more{ text-align:center; padding:10px 0 0 0;}
ul.order-list { list-style:none; margin:0 ; padding:0;}
ul.order-list li { border-bottom:1px #CCC dotted; padding:15px 0; }
ul.order-list li:nth-child(odd){ background: #F5F5F5;}
ul.order-list li.th { background:#111111; color: #fff; padding:3px 0; border:0;}
.th .order-list-img, .th .order-list-name, .th .order-list-price, .th .order-list-quantity, .th .order-list-subtotal, .th .order-list-del { padding-top:5PX; }

.order-list-img { float:left; width:10%; display:table-cell; font-size:15px; vertical-align:middle; text-align:center;}
.order-list-img02 { float:left; width:10%; display:table-cell; font-size:15px;  padding-top:5px; vertical-align:middle; text-align:center;}
  .sorder-list-img img { width:90px; height:auto; padding:5%; border:1px #CCC solid; margin:5%; text-align:center;}


.order-list-del a { color:#fff; padding:3px 10px; line-height:1.5em; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
background: rgb(248,80,50); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(248,80,50,1) 0%, rgba(241,111,92,1) 50%, rgba(246,41,12,1) 51%, rgba(240,47,23,1) 71%, rgba(231,56,39,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(248,80,50,1)), color-stop(50%,rgba(241,111,92,1)), color-stop(51%,rgba(246,41,12,1)), color-stop(71%,rgba(240,47,23,1)), color-stop(100%,rgba(231,56,39,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(248,80,50,1) 0%,rgba(241,111,92,1) 50%,rgba(246,41,12,1) 51%,rgba(240,47,23,1) 71%,rgba(231,56,39,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f85032', endColorstr='#e73827',GradientType=0 ); /* IE6-9 */
}

.order-list-del a:hover { 
background: rgb(255,48,25); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,48,25,1) 0%, rgba(207,4,4,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,48,25,1)), color-stop(100%,rgba(207,4,4,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(255,48,25,1) 0%,rgba(207,4,4,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */
}


.order-ditaile-info { padding:0 0 0 40px; font-size:15px; color: #333; line-height:1.5em; }
.jump-window-box  { max-width:500px; margin:0 auto; border:1px #CCC solid; padding:20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}

/*** 會員登入  ***/
.member-login-box { max-width:500px; margin:0 auto; padding:20px; }


/*****  購物車  *****/
.cart-body { margin:0 auto;}
.shopping-car { padding:0 30px;} 
th.shopping-car-th { background: #69C; font-size:15px; color:#FFF; text-align:center; line-height:25px;  border-right:1px #fff dotted;} 
.shopping-car td { text-align:center; font-size:12px; line-height:1.5em; padding:5px 10px; border-bottom:1px #CCC dotted; border-right:1px #CCC dotted;}
.shopping-car img.pro-photo { width:90px; height:90px; margin-right:10px; }
.shopping-car .pro-name { font-size:15px; color: #333; text-align:left; }
.shopping-car .price { font-size:15px; color:#900;}
@media screen and (max-width:640px){
	.shopping-car .price { text-align:right;}
}
.shopping-car .numb { font-size:15px; color:#66f;}
@media screen and (max-width:640px){
	.shopping-car .numb { display:inline-block; float:left; width:calc(50% - 51px); }
}
.shopping-car .count { font-size:15px; color: #333;}
@media screen and (max-width:640px){
	.shopping-car .count { font-weight:bold; font-size:20px; text-align:right; color:#a70002; float:right; width:auto;}
}
.shopping-car .count-portal { padding:10px 0; margin-bottom:20px;}
              .count-price { font-size:24px; font-family:Verdana; color: #900; font-weight:bold;}
.shopping-car .portal { display:block; font-size:15px; color:#900; float:right; text-align:right;}
.shopping-car .freight { display:block; font-size:15px; color:#900; padding-bottom:10px;}



ul.shopping-car-list { display:table; width:100%; list-style:none; margin:0; padding:0;}
ul.shopping-car-list li { display:flex; flex-wrap:wrap; -webkit-align-items:center; align-items:center; /*垂直置中*/ -webkit-justify-content:center; justify-content:center; /*水平置中*/  border-bottom:1px dotted #ccc; padding:15px 0; }
@media screen and (max-width:640px){
	ul.shopping-car-list li { display:inline-block; flex-wrap:nowrap; -webkit-align-items:center; align-items:center; /*垂直置中*/ -webkit-justify-content:left; justify-content:left; /*水平置中*/  border-bottom:1px dotted #ccc; padding:15px 0; }

}
ul.shopping-car-list li.th { background:#313131; color: #fff;  min-height:0px; padding:5px 0; border:0; }
.th .shop-car-info, .th .shop-car-name, .th .shop-car-price, .th .shop-car-quantity, .th .shop-car-subtotal, .th .shop-car-del { padding:5px 10px; }

.shop-car-info { display:table-cell; font-size:15px; vertical-align:middle; text-align:left;}
.shop-car-info a.pro-photo { width:60px; height:60px; float:left; margin-right:10px; background-size:cover; background-repeat:no-repeat; background-position:center; }
.shop-car-info .description{ font-weight:bold; font-size:15px; line-height:20px; margin-left:70px; word-wrap: break-word; color:#000;}
.shop-car-info .description .spec { font-weight:normal; font-size:13px; line-height:18px; color:#666; }
.shop-car-price { display:table-cell; height:100%; font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-quantity { display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-subtotal{ display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
.shop-car-del { display:table-cell; height:100%;  font-size:15px; vertical-align:middle; text-align:center;}
@media screen and (max-width:640px){
	.shop-car-del { float:left; width:auto; padding:5px 0;}
}
.shop-car-del a { background:#686868; color:#fff; padding:3px 10px; line-height:1.5em; }
.shop-car-del a:hover { background: rgb(255,48,25); /* Old browsers */}

.shopping-car .oproject { font-size:15px; color:#000; display:none; font-weight:bold; }
.shopping-car .original-price { display:block; font-size:12px; text-decoration:line-through; }


.checkout-box { padding:10px; margin-left:30px; border-bottom:2px #FFF dotted;}
.checkout-box h3 { background: #cca932; border-left:5px #7e6c2d solid; font-size:15px; color:#fff; line-height:40px; margin: 0 0 5px 0; padding-left:20px; font-weight:500;}
.check-box { padding:5px; font-size:15px; color:#000;}
.check-box a { color:#000;}
.check-box a:hover { color:#960; } 

.checkout-cart-summary{margin:10px 20px 10px 0; padding:10px;}
.checkout-cart-summary>div{margin-bottom:10px;}
.checkout-cart-summary>div.total{margin-top:10px; padding-top:10px; border-top:1px solid #ccc; font-weight:bold;}
.checkout-cart-summary>div.total .toc{font-family:Verdana; font-weight:bold; color:#900; font-size:large;}
.checkout-cart-summary>div.cart-coupon{color:#e96161;}

.appointment { max-width:600px; margin:0 auto;}
.appointment-title { text-align:center;}

/*****  產品專區  *****/
.search { padding:0 10px;}
.search-input { padding:10px 0; position:relative;}
.search-input img { position:absolute; right:0; top:10px;}
.search input { background:#ffffff; font-size:15px; color:#474747; padding:5px 0 5px 5%; line-height:31px; height:31px; width:85%; 
                 border:0; margin:0 10% 0 0; right:70px; vertical-align:middle;}
.search img { vertical-align:middle;}

.pro-store-info { font-size:13px; line-height:1.5em; color:#666; padding:10px 0 10px 35px; border-bottom:1px #CCC dotted; margin-bottom:20px;}
.pro-search-info { font-size:18px; color:#64691F; line-height:1.5em; border-bottom:1px #CCC dotted; margin-bottom:20px; text-align:center; padding-bottom:10px;}

.pro-list {}
.pro-list ul { max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.pro-list ul li {  width:25%; padding:1%; text-align:center; float:left;}
.pro-list ul li:hover { background:#f8f6f6;}
.pro-list ul li h4 { font-size:15px; color:#504f4d; line-height:1.5em; font-weight:normal; padding:5px 0 5px 0; margin:0; }


.pro-photo { background:#fff; width:100%; position: relative;}
.pro-photo a { display: flex; height: 100%; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.pro-photo img.index-pro-img { width: auto; height: auto; flex-shrink:0;}

.pro-list ul li .index-pro-store {color:#938c83; line-height:1.5em; padding:10px 0; display:block;;}
.pro-list ul li .index-pro-price { color:#b83400; font-size:18px; padding:0 0 10px 0; display:block; }

.pro-detaile { padding-left:30px; padding-right: 20px; }
h3.pro-detaile-title { background: url(../images/pro-detaile-name.jpg) left top no-repeat; font-size: 22px; color:#333; line-height:30px; padding: 5px 0 10px 50px; margin: 0 0 10px 0; font-weight: normal;}
.pro-detaile-box { display: flex;}
.pro-detaile-box>div {  -webkit-flex: 1;  flex: 1;}
.pro-detaile-photo-box { width: 50%;}
.pro-detaile-spe-box { width: 50%; position: relative; padding-bottom: 180px;}

.pro-detaile .pro-photo-box {background:#fff; width:100%; margin:0 0 10px 0; padding:0 20px 0 0;}
.pro-detaile .pro-photo-box img { width:100%; height:auto;}

.pro-specification {  font-size:12px; line-height:1.5em; color:#333; position:relative; margin-bottom:10px;}
.pro-specification p { }
.pro-content { padding:0px 0; font-size:12px; line-height:1.5em; color:#999; clear:both;} 
.pro-content p.spec { margin:0; padding:0; font-size:12px; line-height:1.5em; color:#333;}

.pro-list-date { background: url(../images/time.png) left center no-repeat; font-size:12px; color: #968c69; padding-left: 20px;}

h3.pro-introduce { background: url(../images/detail-title-bg.jpg) right no-repeat;font-weight:normal; border-left:5px #111111 solid; padding:8px 0 8px 20px; font-size:20px; color:#333;}
.pro-qr-code {}
.pro-qr-code img { width:100px; height:auto;}
.cart-info { position: absolute; width: 100%; bottom: 0; }
.cart-info .price { font-size:28px; line-height: 32px; font-weight:bold; color: #F00;  vertical-align:middle; display: inline-block; float: right;}
.cart-info .quantity { font-size:16px; color: #333;  vertical-align:middle; display:block; padding:10px 0; line-height:30px;}
.cart-info .quantity select { line-height:25px;}
 .check-out { text-align:center;  vertical-align:middle; display:block;}
 .check-out a {display:block; vertical-align:middle;  font-size:13px; min-width:130px; color:#333; padding:5px 10px; margin:10px 0; text-shadow:-1px -1px 0 #fff;-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background: #FFF; border:1px #D4D4D4 solid;}	
 			  
 .check-out a:hover { background: #D4D4D4;  text-shadow:-1px -1px 0 #A2A2A2; color:#333;}
 .check-out a img { vertical-align:middle; margin-right:10px;}
.cart-btn { padding:10px 0; text-align:center; margin-top:20px; }

.add-to-cart { padding-top: 10px;}
.add-to-cart a.cart { width: 100px; display: inline-block;}


.size { margin:5px 0; padding:7px 0; border-bottom:1px #DFDFDF solid;  border-top:1px #DFDFDF solid; }
.size ul { list-style:none; margin:0 auto; padding:0;}
.size ul li { background:#AAAAAA; font-size:12px; color:#ffffff;  margin:0 2px; float:left; cursor:pointer; width:25px; line-height:25px; text-align:center;}
.size ul li:hover { background:#000;}
.size ul li.active { background:#000; }
.size ul li.none { background:#E7E7E7; }
.size ul li.title { background: none; font-size:15px; color:#575757; width:auto; }

/**** 產明細圖片特效樣式 ****/
.slider-wrap								{ width: 100%;}	
.stripViewer .panelContainer		        { width: 400% !important;}	
.stripViewer .panelContainer  .panel ul		{ text-align: left; margin: 0 15px 0 30px; width: 100%}
.stripViewer								{ position: relative; overflow: hidden; width:100%; height: auto; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; width:400%; }
.stripViewer .panelContainer .wrapper       { width:100%; display: flex; height: 400px; vertical-align: middle; text-align:center;align-items: center;justify-content: center;}
.stripViewer .panelContainer img            { width: auto; height: auto; max-width:100%; max-height:100%;}
.stripViewer .panelContainer .panel			{ float: left; position: relative;}
.stripNavL, .stripNavR, .stripNav			{ display: none; width:100%; }
.slider-wrap a                              { height:auto;}
.nav-thumb 									{ margin-right: 0; }
#movers-row									{ margin:5px 0 0 0; width:101%; }
#movers-row div								{ width: 25%; float: left; padding-right:1%; }
#movers-row div a.cross-link 				{ float: right; display: flex; width: 100%; height: 120px; vertical-align: middle; text-align:center;align-items: center;justify-content: center; border: 1px #C0C0C0 solid;}
#movers-row div a.cross-link img			{ width: auto; height: auto; max-width:100%; max-height:100%;}
.photo-meta-data							{ background: url(/html/ezcatfiles/myweb62/img/img/60175/transpBlack.png); padding: 10px; height: 30px; 
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.cross-link									{ display: block; margin-top: 0px; position: relative; padding-top: 0px;}
.active-thumb 								{ background: transparent url(/html/ezcatfiles/myweb62/img/img/60175/icon-uparrowsmallwhite.png) top center no-repeat; }
.panel { width:25%;} /**四張圖 乘 四分之一 **/


/** 策略聯盟 **/
.alliance {padding: 15px 0;}
.alliance ul { max-width:1200px; margin:0 auto; padding:0; list-style:none;}
.alliance ul li {padding:15px; margin: 15px 0; text-align:center; display: flex;align-items: center; background:#fff; border: 2px #c6d5e0 dashed; box-shadow: 0 0 0 15px #f1f6f9;}
.alliance ul li:hover { background:#f1f6f9;border-radius: 0 50px 0 0; border: 2px #c6d5e0 dashed; box-shadow: 0 0 0 15px #f1f6f9;}
.alliance ul li .images { width: 250px; padding: 10px; margin: 0 15px 0 0; background:#fff; }
.alliance ul li .images img{ width:100%;}
.alliance ul li .alliance-information { flex: 1; font-size: 15px; text-align:left; }
.alliance ul li .alliance-information h4{ font-size: 20px; font-weight: bold;color: #004376; }


/*****  聯絡我們  *****/
.contact-contect{display: flex;}
.contact-contect .contact-information{flex: 1;font-size: 16px; color: #333;margin: 0 5px;}
.contact-contect .contact-information a{color: #333;}
.contact-contect .contact-information a:hover{text-decoration: underline;}
.contact-contect .contact-information-title{font-size: 18px; color: #005494;padding: 10px 0;font-weight: bold;}
.contact-contect .contact-googlemap{flex: 1;margin: 0 5px;}
.contact-body { padding:0;}
.contact-note {background: #e03535; padding:5px 10px;margin: 5px 0; font-size:14px; color:#fff; border-radius:15px 0 15px 0;width:160px; text-align: center;}
.contact-left { }
.contact-left img { width:100%; height:auto; margin-top:0px; }
.btn-send { font-size:13px;} 
a.btn-send { background: #000; padding: 5px 20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px;}
a.btn-send:hover { background: #333;}
a.btn-reset { background:#444;  padding: 5px 20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px;}
a.btn-reset:hover { background:#666;}


a.btn-send-over { background: #9c9c9b; padding: 5px  20px; text-align:center; font-size:13px; color:#fff; width:100px; margin:2px; }
a.btn-send-over:hover { background: #b9b9b9;}

img.code { width:100px; height:30px; margin:0 5px 0 0; vertical-align:middle;}

/*****  FAQ  *****/
.faq {}
.faq ul { margin:0; padding:0 5px; list-style:none;}
.faq ul li { border-bottom:1px #fff solid; }
.faq ul li .qa_title { background: #ffffff; font-weight:normal; border-left:8px #9c9c9c solid;}
.faq ul li a { color:#555555; font-size:15px; display:block; padding:10px 0 10px 10px;}
.faq ul li a:hover { background:#dbdbdb; }
.faq ul li .qa_content { border-top:1px #CCC dotted; padding:10px 0 20px 25px; font-size:13px; line-height:1.5em; color:#666;}

.opacl { font-size:12px; line-height:20px; padding-bottom:10px; }
.opacl a { background:#959595; color:#fff; padding: 7px 15px; margin:0 5px; -webkit-border-radius: 5px 0px 0 0px; -moz-border-radius: 5px 0px 0 0px; border-radius: 5px 0px 0 0px;}
.opacl a:hover { background:#333;}
a.close_qa { font-size:12px;} 
#qaContent{}
.accordionPart{}


/** 服務項目 **/
.service{margin: 0;}
.service ul{ list-style:none; margin:0; padding:0;display:flex;flex-wrap: wrap; }
.service ul li {font-size: 16px; flex-basis: 48%; margin:4px 1%;}
.service ul li:before{content: ""; display: block; background: url(../images/service-top.png)no-repeat center bottom; width: 100%;height: 17px;background-size:100%;margin: 0;}
.service ul li:after{content: ""; display: block; background: url(../images/service-bottom.png)no-repeat center top; width: 100%;height: 17px;background-size:100%;margin: 0 ;}
.service ul li a { color:#333;display: block;  padding:15px 15px;background: url(../images/service_bg.png) no-repeat right center; background-size: cover; border: 1px #ccc solid; }
.service ul li a:hover { color:#fff;background: url(../images/service_bg_h.png) no-repeat right center; background-size: cover;}

/** 服務項目明細 **/
.service-detail{}
.service-detail-banner-main{position: relative;}
.service-detail-banner{position: absolute;top: 0;left: 0;}
.service-detail-banner02{}
.service-detail-banner02 img{border-radius:10px;margin:0 0 25px 0;}
.service-detail-item{ color: #5e5e5e;margin: -140px 0px 20px 0px;position: relative;z-index:2;padding: 0 10px;min-height: 130px;}
.service-detail-item ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content:flex-start;}
.service-detail-item ul li{width:calc(33.3333% - 4px); color: #5e5e5e;font-size: 16px; padding:2px 10px 2px 25px;margin:4px 2px; background:#f2f5f7 url(../images/icon-service.png) no-repeat 10px 10px; background-size: 9px;text-align: left;border-bottom:2px #bacdd8 solid;}
.service-detail-contect{display: block;width: 100%;color: #333;font-size: 15px;}
.service-detail-contect img{width: 94%;margin: 15px 0 0 0;}
.service-detail-contect>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content:center;}
.service-detail-contect>ul>li{padding: 0;margin:10px 5px; color: #333;font-size: 16px;width:calc(50% - 10px); }
.service-detail-contect-title{color: #fff;font-size: 16px;background: #1a3280;border-radius: 5px;padding:8px 15px;text-align: center;}
.service-detail-contect-contect{color: #333;font-size: 15px;padding:10px 15px;}
.service-detail-contect>ul>li>ul{list-style:square;padding:10px 15px 10px 35px;margin: 0;display: block;}
.service-detail-contect>ul>li>ul>li{padding: 0;margin: 0; color: #333;font-size: 15px;background:none;  }
.service-detail-contect-title02{color: #fff;font-size: 16px;padding:10px;}

.service-detail-contect02{display: block;width: 100%;color: #333;font-size: 15px;}
.service-detail-contect02>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content:center;}
.service-detail-contect02>ul>li{margin:10px 5px; width:calc(33.3333% - 10px);color: #fff;font-size: 16px;background: #1a3280;border-radius: 5px;padding:8px 15px;text-align: center; }

@media screen and (max-width:940px){
.service-detail-item{margin: -120px 0 20px 0;}
.service-detail-item ul li{margin:2px 2px;font-size: 15px; }
}
@media screen and (max-width:830px){
.service-detail-item{margin: -95px 0 20px 0;}
.service-detail-item ul li{width:calc(50% - 4px); }
}
@media screen and (max-width:710px){
.service-detail-banner{display: none;}
.service-detail-item{margin: -40px 0 20px 0;background: #fff;padding: 15px 10px 0 10px;}
}
@media screen and (max-width:450px){
	.service-detail-item{margin: -40px 0 10px 0;}
	.service-detail-item ul li{width:calc(100% - 4px); }
.service-detail-contect>ul>li{width:calc(100% - 10px); }
	.service-detail-contect02>ul>li{margin:10px 5px; width:calc(33.3333% - 10px);color: #fff;font-size: 16px;background: #1a3280;border-radius: 5px;padding:8px 15px;text-align: center; }

}

/*****  最新消息  *****/
.news {padding: 10px;}
.news ul { margin:0; padding:0; list-style:none;display: flex;align-items: center;flex-wrap: wrap;}
.news ul li {flex-basis: 50%; margin:5px 0;padding:5px;}
.news ul li .date {  width:80px; background:#184ea1; color: #fff; font-size: 15px;min-height:80px; border-radius:10px;padding:10px;text-align: center; display: flex;align-items: center;box-shadow: 0 0 10px #082875 inset;}
.news ul li .news-lis-cont { flex: 1; margin: 0; padding:0 10px;}
.news ul li a {display: flex; color:#333;align-items: center;}
.news ul li a:hover {background:#e5f1f7;  transform:translateX(5px); border-radius:10px ;}
.news-time{ width:100%; background:#184ea1; color: #fff; font-size: 14px;border-radius:10px;padding:5px;text-align: center;box-shadow: 0 0 10px #082875 inset;}


/*****  內頁架構  *****/
.content-body { margin:30px auto 0 auto;}
.page-title { background:url(../images/page-title.png) left top no-repeat; background-size:44px; font-size:20px; color:#333; padding:4px 5px 4px 50px; line-height:30px; margin:5px 0 25px 0;border-bottom: 1px rgba(23,40,140,.8) solid;}
.page-title:after { display: block; content: "";width: 0;
height: 0;
border-style: solid;
border-width: 14px 18px 0 18px;
border-color: rgba(23,40,140,1)  transparent transparent transparent;margin: 4px auto -18px auto;position: relative;left: -26px;}
.page-title02 {font-size:30px; color:#643171;padding:0 0 0 10px;margin:0 0 20px 0;border-left:5px #643171 solid;line-height: 1.6;}
.page-title03 {font-size:30px; color:#96141d;padding:0 0 0 10px;margin:0 0 20px 0;border-left:5px #96141d solid;line-height: 1.6;}
.page-title04 {font-size:30px; color:#100834;padding:0 0 0 10px;margin:0 0 20px 0;border-left:5px #100834 solid;line-height: 1.6;}
.page-title05 {font-size:30px; color:#710b45;padding:0 0 0 10px;margin:0 0 20px 0;border-left:5px #710b45 solid;line-height: 1.6;}
.page-main { padding:20px; font-size: 15px; color:#333; line-height:1.6;  }

.left-menu-title { /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f94d5+0,172a8c+100 */
background: #0f94d5; /* Old browsers */
background: -moz-linear-gradient(45deg, #0f94d5 0%, #172a8c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #0f94d5 0%,#172a8c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0f94d5 0%,#172a8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f94d5', endColorstr='#172a8c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */text-align:left; font-size:20px; color: #fff; padding:8px 20px;position: relative;z-index: 9;border-radius: 0 20px 0 0 ;overflow: hidden;border-bottom: 3px rgba(23,40,140,.8) solid;}
.left-menu-title-bg{position: absolute; right: 0;bottom:4px;font-size:50px;  color: rgba(23,40,140,0.6); text-shadow: 2px 2px 3px rgba(255,255,255,0.1);font-weight: bold;font-family: arial;z-index: 9;}
.left-menu-img{}
.left-menu-img img{ width: 100%;}
.in-left-menu {  }
.in-left-menu>ul { margin:0; padding:1px 0 0px 0; list-style:none; }
.in-left-menu>ul>li  {border-bottom:1px #ccc dashed; font-size:15px; color:#666; padding:0;}
.in-left-menu>ul>li>a { background:url(../images/left-icon.png) no-repeat 8px 17px;background-size:6px; color:#333;  display:block; padding:10px 20px; line-height:1.5em;}
.in-left-menu>ul>li>a:hover { background:url(../images/left-icon.png) no-repeat 97% 17px #efefef;background-size: 6px;}
.in-left-menu>ul>li .current{ background:url(../images/left-icon.png) no-repeat 97% 17px #efefef;background-size: 6px;}

.in-left-menu>ul>li>ul{ margin:0; padding:0; list-style:none;} 
.in-left-menu>ul>li>ul>li { border-top:1px #dde5ea solid; padding:0;}
.in-left-menu>ul>li>ul>li>a { display: block;font-size:14px; color:#666;padding: 5px 25px;} 
.in-left-menu>ul>li>ul>li>a:before {content: " ╴ ";} 
.in-left-menu>ul>li>ul>li>a:hover { background:#f1faff;} 
.in-left-menu>ul>li>ul>li>a:hover:after {content: " ╴ ";} 
.in-left-menu>ul>li>ul>li .current02{background:#f1faff;}
.in-left-menu>ul>li>ul>li .current02:after {content: " ╴ ";} 


@media screen and (max-width:1170px){
.left-menu-title-bg{font-size:40px; }
}
@media screen and (max-width:1030px){
.left-menu-title-bg{display: none;}
}
@media screen and (max-width:640px){
.page-title02{line-height: 1.2;}
}
.m_classLink{display:none;}
.m_classLink02{display:none;}
.classBox02{display:none;}
.font_001{font-size:18px; color: #0d3880;font-weight: bold;margin:15px 0 5px 0;}
.font_001:before{content: "- ";}

/*****  內頁BANNER  *****/
.inside-banner { background: url(../images/in-banner-bg.png)no-repeat left center;background-size:cover; padding:15px 0; border-top:3px #005391 solid;box-shadow: 0 1px 10px 0 #aaa;}
.inside-banner .banner-title { max-width: 1200px; font-size:18px; color:#ffffff; margin:0 auto; padding:0; text-align: right;font-weight: bold;}
.banner-title-ch{font-size: 22px; color: #164491;padding:4px 0;}
.banner-title-en{font-size:36px; color: #fff;font-family: arial;padding:10px 0 4px 0;letter-spacing: 2px;text-shadow: 1px 1px 1px #999;}

@media screen and (max-width:900px){
.inside-banner{padding: 60.59px 10px 7px 10px;}
.banner-title-ch{font-size:20px;}
.banner-title-en{font-size:32px;}

}

/*****  首頁產品  *****/
.index-pro { max-width: 1400px; margin:0 auto; padding: 30px 0 10px 0;}
.index-pro-title {font-size:24px; color:#333; line-height:30px; padding-bottom:10px; text-align:center; font-weight:normal; border-bottom:3px #DFDFDF solid;} 
.index-pro ul {  margin:0 auto; padding:0; list-style:none;}
.index-pro ul li { width: calc(33.333% - 14px);  margin: 7px; padding:0; text-align:center; float:left; border-radius: 5px 5px 0 0; overflow: hidden;}
.index-pro ul li:after { content: ""; display: block; width:100%; height: 22px; background: url(../images/i-service_bg.png) no-repeat top center; background-size:100%; margin: 0 auto;}
.index-pro ul li a{ color:#fff;}
.index-pro ul li a:hover{ color:#fff;}
.index-pro ul li .i-service-title001 { font-size:24px; color:#fff; background: url(../images/service_bg001.jpg) no-repeat center top; background-size: cover; padding: 28px 10px; text-shadow: 1px 1px 0 #666;}
.index-pro ul li .i-service-title002 { font-size:24px; color:#fff; background: url(../images/service_bg002.jpg) no-repeat center top; background-size: cover;  padding: 28px 10px;text-shadow: 1px 1px 0 #666;}
.index-pro ul li .i-service-title003 { font-size:24px; color:#fff; background: url(../images/service_bg003.jpg) no-repeat center top; background-size: cover;  padding: 28px 10px;text-shadow: 1px 1px 0 #666;}

.index-pro ul li .index-pro-store {color:#938c83; line-height:1.5em; padding:10px 0; display:block; text-decoration: line-through; }
.index-pro ul li .index-pro-price { color:#b83400; font-size:20px; padding:0 0 10px 0; display:block; font-family:Helvetica, Arial; }


@media screen and (max-width:880px){
.index-pro {padding:10px 0;}
.index-pro ul li .i-service-title001 { font-size:18px; padding:15px 10px;}
.index-pro ul li .i-service-title002 { font-size:18px;padding:15px 10px;}
.index-pro ul li .i-service-title003 { font-size:18px;padding:15px 10px;}	
}
a.cart { background:#ffffff; padding:5px 8px; color:#cecece; font-size:15px; display:block; border:1px #bbbbbb solid;  width:100%; text-align: center;}
a.cart img { padding-right:0px; vertical-align:middle;}
a.cart:hover { background: #ffffff; color:#333333;}

a.check { background:#ffffff; padding:5px 8px; color:#cecece; font-size:15px; display:block; border:1px #bbbbbb solid;  width:49%; margin-left:1%; float:left;}
a.check img { padding-right:0px; vertical-align:middle;}
a.check:hover { background: #ffffff; color:#5C0001;}

.index-more { max-width:1200px;  margin:50px auto 0 auto; position:relative; }
.index-more a { background:url(../images/index-more-pro.png) #2a2a2a bottom no-repeat; color:#ffffff; width:132px; padding: 10px 0 20px 0; display:block; margin:0 auto; text-align:center; }


/*****  首頁連結  *****/
.index-link {  margin:0 auto;}
.index-link h3 { color:#333; font-size:36px; font-weight:normal; text-align:center; line-height:0.8em; letter-spacing:2px;}
.index-link h3 .red { color:#333333; font-size:24px; letter-spacing:0px;}
.index-link h3 .brwon { color:#999999; font-size:24px; padding-left:15px; letter-spacing:0px;}

.index-link-top { height:75px;}

.index-link ul { background:#e1e1e1; margin:0; padding:0; list-style:none;}
.index-link ul li { float:left; width:25%; margin:0; padding:0; border:1px  #fff dotted;}
.index-link ul li img { width:100%; height:auto; border:0; margin:0; padding:0;}


/*****  首頁 搜尋 最新消息模組  *****/
.index-news { width:100%; position:relative;}
.index-news-line { position:absolute; width:100%; border-bottom:1px #d1d1d1 solid; top:50px; z-index:-1; }

.index-search-news {  margin:0 auto; padding:0 15px;}
.index-search { }
.index-search h3 { background:#5b5b5b; font-size:18px; color:#ffffff; font-weight:normal; line-height:40px; margin:10px 0 10px 0; padding:0 10px; }
.index-search span { display:block; float:right; font-size:15px; color:#d1d1d1; font-weight:normal;}
.index-search-input { padding:0px 0 10px 0; position:relative; color:#333;}
.index-search-input img { position:absolute; right:0; top:0px;}
.index-search input { background: #eeeeee; font-size:15px; color: #333; padding:5px 0 5px 20px; line-height:21px; width:100%; border:0; margin:0 5% 0 0; right:51px; vertical-align:middle;}
.index-search img { vertical-align:middle;}

.i-news-main{ max-width: 1000px; margin: 0 auto; display: block;}
.i-news { float: left; width: 50%; padding:0 15px; margin:15px 0 0 0 ;}
.i-news-line { border-right: 1px #f0f0f0 solid;}
.i-news h3 { color:#06477a;  font-weight:normal; margin:0; padding:12px 0; font-size: 24px; text-align: center; border-bottom: 1px #2c608a solid;}
.i-news h3:after{ content: ""; display: block; margin:12px auto -27px auto;width: 0;
height: 0;
border-style: solid;
border-width: 14px 15px 0 15px;
border-color: #2c608a transparent transparent transparent;}

.i-news ul { list-style: none; color:#333; padding:30px 0; margin:10px 0 0 0 ; }
.i-news ul li { padding: 0; font-size:15px; line-height:1.5em; overflow: hidden;  }
.i-news ul li a { color:#333; display:block; padding:6px;}
.i-news ul li a:hover {transform-origin:0;transform:scale(1.1);color: #005295; }
.i-news ul li .date{ font-size: 15px; color: #005295; float: left; width:80px; text-align: center;}
.i-news ul li .i-news-title{font-size: 15px; color: #282828; float: left;width: calc(100% - 80px);overflow : hidden;text-overflow : ellipsis;white-space : nowrap; text-align: left;  }
.i-news-more{text-align: center; display: block; width: 40px; height: 20px; margin: 0 auto;}
.i-news-more a{ background-color: #2c608a; font-size: 20px; color: #fff; border-radius:  40px 40px 0 0;display: block; width: 40px; height: 20px; }
.i-news-more a:hover{background-color: #2f7abf; border-radius: 40px 40px 0 0;display: block; width: 40px; height: 20px;}

/***  會員登入  ***/
h3.login-title { margin:10px 0 10px 0; font-family:"Times New Roman"; font-size:30px; line-height:30px; color:#9B9B9B;}
.login-tool {}
.icon-tool { width:40px; height:auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
.member-signup { font-size:14px; color:#828282; line-height:20px; padding:5px 0; text-align:center;}
.calender { width:30px; height:auto;}


/***  版面欄位  ***/
.main { padding-top:0px;}
.col-100 {float:left; width:100%;}
.col-010 { width:9%; margin-right:1%; float:left;}
.col-015 { width:14%; margin-right:1%; float:left;}
.col-020 { width:19%; margin-right:1%; float:left;}
.col-025 { width:24%; margin-right:1%; float:left;}
.col-030 { width:29%; margin-right:1%; float:left;}
.col-040 { width:39%; margin-right:1%; float:left;}
.col-045 { width:44%; margin-right:1%; float:left;}
.col-050 { width:49%; margin-right:1%; float:left;}
.col-055 { width:54%; margin-right:1%; float:left;}
.col-060 { width:59%; margin-right:1%; float:left;}
.col-065 { width:64%; margin-right:1%; float:left;}
.col-070 { width:69%; margin-right:1%; float:left;}
.col-075 { width:74%; margin-right:1%; float:left;}
.col-080 { width:79%; margin-right:1%; float:left;}
.col-085 { width:84%; margin-right:1%; float:left;}

.cor-010 { width:10%; float:left;}
.cor-015 { width:15%; float:left;}
.cor-020 { width:20%; float:left;}
.cor-025 { width:25%; float:left;}
.cor-030 { width:30%; float:left;}
.cor-035 { width:35%; float:left;}
.cor-040 { width:40%; float:left;}
.cor-045 { width:45%; float:left;}
.cor-050 { width:50%; float:left;}
.cor-055 { width:55%; float:left;}
.cor-060 { width:60%; float:left;}
.cor-065 { width:55%; float:left;}
.cor-070 { width:70%; float:left;}
.cor-075 { width:75%; float:left;}



/***  選單與下拉  ***/
nav { margin:0px 0 0 50%; padding: 58px 0 0 0;  }
 .menu { padding:0; list-style:none; position:relative;  margin: 0 auto;  }
 .menu>li {color: #fff; width:20%; float:left; font-size:18px; text-align:center;line-height:1.2em; margin: 0; cursor:pointer; position: relative;}
 .menu>li:after { content: ""; display: block; background-color: #000; width: 1px; height: 22px; position: absolute; right: 0; top: 4px;}
 .menu>li:nth-child(6n):after{ display: none;}
 .menu>li:nth-child(1){ display: none;}
 .menu>li>a { display:block; padding: 5px 0; color:#000000;background:#fff; background: linear-gradient(135deg, transparent 0px, #fff 0) top left, linear-gradient(-45deg, transparent 0px, #fff 0) bottom right; background-size: 52% 100%; background-repeat: no-repeat;transition: all 0s ease 0s;}  
 .menu>li>a:hover {color: #fff; background:#096bb6; background: linear-gradient(135deg, transparent 6px, #096bb6 0) top left, linear-gradient(-45deg, transparent 6px, #096bb6 0) bottom right; background-size: 52% 100%; background-repeat: no-repeat;transition: all 0s ease 0s;}

.menu>li ul{display: none;}

.menu>li:nth-child(4) ul{display:block;}
 .menu>li.sub>ul.sub-menu {  background: #044a80; display: none; position:static; z-index:999; margin:0; padding:0; -webkit-border-radius:  0 0 5px 5px; -moz-border-radius:  0 0 5px 5px;border-radius: 0 0 5px 5px; overflow:hidden;}
 .menu>li.sub:hover ul.sub-menu { position:absolute; display: block; width:100%; left:0; top:31px;
 }
 .menu>li.sub>ul.sub-menu>li { display:block; border-top:1px #fff dotted;font-size: 15px;line-height: 1.4; }
 .menu>li.sub>ul.sub-menu:hover li { display:block;}
 .menu>li.sub>ul.sub-menu>li>a { display:block; color:#fff;padding: 5px;}
 .menu>li.sub>ul.sub-menu>li>a:hover { background:#096bb6;}
 
 
 /* make keyframes that tell the start state and the end state of our object */
@-webkit-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@-moz-keyframes fadeIn { from { opacity:0; } to { opacity:1; } }
@keyframes fadeIn { from { opacity:0; } to { opacity:1; } }

.fade-in {
  opacity:0;  /* make things invisible upon start */
  -webkit-animation:fadeIn ease-in 1;  /* call our keyframe named fadeIn, use animattion ease-in and repeat it only 1 time */
  -moz-animation:fadeIn ease-in 1;
  animation:fadeIn ease-in 1;

  -webkit-animation-fill-mode:forwards;  /* this makes sure that after animation is done we remain at the last keyframe value (opacity: 1)*/
  -moz-animation-fill-mode:forwards;
  animation-fill-mode:forwards;

  -webkit-animation-duration:0.3s;
  -moz-animation-duration:0.3s;
  animation-duration:0.3s;
}

@media screen and (max-width:1090px){
	nav { padding:46px 0 0 0;  }
}
@media screen and (max-width: 900px) {
	.slicknav_menu { display:none;}
	.js #menu {	display:none;}
	.js .slicknav_menu {display:block;position: fixed;z-index: 99;width: 100%;box-shadow: 0 0 10px 0 #999;}
	nav { padding: 0;  }
 .menu { list-style:none;}
 .menu li { color:#fff; width:100%;  text-align:center; float:none;}

/*** 手機選單、選單 色塊-變色  ***/
.b-color, .slicknav_menu { background:#fff; max-width:1200px; margin:0 auto;  } /** 選單顏色 ***/
.slicknav_icon-bar { background-color: #333;} /** 手機選單ICON按鈕色 ***/
.slicknav_btn { } /** 手機選單ICON按鈕底色 ***/

.b-color>li:hover, .b-color>li>ul>li>a:hover, .slicknav_nav .slicknav_row:hover, .slicknav_nav a:hover {  background: #096bb6; } /** 選單滑入顏色 ***/
.slicknav_nav>li { } 
.border-color { border-left:7px #A0A0A0 solid;} /** 標題顏色 ***/
} 

/*** 訂位填寫  ***/
.show-date { background:#14A1F0; padding:5px 10px; font-size:14px; color:#fff; line-height:25px; margin-bottom:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
.show-date a { color:#D0FF00; text-decoration:none;}
.show-date a:hover { color:#F0FF9B;}
.kyein-be-member { background: #FF1115; padding:5px 10px; font-size:14px; color: #FFDADA; line-height:25px; margin-bottom:5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}


/*** 訂位區塊  ***/
.info-box { font-size:14px; color: #686868; line-height:20px; padding-bottom:10px; margin-bottom:10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;}
h4.info-title { background: #FFEDED; font-size:17px; line-height:30px; color: #AD3A3C; padding: 0 0 0 10px; margin:5px 0px 10px 0px;  -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; font-weight:normal;}
.info-content { padding:0 0 10px 20px;}
.info-content ul { list-style:square; margin:0 0 0 0px; padding:0 0 0 20px;}
.info-content ul li { border-bottom:1px #BFBFBF dotted; margin-bottom:10px; color: #A41C1F;}
.info-content ul li p { font-size:12px; color:#767676; margin:0 0 10px 0; padding:0;}
h5.info-set-opint { color:#69B7FF; font-size:15px; line-height:25px; border-bottom:1px #D9D9D9 solid; margin:0 0 10px 0;}

/***  step  ***/
.steps { text-align:center; padding:30px 0; }
.steps .step { display:inline-block; width:240px; max-width:33%; text-align:center; margin:0 -2px;}
.steps .step span { display:block; font-weight:bold;  }
.steps .step span.badge { position:relative; height:30px; line-height:30px; text-align:center; }
.steps .step span.badge .text { position:absolute; left:calc(50% - 15px); font-size:18px; font-family:Arial; color:#fff; background-color:#d9d9d9; display:inline-block; width:30px; height:30px; line-height:30px; border-radius:50%; z-index:1; }
.steps .step.active span.badge .text { color:#fff; background-color:#000; }
.steps .step span.badge:before { content:""; position:absolute; background-color:#d9d9d9; width:100%; height:2px; top:50%; left:0; margin-top:-1px; z-index:0; }
.steps .step:first-child .badge::before {width:50%; left:50%;}
.steps .step:last-child .badge::before {width:50%; right:50%;}



/***  歷史訂單  ***/
.table-border { background: #DBDBDB; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:10px;}
.table-border th {  font-size:14px; color:#fff; padding:3px 5px;}
.table-border td { font-size:14px; color: #515151; padding:3px 5px; text-align:center; }

.table-border tr:first-child { background:#FF6700; font:12px; padding:3px 5px; -webkit-border-radius:5px 5px 0 0; -moz-border-radius:5px 5px 0 0;border-radius:5px 5px 0 0;}
.table-border tr:last-child { background:#FFF; font:12px; padding:3px 5px; -webkit-border-radius:0 0px 5px 5px; -moz-border-radius:0 0px 5px 5px; border-radius:0 0px 5px 5px;}
.table-border tr:nth-child(2n){ background:#FFF; }
.table-border tr:nth-child(2n+3){ background:#FFFBF0; }

/***  表單欄位  ***/
.form-box {; padding: 0px;}
.form-box input, .form-box img { vertical-align:middle;}
.form-style01 { font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; padding:5px 0 10px 0; line-height:20px; width:100%;}

.opinion { margin-bottom:5px;display: flex; }
.opinion-left01 {/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#0f94d5+0,172a8c+100 */
background: #0f94d5; /* Old browsers */
background: -moz-linear-gradient(45deg, #0f94d5 0%, #172a8c 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(45deg, #0f94d5 0%,#172a8c 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(45deg, #0f94d5 0%,#172a8c 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0f94d5', endColorstr='#172a8c',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */ width:25%; border-right:5px #05135e solid; padding:8px 10px;  font-size:16px; font-family:"微軟正黑體"; color:#ffffff; line-height:1.6em;}
				  
.opinion-right01 { float:left; width:7.5%; padding:0px 2%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; border-left:0;}
				  
.input-main-style01 { float:left; width:55%; margin:0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px;}
.input-main-style02 { background:#fff;flex: 1; border: 0;border-bottom: 1px #05135e dashed;margin:0; padding:8px 10px;  font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:1.6em;}
.input-main-style02-active { background:#eeeeee; float:left; width:70%; border: 0; margin:0; padding:5px 3%; font-size:14px; color:#C10003; line-height:20px;}
.input-main-style03 { background:#eeeeee; float:left; width:100%; margin:5px 0 0 0; border: 0; padding:5px 3%; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; line-height:20px; }

.input-main-select { background:#eeeeee; float:left; width:70%; border: 0; margin:0; padding:0; font-size:14px; color:#4E4E4E; line-height:20px;}
.input-main-select select { background:#eeeeee; width: 49%; padding:5px 3%; line-height:20px; border: 0; font-family:"微軟正黑體";}

.select-style { background: #8a6e0c; font-size:15px; color:#ffffff; line-height:20px; padding:5px 10px; border: 0; }

.order-numb { color:#FF0004;}

/***  輸入欄位  ***/

input { }
.input-style01 { background:#fff; border: 0; border-bottom: 1px #05135e dashed;padding:8px 10px; line-height:1.6em; font-size:16px; font-family:"微軟正黑體"; color:#4E4E4E;flex: 1; margin-bottom:0px; }

.input-botton01 { padding:5px 3%; line-height:18px; font-size:13px; font-family:"微軟正黑體"; color:#4E4E4E; width:100px; margin:0 auto; text-align:center; 
                  -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-bottom:5px; text-shadow: 1px 0px #fff; font-weight:800;}

.select-style01 {border:1px #CBCBCB solid; padding:5px 3%; width:99%; line-height:20px; font-size:14px; font-family:"微軟正黑體"; color:#4E4E4E; margin:0;
                 -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
                 -moz-box-shadow:0px 0px 5px #E9E9E9 inset;              /* For Firefox3.6+ */
	             -webkit-box-shadow:0px 0px 5px #E9E9E9 inset;           /* For Chrome5+, Safari5+ */
	             box-shadow:0px 0px 5px #E9E9E9 inset;                   /* For Latest Opera */}



/* 頁次 */	
.page{  font:13px/40px "微軟正黑體"; color:#333; text-align: center; clear:both; margin-top:20px; }
  .page a { background: #000; color:#fff; padding:5px 15px; }
  .page a:hover { background: #333; color: #fff;}
  .page br { display:none;}

/******  底部資訊  ******/
footer { background: url(../images/footer_bg.jpg) no-repeat center top; background-size: cover; padding: 25px 0; border-top: 3px #2f7abf solid;}
footer .footer { max-width: 1200px; margin: 0 auto; display: flex; position: relative;}

footer .footer .f-logo { width: 195px; height: auto; margin: 0 20px 0 0; padding: 5px 0 0 0; }
footer .footer .f-logo img{ width: 100%; height: auto; }
footer .footer .information{ font-size: 16px; color: #002e54; flex: 1; }
footer .footer .wd{ font-size: 13px; color: #02457a; position: absolute; bottom: 0; right: 0; }
footer .footer .wd a{ color: #02457a; }
footer .footer .wd a:hover{ text-decoration: underline;}
.copyright{ font-size: 14px; color: #02457a; text-align: center; padding: 5px; }