/* CSS Document */
html, body{width:100%;height:99%; text-align:left; line-height:21px; min-height:100%;position:relative;z-index:1; font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 微软雅黑体, Microsoft YaHei, 华文黑体, STHeiti, sans-serif; font-size:14px; background: url(../images/bg_510x510px.jpg) repeat center center; color:#666; margin:0;}
#block{background: url(../images/bg_510x510px.jpg);width:100%;height:100%;z-index:9;
font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 微软雅黑体, Microsoft YaHei, 华文黑体, STHeiti, sans-serif;
font-size: 14px;
text-align: left;
line-height: 21px;
color: #666}
h1,p{margin:0; padding:0; }
a,img{border:0; text-decoration:none; }
div:hover{ }
#pub_mobile{
display:none;
}
.jumptarget:before {
margin-top: 180px;
}
.jumptarget{ margin-top: -180px;}
.copyright_mobile{ display:none;}
.footer_HKTSB{ display:none;}
.mobile{display:none}
.livechat_btn{ position:fixed; top:25px; right:0px; z-index:99999;}
.container{width:1020px; margin:0 auto; position:relative; top:0; left:0;}
.p_pt{ list-style:disc; background:#00C}
.soci_00{display: inline-block;float: left;margin: 0;padding: 0;}
.soci_00:hover{ opacity:0.6;}
.soci_01, .soci_02, .soci_03, .soci_04, .soci_05{
/* position: relative; */
/*display: inline-block;*/
float: left;
height: 30px;
margin: 0;
padding: 0;
opacity:1;
}
.soci_01:hover, .soci_02:hover, .soci_03:hover, .soci_04:hover, .soci_05:hover{ opacity:0.6;}
/* top */
#top{width:100%; height:180px; position:fixed; top:0; z-index:999; background: url(../images/bg_510x510px.jpg) repeat center center;}
.logo{ position:absolute; top:10px; left:40px; -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2);z-index:9999;}
.logo img{width:160px}
.since{ position:absolute; top:20px; left:230px;}
.lang {text-align: right;}
.lang ul{ list-style:none; margin:0; padding:0;}
.lang ul li{ width:130px; text-align:left; float:left; color: #fff;}
.lang ul li:hover{ background-color:#b8872c; color:#fff;}
.lang ul li.active{ background-color:#b8872c; color:#fff;}
.lang_w {
font-family: "fira-sans", Arial, Helvetica, "微軟正⿊黑體", "Microsoft JhengHei", 华⽂文
⿊黑体, STHeiti, sans-serif;
font-size: 14px;
color:#666;
margin-left: 12px;
}
.lang_w a:hover{
color: #8B572A;
}
.lang_w a.active{
color: #8B572A;
}
.lang_w a{
color: #666;
}
.links{width: 230px;
position: absolute;
top: 100px;
/* right: 40px; */
text-align: right;}
.contacts{ width:230px;position:absolute; top:10px; right:40px;}
.location{ list-style:none; margin:0; padding:0;margin-top: 10px;}
.location li{width: 230px;-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); background:rgba(255, 255, 255, 0.5);color:#363636; font-size:11px; line-height:14px; float:left; padding:3px 0 3px 0; margin-bottom:5px; text-align:left;}
.location li .left{
margin-top: 2px;
float:left;
padding-left:5px;
font-family: "fira-sans", Arial, Helvetica, "微軟正⿊黑體", "Microsoft JhengHei", 华⽂文
⿊黑体, STHeiti, sans-serif;;
font-size: 14px;
color: #B8872B;
}
.location li .right{
font-family: "fira-sans", Arial, Helvetica, "微軟正⿊黑體", "Microsoft JhengHei", 华⽂文
⿊黑体, STHeiti, sans-serif;;
font-size: 14px;
color: #5A391B;
line-height: 20px;}
.location li .right a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.6; filter:alpha(Opacity=60); text-decoration:underline;}
.location li .right a{ text-decoration:none; color:#694119}
.not-active {
pointer-events: none;
cursor: default;
}
.group {
position: absolute;
top: 50px;
left: 370px;
}
.clientportal {
position: absolute;
top: 100px;
left: 570px;
}
/* global */
#top-content{position:relative; margin-top:200px;z-index:99; overflow:hidden;}
#top-content_ind{position:relative; margin-top:180px;z-index:99; overflow:hidden;}
#content_container{position:relative; top:0;z-index:99; margin:0 auto;overflow:hidden;}
#banner-slide{width:940px; height:460px; position:relative;border:5px solid #FFF;}
.content{width:940px; height:460px; position:relative;border:5px solid #FFF; }
/* footer */
#footer{width:100%; position:relative; top:0; z-index:99; background:rgba(138, 117, 45, 0.5);-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; margin-top:25px;}
#footer .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding-top:40px; padding-bottom:30px;}
#footer .container ul{ margin:0; padding:0; display:inline-block; width:100%;}
#footer .container ul li{float:left; margin:0px 0px 40px 0px; width:16%;}
#footer .container ul li .nav a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px; line-height:24px; font-weight:700; display:inline-block; height:36px;}
#footer .container ul li .sub_nav a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 12px;font-weight: 400; line-height: 14px;display: inline-block;margin-bottom: 10px;}
#footer .container ul li.ft_contact{ width:220px;}
#footer .container ul li.ft_contact .ft_email{ width: 220px;height: 30px;border-radius: 3px;border-width: 1px;border-color: #898989;border-style: solid;background-color: #ffffff; margin-bottom:15px;}
#footer .container ul li.ft_contact .ft_email input{border:none;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #898989;font-size: 11px;line-height: 26px; padding-left:20px; background:none; width:188px;}
#footer .container ul li.ft_contact .ft_email .submit{ background:url(../images/email_submit.png) no-repeat;float:right; width:31px; height:31px; margin:-1px -1px 0 0;}
#footer .container ul li.ft_contact .ft_email .submit:hover{ background:url(../images/email_submitr.png) no-repeat;float:right; width:31px; height:31px; margin:-1px -1px 0 0;}
#footer .container ul li.ft_contact .ft_data{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 12px;line-height: 18px;color: #8c6239;}
#footer .container ul li.ft_contact .ft_num{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 12px;line-height: 18px;color: #363636;font-weight: 400; font-style:normal;}
#footer .container ul li.ft_contact .ft_num a{color: #363636;}
#footer .container .copyright{ clear:both;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 11px;font-weight: 400;line-height: 24px; text-align:left;}
#footer .container .copyright a{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 11px;font-weight: 400;line-height: 24px; text-align:left; text-decoration:underline;}
#footer .container .copyright .span_br{ display:none;}
#footer .container ul li a:hover, #footer .container .copyright a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.6; filter:alpha(Opacity=60); text-decoration:underline;}
/* 2nd nav */
.top_snd_nav{position:fixed;top:180px;left:0px; z-index:997;width:100%;height: 30px;background: url(../images/bg_510x510px.jpg) repeat center center;}
.snd_nav{background: url(../images/bg_shadow.jpg) repeat;height: 30px;width:100%}
.snd_nav .container{width:100%; margin:0 auto; position:relative; top:0; left:0; }
.snd_nav .nav_link{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;color: #fff; padding-top:3px; text-align:center;}
.snd_nav .nav_link a{ color: #fff;}
.snd_nav .nav_link a:hover,.snd_nav .nav_link a.active{ color: #603813; }
/* fix 2nd nav */
#is-fixed{
position: fixed;top:180px;left:0px; z-index:99;width:100%;background:#fff repeat; opacity:0;filter:alpha(Opacity=0);}
#is-fixed .bg{background:rgba(138, 117, 45, 0.6) repeat;-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) ;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) ;}
#is-fixed .container{width:100%; margin:0 auto; position:relative; top:0; left:0; }
#is-fixed .nav_link{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 14px;font-weight: 400;line-height: 24px;color: #fff; padding-top:3px; text-align:center;}
#is-fixed .nav_link a{ color: #fff;}
#is-fixed .nav_link a:hover,#is-fixed .nav_link a.active{ color: #603813; }
.snd_br{ display:none;}
/* index */
#swisher{width:100%; position:relative; top:0; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:center;}
#swisher .container{padding:40px 0px 0px 0px;}
#swisher .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; }
#swisher .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 16px;line-height: 24px; padding-top:20px; padding-bottom:20px;max-width:50%; margin:0 auto;}
#swisher .container ul{ display:inline-block;width:100%; margin-bottom:20px;}
#swisher .container ul li{float:left; }
#swisher .container ul li img{ box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);border:5px solid #FFF;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#swisher .container ul li p{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px; line-height:16px; padding-top:5px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;max-width:100%; padding-bottom:15px;}
#swisher .container ul li a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
#swisher .container ul li a:hover>p{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
.banner_header{ position:absolute; top:2%; left:0; background:url(../images/banner/header_bg.png); padding:1% 2% 1% 2%; text-align:center;font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 21px;line-height: 30px;-webkit-box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.2) ; -moz-box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.2) ;box-shadow:0px 0px 4px 1px rgba(0, 0, 0, 0.2);
animation: fadein 2s;
-moz-animation: fadein 2s; /* Firefox */
-webkit-animation: fadein 2s; /* Safari and Chrome */
-o-animation: fadein 2s; /* Opera */}
@keyframes fadein {
from {
opacity:0;
}
to {
opacity:1;
}
}
@-moz-keyframes fadein { /* Firefox */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-webkit-keyframes fadein { /* Safari and Chrome */
from {
opacity:0;
}
to {
opacity:1;
}
}
@-o-keyframes fadein { /* Opera */
from {
opacity:0;
}
to {
opacity: 1;
}
}
/* about us part1*/
#aboutus{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; margin-top:30px;}
#aboutus .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:40px 0px 0px 0px;}
#aboutus .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px;}
#aboutus .container p{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 13px;line-height: 21px; padding-top:20px; padding-bottom:40px;}
#aboutus .container a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 13px;color: #363636;font-weight: 700; text-decoration:underline;}
#aboutus .container a:hover, #aboutus .container ul li a:active{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
/* about us part2*/
#whyswisher{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#whyswisher .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:40px 0px 0px 0px;}
#whyswisher .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; text-align:center;}
#whyswisher .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 13px;line-height: 24px; padding-top:20px; padding-bottom:40px;}
#whyswisher .container ul{ margin:0 0 0 14px; padding:0; display:inline-block; list-style-image:url(../images/aboutus/li_dot.png)}
#whyswisher .container ul li{margin:0 0 0 10px; padding:0; font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 13px;color: #742346;font-weight: 700;line-height: 24px; vertical-align:text-top;}
#whyswisher .container a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 13px;color: #363636;font-weight: 700; text-decoration:underline;}
#whyswisher .container a:hover, #whyswisher .container ul li a:active{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
/* about us part3*/
#ourteams{width:100%; position:relative; top:0; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:center;}
#ourteams .container{margin:0 auto; position:relative; top:0; left:0; padding:20px 0px 20px 0px; width: 960px;}
#ourteams .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; padding-bottom:20px; padding-top:30px;}
#ourteams .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 16px;line-height: 24px; padding-top:10px; padding-bottom:20px;}
#ourteams .container h2{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 18px;line-height: 18px;padding-bottom:22px; text-align:left; }
#ourteams .container h2 img.title_qu2 {width: 16px;height: 14px;margin-bottom: 0px;}
#ourteams .container p.team_name{ font-size:13px; color:#333; line-height:16px;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif; width:100%; margin:20px 0 0px 0; text-align:left;}
#ourteams .container ul.teams_new{ display:inline-block;width:100%; margin-bottom:20px;}
#ourteams .container ul.teams_new li{float:left; }
#ourteams .container ul.teams_new li img{ box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);border:5px solid #FFF;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; max-width:100%;}
#ourteams .container ul.teams_new li p{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px; line-height:16px; padding-top:5px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;max-width:100%; padding-bottom:20px;}
#ourteams .container ul.teams_new li a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
#ourteams .container ul.teams_new li a:hover>p{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
.nonslider{ max-width: 940px;
position: relative;
margin: 0 auto;}
.team_one{ margin: 0 auto;
background: #fff;
border: 5px solid #fff;
position: relative;
-webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 4px rgba(0,0,0,.2);
-o-box-shadow: 0 1px 4px rgba(0,0,0,.2);
box-shadow: 0 1px 4px rgba(0,0,0,.2);}
.team_one img{
width: 100%;
display: block;
}
/* about us part4*/
#history{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#history .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:40px 0px 0px 0px;text-align:center;}
#history .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px;}
#history .container p{ text-align:center;padding-top:10px; padding-bottom:10px;}
.timeline_img{ background:url(../images/aboutus/timeline_960.png) center center no-repeat; background-size:contain; width:100%; height:265px;}
/* mission*/
#mission{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#mission .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:20px 0px 0px 0px; }
#mission .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; text-align:center; margin:10px 0 20px 0;}
#mission .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 16px;font-weight: 700;line-height: 30.277px; margin-top:10px;}
#mission .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #000000;font-size: 13px;font-weight: 400;line-height: 18px; margin-bottom:20px; }
/* integrity */
#integrity .container p{ text-align:center;padding-top:30px; padding-bottom:30px;}
.integrity_img{ background:url(../images/aboutus/integrity_tc@1x.png) center center no-repeat; background-size:contain; width:100%; height:360px;}
/* trio */
#trio{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#trio .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:20px 0px 0px 0px;}
#trio .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; text-align:center; margin:20px 0 20px 0;}
#trio .container h2.c1{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #ffffff;font-size: 16px;font-weight: 700;line-height: 36px; background-color: #9e1f63; text-align:center;}
#trio .container h2.c2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #ffffff;font-size: 16px;font-weight: 700;line-height: 36px; background-color: #00b259; text-align:center;}
#trio .container h2.c3{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #ffffff;font-size: 16px;font-weight: 700;line-height: 36px; background-color: #0072bb;text-align:center;}
#trio .container p.c1 span{color: #9e1f63;}
#trio .container p.c2 span{color: #00b259;}
#trio .container p.c3 span{color: #0072bb;}
#trio .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 14px;font-weight: 400;color: #58595b;line-height: 21px; margin-bottom:30px; margin-top:10px}
#trio .container a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 14px;color: #58595b;font-weight: 500; text-decoration:underline;}
/* careers*/
#careers{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#careers .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:20px 0px 30px 0px; text-align:center;}
#careers .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; text-align:center; margin:10px 0 20px 0;}
#careers .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 21px;font-weight: 400;line-height: 30.277px; margin-top:10px;text-align:left;}
#careers .container h2 span{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px;font-weight: 400;line-height: 30.277px; margin-top:10px; }
#careers .container h3{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #000;font-size: 16px;font-weight: 400;line-height: 30.277px; margin-top:5px;text-align:left;}
#careers .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #58595b;font-size: 13px;font-weight: 400;line-height: 18px; margin:5px 0 5px 0; text-align:left;}
#careers .container ul{ margin:5px 0 5px 14px; padding:0; display:inline-block; list-style-image:url(../images/aboutus/li_dot.png);text-align:left;}
#careers .container ul li{margin:0 0 0 10px; padding:0; font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 13px;color: #742346;font-weight: 400;line-height: 18px; vertical-align:text-top;}
#careers .container a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 14px;color: #58595b;font-weight: 500; text-decoration:underline;}
#careers .container a:hover{color: #333;}
#careers .container img{ width:80%; height:80%; }
#careers .container img.title_qu1{ width:22px; height:19px;margin-bottom:0px;}
#careers .container img.title_qu2{ width:16px; height:14px;margin-bottom:0px;}
.buttonn{ width: 120px;height: 40px; margin:20px 0 20px 0;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: -moz-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: -o-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: linear-gradient(0deg, #5e9218 0%, #89a61c 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.buttonn a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 14px;font-weight: 400;line-height: 40px; text-decoration:none;}
#careers .container .buttonn a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 14px;font-weight: 600;line-height: 40px; text-decoration:none;}
.buttonn:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: -moz-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: -o-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: linear-gradient(0deg, #005826 100%, #005826 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
/* clients*/
#clients{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#clients .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:10px 0px 10px 0px; text-align:center;}
#clients .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px; text-align:center; margin:0px 0 10px 0;}
#clients .container h2{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:300;color: #8c6239;font-size: 18px;line-height: 20px; text-align:left;}
#clients .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #58595b;font-size: 13px;font-weight: 400;line-height: 18px; margin:5px 0 5px 0; text-align:left;}
#clients .container img{ width:100%; height:auto; margin:10px 0 10px 0;}
#clients .container img.title_qu1{ width:22px; height:19px;margin-bottom:0px;}
#clients .container img.title_qu2{ width:16px; height:14px;margin-bottom:0px;}
/* products */
#products_content{width:100%; position:relative; top:0px; text-align:center; margin-top:0px;}
#products_main{ width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:inset 0 5px 5px -5px rgba(50, 50, 50, 0.2),inset 0 -5px 0px -5px rgba(50, 50, 50, 0.2); -moz-box-shadow:inset 0 5px 5px -5px rgba(50, 50, 50, 0.2),inset 0 -5px 0px -5px rgba(50, 50, 50, 0.2); margin-top:30px;box-shadow:inset 0 5px 5px -5px rgba(50, 50, 50, 0.2),inset 0 -5px 0px -5px rgba(50, 50, 50, 0.2);}
#products_main .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:40px 0px 0px 0px;text-align:center; }
#products_main .container .products_search{ width: 440px;height: 30px;border-radius: 3px;border-width: 1px;border-color: #898989;border-style: solid;background-color: #ffffff; margin-bottom:15px; left:50%; margin-left:-220px; position:relative; }
#products_main .container .products_search input{border:none;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #898989;font-size: 11px;line-height: 26px; padding-left:20px; background:none; width:408px;}
#products_main .container .products_search .submit{ background:url(../images/email_submit.png) no-repeat;float:right; width:31px; height:30px; margin:-1px -1px 0 0;}
#products_main .container .products_search .submit:hover{ background:url(../images/email_submitr.png) no-repeat;float:right; width:31px; height:30px; margin:-1px -1px 0 0;}
#products_main .container ul{margin-top:20px; width:100%;}
#products_main .container ul li{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px;font-weight: 400; opacity:0.5;filter:alpha(opacity=50); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s; float:left; }
#products_main .container ul li p{ line-height:12px;margin:10px 0 20px 0;text-align:center; width:100%;vertical-align:central;}
#products_main .container ul li:hover,#products_main .container ul li.active{color: #9e0a0e;opacity:1;filter:alpha(opacity=100); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
#products_arrow{ width:100%; position:relative; top:0px;background:none; -webkit-box-shadow:none;-moz-box-shadow:none;box-shadow:none; margin:0 auto;}
#products_arrow .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:0px 0px 0px 0px;text-align:center; }
#products_arrow .container ul{ margin-top:-3px; }
#products_arrow .container ul li{float:left; opacity:0;filter:alpha(opacity=0); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s; }
#products_arrow .container ul li.active{opacity:1;filter:alpha(opacity=100); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
#products_dsc{width:100%; position:relative; top:0px;text-align:left; margin-top:20px;}
#products_dsc .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:10px 0px 0px 0px;}
#products_dsc .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px;}
#products_dsc .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style: light;font-weight:300;color: #363636;font-size: 16px;line-height: 24px; padding-top:20px; padding-bottom:40px;}
#products_show{ width:100%; position:relative; top:0px; margin-top:0px;}
#products_show .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:30px 0px 0px 0px;text-align:center; }
#products_show .container ul{}
#products_show .container ul li{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 12px;font-weight: 400; opacity:0.9;filter:alpha(opacity=90); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s; float:left;}
#products_show .container ul li p{ line-height:16px;margin:10px 0 15px 0;text-align:center; color:#8c6239}
#products_show .container ul li a:hover{opacity:0.7;filter:alpha(opacity=70); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
#products_show .container ul li a:hover>p{opacity:0.7;filter:alpha(opacity=70); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
#products_show .container ul li img{ width:100%; height:100%; border:5px #FFF solid;-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
.back_search{ text-align:center; width:100%;}
.back_search a{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #742346;font-size: 13px;font-weight: 400;line-height: 16px; text-decoration:none;}
.back_search a:hover{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #742346;font-size: 13px;font-weight: 400;line-height: 16px; text-decoration:underline;}
/* services */
#services_dsc{width:100%; position:relative; top:0px; text-align:center; margin-top:50px;}
#services_dsc .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:0px 0px 0px 0px;}
#services_dsc .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px;}
#services_dsc .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 16px;line-height: 24px; padding-top:20px; padding-bottom:40px;}
#services_content{width:100%; position:relative; top:0px; text-align:center; margin-top:0px;}
.ser_bg{background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;}
#services_content .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:25px 0px 30px 0px;}
#services_content .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 18px;line-height: 30px; }
#services_content .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px;line-height: 30px; text-align:left; font-weight:normal;}
#services_content .container h3{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 18px;line-height: 30px; text-align:left;}
#services_content .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style: normal;font-weight: 300;color: #363636;font-size: 13px;line-height: 18px; padding-top:10px; padding-bottom:10px; text-align:left;}
#services_content .container ul{ margin:0 0 0 14px; padding:0; list-style-image:url(../images/aboutus/li_dot.png)}
#services_content .container ul li{margin:0 0 0 10px; padding:0 0 10px 0; font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-size: 13px;color: #363636;font-weight: 500;line-height: 18px; vertical-align:text-top; text-align:left;}
#services_content .container .bugs01{ background:url(../images/services/bugs_01.png) no-repeat center;}
#services_content .container .bugs02{ background:url(../images/services/bugs_02.png) no-repeat center;}
#services_content .container .bugs03{ background:url(../images/services/bugs_03.png) no-repeat center;}
#services_content .container .bugs04{ background:url(../images/services/bugs_04.png) no-repeat center;}
#services_content .container .bugs05{ background:url(../images/services/bugs_05.png) no-repeat center;}
#services_content .container .bugs06{ background:url(../images/services/bugs_06.png) no-repeat center;}
#services_content .container .bugs07{ background:url(../images/services/bugs_07.png) no-repeat center;}
#services_content .container .bugs08{ background:url(../images/services/bugs_08.png) no-repeat center;}
#services_content .container .bugs01:hover{ background:url(../images/services/bugs_01s.png) no-repeat center;}
#services_content .container .bugs02:hover{ background:url(../images/services/bugs_02s.png) no-repeat center;}
#services_content .container .bugs03:hover{ background:url(../images/services/bugs_03s.png) no-repeat center;}
#services_content .container .bugs04:hover{ background:url(../images/services/bugs_04s.png) no-repeat center;}
#services_content .container .bugs05:hover{ background:url(../images/services/bugs_05s.png) no-repeat center;}
#services_content .container .bugs06:hover{ background:url(../images/services/bugs_06s.png) no-repeat center;}
#services_content .container .bugs07:hover{ background:url(../images/services/bugs_07s.png) no-repeat center;}
#services_content .container .bugs08:hover{ background:url(../images/services/bugs_08s.png) no-repeat center;}
#services_content .container .bugs01s{ background:url(../images/services/bugs_01s.png) no-repeat center;}
#services_content .container .bugs02s{ background:url(../images/services/bugs_02s.png) no-repeat center;}
#services_content .container .bugs03s{ background:url(../images/services/bugs_03s.png) no-repeat center;}
#services_content .container .bugs04s{ background:url(../images/services/bugs_04s.png) no-repeat center;}
#services_content .container .bugs05s{ background:url(../images/services/bugs_05s.png) no-repeat center;}
#services_content .container .bugs06s{ background:url(../images/services/bugs_06s.png) no-repeat center;}
#services_content .container .bugs07s{ background:url(../images/services/bugs_07s.png) no-repeat center;}
#services_content .container .bugs08s{ background:url(../images/services/bugs_08s.png) no-repeat center;}
.btnholder{width: 80px;height: 30px;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s; margin-right:10px;float:left; }
.btnless{width: 500px;height: 30px; background:url(../images/readless.png) no-repeat;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
.btnmore{width: 80px;height: 30px; background:url(../images/readmore.png) no-repeat;transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
.btnless:hover{background:url(../images/readlessr.png) no-repeat; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
.btnmore:hover{ background:url(../images/readmorer.png) no-repeat; transition: 0.5s; -moz-transition: 0.5s; -webkit-transition:0.5s; -o-transition: 0.5s;}
#services_content .container img{ width:100%; margin-bottom:10px;}
#services_content .container img.title_qu1{ width:22px; height:19px;margin-bottom:0px;}
#services_content .container img.title_qu2{ width:16px; height:14px;margin-bottom:0px;}
#services_content .container h4{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-weight: 700;color: #fff;font-size: 16px;line-height: 24px; text-align:left;}
#services_content .container .bugplace{ background:url(../images/services/bugs_place01.png) #f4b23a no-repeat; background-position:10px 20px; padding:10px 10px 10px 100px; width:100%; margin:0 5px 5px 5px;}
#services_content .container .bugplace2{ background:url(../images/services/bugs_place02.png) #00ad9a no-repeat; background-position:10px 20px; padding:10px 10px 10px 100px;width:100%; margin:0 5px 5px 5px;}
#services_content .container .bugplaceul{margin:0 0 0 5px; padding:0; list-style:disc; color: #ffffff;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-weight: 400;font-size: 13px; }
#services_content .container .bugplaceul li{color: #ffffff;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-weight: 400;font-size: 13px; }
#services_content .container ul.flex-direction-nav { list-style:none; margin:0; padding:0;}
#services_content .container ul.flex-direction-nav li{ margin:0; padding:0;}
#services_content .container ul.slides { list-style:none; margin:0; padding:0;}
#services_content .container ul.slides li{ margin:0; padding:0;}
#services_content .container ul.slides img{ margin:0; width:100%; }
#services_content .container .slider{ }
/* industries */
#industries_dsc{width:100%; position:relative; top:0px; text-align:center; margin-top:50px;}
#industries_dsc .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:0px 0px 0px 0px;}
#industries_dsc .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 31px;}
#industries_dsc .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style: normal;font-weight: 300;color: #363636;font-size: 16px;line-height: 24px; padding-top:20px; padding-bottom:40px;}
#industries_content{width:100%; position:relative; top:0px; text-align:center; margin-top:0px; display:block;}
.ser_bg{background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;}
#industries_content .container{width:1040px; margin:0 auto; position:relative; top:0; left:0; padding:25px 0px 30px 0px;}
#industries_content .container img{ width:100%; height:100%; }
#industries_content .container img.ind{ box-shadow: 0px 0px 2.4px 0.6px rgba(0, 0, 0, 0.2); border:solid #FFFFFF 5px;}
#industries_content .container img.title_qu1{ width:22px; height:19px;}
#industries_content .container img.title_qu2{ width:16px; height:14px;}
#industries_content .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 18px;line-height: 30px; text-align:center;}
#industries_content .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px; text-align:left; padding-bottom:20px; padding-left:15px;}
#industries_content .container h3{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:300;color: #8c6239;font-size: 18px;line-height: 30px; text-align:left;}
.industries_header{ position:absolute; top:0; right:6%; background:url(../images/industries/header_bg.png); padding:1% 2% 1% 2%; text-align:center;font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 21px;line-height: 30px; width:270px; height:455px;display: table;}
.industries_header .banner_text{text-align:left;display: table-cell;vertical-align: middle;}
#industries_content .container h1.industries_title{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 24px; text-align:left;}
#industries_content .container p.industries{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style: normal;font-weight: 500;color: #363636;font-size: 13px;line-height: 16px; padding-top:5px; padding-bottom:10px; }
#industries_content .container ul.ind_ser{ display:inline-block;width:100%; margin-bottom:20px;}
#industries_content .container ul.ind_ser li{float:left; }
#industries_content .container ul.ind_ser li img{ box-shadow: 0px 0px 2px 1px rgba(0, 0, 0, 0.2);border:5px solid #FFF;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;}
#industries_content .container ul.ind_ser li p{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px; line-height:16px; padding-top:5px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;max-width:100%; padding-bottom:15px;}
#industries_content .container ul.ind_ser li a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
#industries_content .container ul.ind_ser li a:hover>p{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.7; filter:alpha(Opacity=70); }
/* news */
#news{width:100%; position:relative; top:0px;text-align:left; margin-top:0px; }
#news .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:0px 0px 0px 0px; margin-bottom:30px;}
#news .container .news_holder{ margin-top:20px;}
#news .container h1{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px;font-weight: 700;line-height: 18px;}
#news .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;line-height: 18px;color: #000000;font-size: 14px;font-weight: 500;}
#news .container h2:hover{ text-decoration:underline;}
#news .container img{ background-color: #ffffff;box-shadow: 0px 0px 4px 1px rgba(0, 0, 0, 0.25); max-width:100%; padding:0; margin:0;}
#news .container ul{ text-align:center;}
#news .container ul li{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px;font-weight: 700;line-height: 14px; text-align:center; width:23px; height:23px; background:#b8872c;}
#news_paging{width:100%; position:relative; top:0px;text-align:left; margin-top:0px;}
#news_paging .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:0px 0px 0px 0px;text-align:center; margin-bottom:10px;}
#news_paging .container ul{ display: inline-block;}
#news_paging .container ul li{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #fff;font-size: 13px;font-weight: 700;line-height: 23px; text-align:center; width:23px; height:23px; background:#b8872c; float:left; margin:0 5px 0 5px;opacity:0.5;filter:alpha(Opacity=50);}
#news_paging .container ul li:hover{ opacity:1;filter:alpha(Opacity=100);}
#news_paging .container ul li.active{opacity:1;filter:alpha(Opacity=100);}
/* hh_tips */
#hh_tips_content{width:100%; position:relative; top:0px; text-align:center; margin-top:0px; display:block;}
.ser_bg{background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;}
#hh_tips_content .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:15px 0px 10px 0px;}
#hh_tips_content .container img{ width:100%; height:100%;}
#hh_tips_content .container img.title_light01{ width:19px; height:29px; background-color:#F30;}
#hh_tips_content .container img.title_qu1{ width:22px; height:19px;}
#hh_tips_content .container img.title_qu2{ width:16px; height:14px;}
#hh_tips_content .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #fff;font-size: 18px; text-align: center; background:url(../images/hh_tips/title_bg1.png) no-repeat center center; height:86px; line-height:86px; }
#hh_tips_content .container h3{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #fff;font-size: 18px; text-align: center; background:url(../images/hh_tips/title_bg2.png) no-repeat center center; height:86px; line-height:86px; }
.tips_box:hover,.tips_box2:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.8; filter:alpha(Opacity=80); }
.tips_box{ width:200px; height:220px; margin:0 auto; padding:10px 10px 10px 15px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:20px;}
.tips_box2{ width:200px; height:220px; margin:0 auto; padding:30px 10px 10px 15px;-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; margin-bottom:20px;}
.color1{ background:url(../images/hh_tips/box_01.png) no-repeat center center;}
.color2{ background:url(../images/hh_tips/box_02.png) no-repeat center center;}
.color3{ background:url(../images/hh_tips/box_03.png) no-repeat center center;}
.color4{ background:url(../images/hh_tips/box_04.png) no-repeat center center;}
.color1_b{ background:url(../images/hh_tips/box2_01.png) no-repeat center center;}
.color2_b{ background:url(../images/hh_tips/box2_02.png) no-repeat center center;}
.color3_b{ background:url(../images/hh_tips/box2_03.png) no-repeat center center;}
.color4_b{ background:url(../images/hh_tips/box2_04.png) no-repeat center center;}
.tips_box h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #fff;font-size: 36px;text-align:left; text-decoration:underline; line-height:36px; margin-left:35px;}
.tips_box p{font-weight:bold;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #fff;font-size: 13px;text-align:left; text-decoration:underline; line-height:24px; margin-top:5px;}
.tips_box2 h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #fff;font-size: 36px;text-align:left; text-decoration:underline; line-height:36px; margin-left:35px;}
.tips_box2 p{font-weight:bold;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #fff;font-size: 13px;text-align:left; text-decoration:underline; line-height:20px; margin-top:5px;}
/* publication */
#publication_content{width:100%; position:relative; top:0px; text-align:center; margin-top:0px; display:block;}
.ser_bg{background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;}
#publication_content .container{width:700px; margin:0 auto; position:relative; top:0; left:0; padding:15px 0px 10px 0px;}
#publication_content .container img{ max-width:150px; width:100%; height:auto; }
#publication_content .container img.title_light01{ width:19px; height:29px; background-color:#F30;}
#publication_content .container img.pub{-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2); margin-top:15px; margin-bottom:15px;}
#publication_content .container img.title_qu1{ width:22px; height:19px;}
#publication_content .container img.title_qu2{ width:16px; height:14px;}
#publication_content .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:300;color: #8c6239;font-size: 18px;line-height: 30px; text-align:center;}
#publication_content .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px;line-height: 30px; text-align:left;}
#publication_content .container h3{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:300;color: #8c6239;font-size: 18px;line-height: 30px; text-align:center;}
#publication_content .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style:normal;font-weight:300;color: #363636;font-size: 13px;line-height: 14px; padding-top:10px; padding-bottom:10px; text-align:left;}
a.book_dl{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;font-style:normal;font-weight:300;color: #363636;font-size: 13px;line-height: 14px; display:block;}
a.book_dl:hover{ text-decoration:underline;}
.pdf_desk{display:block;}
.pdf_mobile{ display:none;}
/* contact map */
/* Set a size for our map container, the Google Map will take up 100% of this container */
#map {width: 940px;height: 500px; box-shadow: 0px 0px 2.4px 0.6px rgba(0, 0, 0, 0.2); border:#fff solid 5px; margin:30px auto;}
#contact_address{width:100%; position:relative; top:0px;text-align:left; margin-top:0px;}
#contact_address .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding: 5px 0px 5px 0px;}
#contact_address .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:300;color: #8c6239;font-size: 18px;line-height: 24px;}
#contact_address .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px;font-weight: 700; padding-top:10px;}
#contact_address .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 13px;font-weight: 400;line-height: 16px; padding-bottom:10px;}
#contact_address .container a{color: #666;text-decoration:underline;}
#contact_address .container a:hover{color: #666;}
#contact_address .container li {padding-left:25px; margin-bottom:5px;}
#contact_address .container .tel {background:url('../images/icon_contact01.png') no-repeat left center;}
#contact_address .container .fax {background:url('../images/icon_contact02.png') no-repeat left center;}
#contact_address .container .email {background:url('../images/icon_contact03.png') no-repeat left center;}
#contact_address .container .locate {background:url('../images/icon_contact04.png') no-repeat left 2px;}
/* order, Enquiry Form & Action Now*/
#order{width:100%; position:relative; top:0px; background:rgba(182, 170, 129, 0.3); -webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; text-align:left; }
#order .container{width:940px; margin:0 auto; position:relative; top:0; left:0; padding:30px 0px 30px 0px; text-align:center;}
#order .container h1{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #8c6239;font-size: 21px;line-height: 31px; text-align:center; margin:0px 0 0px 0;}
#order .container h2{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight:700;color: #8c6239;font-size: 18px;line-height: 20px; text-align:left;padding-top:10px;padding-bottom:20px;}
#order .container h2 span{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 13px;font-weight: 400;line-height: 18px; }
#order .container p{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #555;font-size: 13px;font-weight: 400;line-height: 30px; margin:6px 0 6px 0; text-align:left; height: 30px; }
.order_text{ width: 100%; height: 30px;border-width: 1px;border-color: #b7b7b7;border-style: solid;background-color: #ffffff; float:right;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #555;font-size: 13px;font-weight: 400;}
.order_tarea{ width: 100%; height: 100px;border-width: 1px;border-color: #b7b7b7;border-style: solid;background-color: #ffffff; float:right;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #555;font-size: 13px;font-weight: 400;}
.order_select{ width: 100%; height: 30px;border-width: 1px;border-color: #b7b7b7;border-style: solid;background-color: #ffffff; float:right; text-align:center;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 13px;line-height: 18px;}
#order .container img.title_qu1{ width:22px; height:19px;margin-bottom:0px;}
.order_remark{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 14px;font-weight: 400;line-height: 18px;text-align: left;}
.btn_org{width: 80px;height: 30px; margin:20px 10px 20px 0px;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: -moz-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: -o-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: linear-gradient(0deg, #a0410d 0%, #f26522 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_org a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 13px;font-weight: 500;line-height: 30px; text-decoration:none;}
.btn_org:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -moz-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -o-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: linear-gradient(0deg, #933d0d 100%, #933d0d 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_lorg{width: 80px;height: 30px; margin:20px 10px 20px 0px;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #f59e32 0%, #f26522 100%);
background-image: -moz-linear-gradient(90deg, #f59e32 0%, #f26522 100%);
background-image: -o-linear-gradient(90deg, #f59e32 0%, #f26522 100%);
background-image: linear-gradient(0deg, #f59e32 0%, #f26522 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_lorg a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 13px;font-weight: 500;line-height: 30px; text-decoration:none;}
.btn_lorg:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -moz-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -o-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: linear-gradient(0deg, #933d0d 100%, #933d0d 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_orange{width: 280px;height: 60px; margin:20px 10px 20px 0px;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: -moz-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: -o-linear-gradient(90deg, #a0410d 0%, #f26522 100%);
background-image: linear-gradient(0deg, #a0410d 0%, #f26522 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_orange a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, serif;color: #ffffff;font-size: 13px;font-weight: 500;line-height: 30px; text-decoration:none;}
.btn_orange:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -moz-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: -o-linear-gradient(90deg, #933d0d 100%, #933d0d 100%);
background-image: linear-gradient(0deg, #933d0d 100%, #933d0d 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_green{width: 80px;height: 30px; margin:20px 10px 20px 0;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: -moz-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: -o-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);
background-image: linear-gradient(0deg, #5e9218 0%, #89a61c 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_green a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 13px;font-weight: 500;line-height: 30px; text-decoration:none;}
.btn_green:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: -moz-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: -o-linear-gradient(90deg, #005826 100%, #005826 100%);
background-image: linear-gradient(0deg, #005826 100%, #005826 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_blue{width: 80px;height: 30px; margin:20px 10px 20px 0px;display: inline-block;text-align: center;
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #1e0da0 0%, #3a21ff 100%);
background-image: -moz-linear-gradient(90deg, #1e0da0 0%, #3a21ff 100%);
background-image: -o-linear-gradient(90deg, #1e0da0 0%, #3a21ff 100%);
background-image: linear-gradient(0deg, #1e0da0 0%, #3a21ff 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.btn_blue a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 13px;font-weight: 500;line-height: 30px; text-decoration:none;}
.btn_blue:hover{
border-radius: 3px;
background-image: -webkit-linear-gradient(90deg, #0b0063 100%, #0b0063 100%);
background-image: -moz-linear-gradient(90deg, #0b0063 100%, #0b0063 100%);
background-image: -o-linear-gradient(90deg, #0b0063 100%, #0b0063 100%);
background-image: linear-gradient(0deg, #0b0063 100%, #0b0063 100%);
box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
.bth_showmore{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 13px;font-weight: 500;text-decoration:underline;}
.btn_order{margin-top:20px;width: 80px;height: 30px; display: inline-block;text-align: center; float:left;border-radius: 3px;background-image: -webkit-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);background-image: -moz-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);background-image: -o-linear-gradient(90deg, #5e9218 0%, #89a61c 100%);background-image: linear-gradient(0deg, #5e9218 0%, #89a61c 100%);box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2); margin-right:10px;}
.btn_order a{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;color: #ffffff;font-size: 13px;font-weight: 400;line-height: 30px; text-decoration:none;}
.btn_order:hover{border-radius: 3px;background-image: -webkit-linear-gradient(90deg, #005826 100%, #005826 100%);background-image: -moz-linear-gradient(90deg, #005826 100%, #005826 100%);background-image: -o-linear-gradient(90deg, #005826 100%, #005826 100%);background-image: linear-gradient(0deg, #005826 100%, #005826 100%);box-shadow: 0px 0px 2.7px 0.3px rgba(0, 0, 0, 0.2);}
div#wechat {
display: none;
position: fixed;
left: 50%;
margin-left: 0px;
margin-top: 40px;
border: 1px solid #ccc;
padding: 20px;
background: #fff;
z-index: 999;
text-align:center;
-webkit-box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5) ;box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5) ;
}
.we_close{
float: right;
background-image: url('../js/fancy_box/fancybox_sprite.png');
position: absolute;
top: 0px;
right: 0px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
.m_nav{ padding:10px 36px 0 36px;}
.m_nav_logo{position:absolute; z-index:9999999; left:10px; top:10px; width:108px; height:42px; background:#fff url(../images/m_nav_logo.png) no-repeat; background-size:100% 100%; display:inline-block}
.m_nav_btn{position:absolute; z-index:9999999; right:0; top:0; width:78px; height:62px; background:#fff url(../images/m_menu.png) no-repeat; background-size:100% 100%; display:inline-block}
.m_nav ul.m_location{ list-style:none; margin:0; padding:0; height: 40px; display:block;border-bottom: 1px solid #ccc;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;}
.m_nav ul.m_location li{ float:left;width: 33%;text-align:left;
color: #603813;
font-size: 14px;
font-weight: 400;
line-height: 16px;padding-top:10px;}
.m_nav ul.m_location li.active { color: #fff; }
.m_nav ul.m_location li:hover { color: #fff; }
.m_nav ul.m_lang{ list-style:none; margin:0; padding:0; height: 40px; display:block;border-bottom: 1px solid #ccc;color: #603813;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;}
.m_nav ul.m_lang li{ float:left;width: 33%;text-align:left;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;
color: #603813;
font-size: 14px;
font-weight: 400;
line-height: 16px;padding-top:10px;}
.m_nav ul.m_lang li.active { color: #fff; }
.m_nav ul.m_lang li:hover { color: #fff; }
.m_nav ul.m_menu{ list-style:none; margin:0; padding:0; width:100%;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;}
.m_nav ul.m_menu a{ }
.m_nav ul.m_menu a:hover{}
.m_nav ul.m_menu li{float:left; width:100%; height:40px; border-bottom:1px solid #ccc; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear;color: #ffffff;font-size: 14px;font-weight: 400;line-height: 16px; padding-top:15px;}
.m_nav ul.m_menu a:hover{ font-weight:bold; color:#603813;}
.m_nav .m_group{color: #ffffff;/* font-size: 13px; *//* font-weight: 400; *//* line-height: 14px; */ float:left; margin-bottom:10px; width:100%;}
.m_nav h1{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #ffffff;font-size: 11px;font-weight: 400; margin-top:30px; float:left; text-decoration:underline; margin-bottom:30px;}
.m_nav a{color: #ffffff;}
.m_nav a:link,.m_nav a:visited,.m_nav a:hover,.m_nav a:active {color: #ffffff;}
.m_soci{ width: 100%; /* height: 40px; */ margin:0; /* display:block; */ margin-top:5px; margin-bottom:50px; float: left;}
.middle-abs{position: absolute;top:50%;left: 0px;width:100%;transform: translate(0,-50%);}
/*.fb-xfbml-parse-ignore{ display: table;}
.fb-xfbml-parse-ignore *{ display: table-cell;vertical-align: middle;}
.fb-xfbml-parse-ignore span{ padding-top: 1px;padding-left: 2px;}*/
@media screen and (min-width: 1120px){
#m_top{display:none;}
}
@media screen and (max-width: 1199px) and (min-width: 1025px){
#m_top{ display:none;}
.container{min-width:0; max-width:1020px; margin:0 auto;padding:0 10px; position:relative}
#services_content .container img{ width:auto; height:auto;}
#industries_content .container img{ width:auto; height:auto;}
}
@media screen and (max-width: 1020px){
.livechat_btn{ display:none;}
.container{min-width:0; max-width:90%; margin:0 auto 10px; position:relative}
.timeline_img{ background:url(../images/aboutus/timeline_768.png) center center no-repeat; background-size:contain; width:100%; height:265px;}
#integrity .container p{ text-align:center;padding-top:20px; padding-bottom:20px;}
.integrity_img{ background:url(../images/aboutus/integrity_tc@1x.png) center center no-repeat; background-size:contain; width:100%; height:300px;}
#products_main .container ul li{ width:25%;}
/*#products_show .container ul li{ width:25%;}*/
#products_main .container .products_search{ width: 300px;left:50%; margin-left:-150px;}
#products_main .container .products_search input{width:268px;}
#products_arrow{display:none;}
#industries_content .container img{ width:100%; height:auto;}
#ourteams .container ul li .title{ margin:0px 1.5% 5px 1.5%;}
/* mobile display none */
#top .container{ width:940px;max-width:100%;}
.logo{ left:0px; }
.since{ left:190px;}
.lang{ right:240px;}
.links{ right:243px; }
.contacts{right:0px;}
.menu{left:160px;}
.footer_desktop_li{ display:none;}
#contact_map .container{ width:940px;}
#map {width: 100%; }
}
@media screen and (max-width: 1024px){
/* top none */
#top{ display:none;}
.menu_bg{ display:none;}
/* top mobile */
#m_top{ display:block;height:62px; width:100%;}
.sb-slidebar{display: block; background:#8c6239;-webkit-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset; -moz-box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;box-shadow:0px 1px 5px 0px rgba(50, 50, 50, 0.2) inset;}
.mobile{display:block}
#m_top-content{position:fixed;top:0;z-index:9999; overflow:hidden;width:100%;background:#fff; text-align:left; line-height:21px; font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 微软雅黑体, Microsoft YaHei, 华文黑体, STHeiti, sans-serif; font-size:14px; }
#top-content{position:relative; margin-top:70px;z-index:99; overflow:hidden;}
#top-content_ind{position:relative; margin-top:92px;z-index:99; overflow:hidden;}
.top_snd_nav{position:fixed;top:92px;left:0px; z-index:997;width:100%;background: url(../images/bg_510x510px.jpg) repeat center center;height: auto;}
.snd_nav{background: rgba(138, 117, 45, 0.5) repeat;width: 100%;height: auto;}
#is-fixed{position: fixed;top:143px;left:0px; z-index:99;width:100%;background:#fff repeat; opacity:0;filter:alpha(Opacity=0);}
div#wechat {
display: none;
position:fixed;
left:0;
border: 1px solid #ccc;
padding: 20px;
background: #fff;
z-index: 999;
text-align:center;
-webkit-box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5); -moz-box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5) ;box-shadow:0px 1px 10px 0px rgba(50, 50, 50, 0.5) ;
}
div#wechat img{ width:100%;}
.we_close{
float: right;
background-image: url('../js/fancy_box/fancybox_sprite.png');
position: absolute;
top: 0px;
right: 0px;
width: 36px;
height: 36px;
cursor: pointer;
z-index: 8040;
}
}
@media screen and (max-width: 940px){
.industries_header{ height:405px; right:9%;}
#footer {height: 125px;}
#footer .container{padding-top:10px;padding-bottom:60px;width:940px; margin:0 auto; position:relative; top:0; left:0;}
.copyright_mobile{ display:block;position: absolute;top:30%}
.footer_HKTSB{ display:block;position: absolute;left:80%}
.copyright{ display:none;}
#footer .container .copyright_mobile{ clear:both;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 11px;font-weight: 400;line-height: 24px; text-align:left;}
#footer .container .copyright_mobile .span_br{ display:block;}
}
@media screen and (max-width: 760px){
/* page content */
#pub_mobile{
display:block;
}
#slides{
display:none;
}
#swisher .container ul li img{ width:100%; height:auto;}
#swisher .container p{ max-width:100%;}
.timeline_img{ background:url(../images/aboutus/timeline_320.png) center center no-repeat; background-size:contain; width:290px; height:620px;}
#integrity .container p{ text-align:center;padding-top:20px; padding-bottom:20px;}
.integrity_img{ background:url(../images/aboutus/integrity_tc@1x.png) center center no-repeat; background-size:contain; width:100%; height:300px;}
#products_main .container ul li{ width:50%;}
#products_main .container ul li img{width:100%; height:auto;}
#products_show .container ul li{width:50%;}
#products_show .container ul li img{width:100%; height:100%;}
#ourteams .container ul li img{width:100%;}
#ourteams .container ul li .title{ bottom:45px;height:40px; margin:0px 4% 5px 4%;padding-left:5%; padding-right:5%}
#ourteams .container ul li .title h1{ font-size: 13px;font-weight: 700; line-height:14px;}
#ourteams .container ul li .title p{ font-size: 10px;font-weight: 400; line-height:10px;}
#services_content .container .bugs01,#services_content .container .bugs01:hover,
#services_content .container .bugs02,#services_content .container .bugs02:hover,
#services_content .container .bugs03,#services_content .container .bugs03:hover,
#services_content .container .bugs04,#services_content .container .bugs04:hover,
#services_content .container .bugs05,#services_content .container .bugs05:hover,
#services_content .container .bugs06,#services_content .container .bugs06:hover,
#services_content .container .bugs07,#services_content .container .bugs07:hover,
#services_content .container .bugs08,#services_content .container .bugs08:hover{ background-size:contain;}
#services_content .container img{}
/* industries_content */
#industries_content .container h3{ margin-top:20px;}
.industries_header{ top:0; left:0; width:310px; height:84px; }
.industries_header .banner_text{text-align:left;display: table-cell;vertical-align: middle;}
#industries_content .container h1.industries_title{font-family: "alverata-pe", AlverataPELight, Georgia1, Georgia, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, serif;font-weight: 300;color: #8c6239;font-size: 24px;line-height: 24px; text-align:left; margin-top:10px;}
#industries_content .container h1 img.title_qu1{ margin-top:0;}
/* news */
#news .container h1{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #8c6239;font-size: 10px;font-weight: 700;line-height: 12px;}
#news .container h2{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;line-height: 16px;color: #000000;font-size: 14px;font-weight: 700;}
/* mission */
#mission .container p img{ width: 80%; height: auto;}
/* hh_tips */
.hh_tips_text02{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #555555;font-size: 13px;text-align:left; text-decoration:underline; float:left; line-height:14px; padding:7px 0 7px 5px; width:100%;}
.hh_tips_text02 a{font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #555555;font-size: 13px;text-align:left; text-decoration:underline; float:left;}
/* footer mobile */
#footer p{font-size:12px; color:#4869b7; width:130px; margin-top:10px; font-weight:bold; float:right}
#footer .container ul li.ft_contact{ width:320px;}
#footer .container ul li.ft_contact .ft_email{ width: 320px;}
#footer .container ul li.ft_contact .ft_email input{width:288px;}
#footer .container .copyright{ clear:both;font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 11px;font-weight: 400;line-height: 24px; text-align:left;}
#footer .container .copyright .span_br{ display:block;}
#footer .container .copyright a{ font-family: "fira-sans", Arial, Helvetica, "微軟正黑體", "Microsoft JhengHei", 华文黑体, STHeiti, sans-serif;color: #363636;font-size: 11px;font-weight: 400;line-height: 24px; text-align:left; text-decoration:underline;}
#footer .container ul li a:hover, #footer .container .copyright a:hover{-webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; opacity:0.6; filter:alpha(Opacity=60); text-decoration:underline;}
/* banner */
.banner_header{ top:0; padding:2% 3% 2% 3%; font-size: 16px;line-height: 24px; width:100%; height:80px;display: table; overflow:hidden; background:url(../images/banner/header_bg.png) #fff; z-index:1; margin-bottom:5px;}
.banner_header p{display: table-cell;vertical-align: middle; margin:0; padding:0;}
.snd_br{ display:block;}
/* banner */
#ourteams .container .photo .img_header{ bottom:0; padding:2% 3% 2% 3%; width:100%; display: table; overflow:hidden; background:url(../images/banner/header_bg.png) ;}
#ourteams .container .photo .img_header p{display: table-cell;vertical-align: middle; margin:0; padding:0;font-size: 13px;line-height: 24px;}
/* forgot...= = */
#contact_map .container{ padding:0;}
.container{min-width:0; max-width:320px; margin:0 auto 10px; position:relative}
.nav ul{display:none; float:right; list-style:none; margin:0; padding:0; width:480px;}
#content_container{position:relative; top:0; left:0; margin-top:0px; margin-left:0px;}
.content{width:100%; height:100%; position:relative; }
#map {width: 100%;height: 200px; }
.pdf_desk{display:none;}
.pdf_mobile{ display:block;}
#is-fixed{ display:none;}
#services_content .container ul.slides img{ margin:0; width:280px;}
#hh_tips_content .container h1{ font-size:16px;}
#hh_tips_content .container h3{ font-size:16px;}
}
#m_mission {
display: none;
}
#m_tel {
display: none;
}
#m_hometel{
display: none;
}
@media screen and (max-width: 1024px) and (min-width: 360px){
#m_mission {
display: block;
}
#mission {
display: none;
}
#m_hometel{
display: block;
background: #B5A980;
box-shadow: inset 0 1px 3px 0
rgba(0,0,0,0.50);
text-align:center;
font-size: 14px;
color: #FFFFFF;
height:30px;
line-height: 30px;
}
.m_tel{
position: absolute;
left: 40%;
top: 10px;
font-size: 14px;
z-index: 99999999;
}
.m_tel .left{
color: #B8872B;
text-align: right;
line-height: 20px;
}
.m_tel .right a{
color: #5A391B;
text-align: right;
line-height: 20px;
}
}
@media screen and (max-width: 360px){
#m_mission {
display: block;
}
#mission {
display: none;
}
#m_hometel{
display: block;
background: #B5A980;
box-shadow: inset 0 1px 3px 0
rgba(0,0,0,0.50);
text-align:center;
font-size: 12px;
color: #FFFFFF;
height:30px;
line-height: 30px;
}
.m_tel{
position: absolute;
left: 40%;
top: 10px;
font-size: 12px;
z-index: 99999999;
}
.m_tel .left{
color: #B8872B;
text-align: right;
line-height: 20px;
}
.m_tel .right a{
color: #5A391B;
text-align: right;
line-height: 20px;
}
}
.whatsappfloat{ position:fixed; bottom:180px; right:80px; background: linear-gradient(#25d366,#25d366) 10% 80%/16% 16% no-repeat, radial-gradient(circle, #25d366 60%, transparent 0); -webkit-filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7)); filter: drop-shadow(5px 5px 5px rgba(0, 0, 0, 0.7)); font-size:80px; color:#fff; z-index:100;}.whatsapp-my-float{ margin-left:-2px;}@media handheld, only screen and (max-width: 1140px) { .whatsappfloat{ position:fixed; bottom:150px; right:15px; font-size:50px;}}