@charset "UTF-8";
@import url(reset.css);

body{ background:#f1f1f1; padding:100px 0 0 0;}

.animated{-webkit-transition:all .5s ease;transition:all .5s ease}
header{position:fixed;top:0;left:0;z-index:99;display:block;width:100%;height:100px;background:#ed1d25; border-radius:0;}
header .main{display:block;overflow:hidden;margin:0 auto;padding:20px 0 0;width:100%; height:100%; position:absolute; top:0; left:0;}
header .main a.logo{ display:block; width:350px; height:100px; margin:0 auto 30px auto; background:#FFF url(../images/logo.png) no-repeat center center; text-indent:-5000px; position:absolute; top:0; left:0px;}
header .main nav{ display: block; width:calc(100% - 350px); padding:0 0 0 0; position:absolute; top:0; left:350px; font-size:0; letter-spacing:0;}
header .main nav a{display: inline-block; width:20%;height:100px;  padding:30px 0 0 0; border-left:1px solid rgba(255,255,255,0.3); color:#FFF;font-weight:700;font-size:18px;font-family:"微軟正黑體";line-height:20px; text-align:center;}
header .main a.line{ display: none; width:150px; position:absolute; bottom:10px; left:calc(50% - 75px);}
header .main a.line img{ width:100%;}

.indexteam header .main nav a img,header .indexteam .main nav a img,header .main nav a span{display:block;color:rgba(255,255,255,0.5);text-align:center;font-size:9pt}
header .navmain{position:absolute;top:100px;left:0; display: none; overflow:hidden; padding:0; width:100%; height:0px; background:#eaeaea; box-shadow:10px 0px 20px rgba(0,0,0,.2);opacity:0}
header .navmain .main{padding:50px 0 0 0;}
header .navmain .main nav{ top:50%; transform: translateY(-50%);}
header .navmain .main nav p{display:block; width:100%; margin:0;color:#eaeaea;vertical-align:top; font-weight:700;font-size:20px;font-family:"宋体";line-height:22px}
header .navmain .main nav p a{display: inline-block;margin:0 0 0px 0; color:#555;text-align: left;letter-spacing:1px;font-weight:400;font-size:18px;font-family:"微軟正黑體"}
header:hover .navmain{display: none; height:180px;opacity:1}

.navbtn{position:absolute;top: 5px;right:0;z-index:10;display:none;cursor:pointer}
.navbtn,.navbtn a{width:55px;height:55px}
.navbtn a{position:relative;display:block}
.navbtn a .bar{position:absolute;top:calc(50% - 1.5px);left:calc(50% - 14px);z-index:2;display:block;width:28px;height:1px;border-radius:3px;background:#FFF}
.navbtn a .bar1{top:calc(50% - 10px);z-index:2}
.navbtn a .bar2{top:calc(50% + 7px);size:2}
.navbtn.open a .bar1,.navbtn.open a .bar2{display:none}

.banner{display:block;margin:0 auto 100px auto;padding:0 0 0 0; width:100%; position:relative;}
.banner .img{position:relative;display:block;width:100%; height:90vh; background:url(../images/banner01.jpg) no-repeat center center; background-size:cover;}
.banner .img::after{ content:''; display:block; width:100%; height:100%; background:rgba(0,0,0,0.5);}
.banner .img img{width:100%;height:auto}
.banner .img img.moblie{display:none}
.banner .img .slogan{position:absolute;top:20%;left:10%;display:block;width:auto; font-size:70px; line-height:80px; font-weight:600; color:#FFF; font-family:'Montserrat', sans-serif; text-transform:uppercase;}
.banner .img .slogan span{ font-size:120px; color: transparent; -webkit-text-stroke: 2px #FFF;}
.banner .img .slogan strong{ display:block; font-size:25px;font-family:"微軟正黑體"; letter-spacing:12px;}
.banner .img2{ display:block;width:90%; max-width:1500px; margin:-10% auto 0 auto; overflow:hidden; position:relative; z-index:2;}
.banner .img2 img{ display: inline-block; width:35%; vertical-align: bottom;}
.banner::after{ display:block; width:60%; height:100vh; background:#FFF; position:absolute; left: 0%; top:calc(100vh + 120px); z-index:1;}

.banner .telbox{display: inline-block; width:60%; margin: 0 0 80px 0;text-align: left; vertical-align: bottom;}
.banner .telbox .main{display:inline-block;padding:0; color:#333;text-align:left;letter-spacing:1px;font-weight:700;font-size:20px;font-family:"微軟正黑體";line-height:26px;}
.banner .telbox .main a.tel{display:block;margin:0 0 10px;padding:0 0 15px; color:#ed1d25;letter-spacing:5px;font-weight:700;font-size:70px;font-family:Century Gothic;line-height:55px; position:relative;}
.banner .telbox .main a.tel::after{ content:''; display:block; width:50px; height:5px; margin:20px 0 0 0; background:#333; border-radius:10px;}
.banner .telbox .main a.btn{display:inline-block;width:calc(50% - 6px); height:60px; margin:0 0 30px -5px; color:#fff;text-align:center;font-size:20px;line-height:60px; background:#333;}
.banner .telbox .main a.btn img{display:inline-block; width:auto; margin:0 15px 0 0;vertical-align:middle}
.banner .telbox .indexteam .main a.btn img,.banner .telbox .main a.btn span,.indexteam .banner .telbox .main a.btn img{display:inline-block;vertical-align:middle;font-family:"微軟正黑體"; color:#fff;}
.banner .telbox .main a.btn.mail{}

div.index_column2 { display: block; width:90%;max-width:75pc; margin:0 auto 70px auto; letter-spacing:0; position:relative; z-index:3;}
div.column_5 { display:inline-block; width:55%;  padding: 0px 0 0 0; vertical-align: middle;}
div.column_6 { display:inline-block; width:calc(45% - 6px); margin:0 0 0 0; vertical-align: bottom; font-size:16px;font-family:"微軟正黑體"; line-height:29px; vertical-align: bottom;}
div.column_6 strong{ display:block; margin:0 0 -20px -20px; font-size:100px; line-height:60px;color: transparent; -webkit-text-stroke: 3px #ed1d25; position:relative; z-index:2; font-family:'Montserrat', sans-serif;}
div.column_6 img{ display:block; width:90%; margin:0 0 30px 0;}
div.column_6 h2 { display:block; width:90%; margin:0 0 15px 0; font-size:26px;font-family:"微軟正黑體"; line-height:29px;}
div.column_6 p{ display:block; width:90%;}

div.column_5 .index_report1 { float:left; background: url(../images/report_bg.jpg) no-repeat; position:relative; width:281px; height:124px; margin: 0 0 0 20px;}
div.column_5 .index_report2 { float:left; background: url(../images/report_bg.jpg) no-repeat; position:relative; width:281px; height:124px; margin: 0 0 0 10px;}
div.column_5 .index_report1 .prtsc, .index_report2 .prtsc { position:absolute; z-index:1; top:17px; left:20px;}
div.column_5 .index_report1 .prtsc_border, .index_report2 .prtsc_border { position:absolute; z-index:2; top:10px; left:12px;}
div.column_5 .index_report1 .txt, .index_report2 .txt { position:absolute; z-index:3; top:30px; left:155px; right:10px; color:#333333; line-height:20px;}
div.column_5 .index_report1 .txt a, .index_report2 .txt a { color:#ff3366; font-weight:bold; text-decoration: none;}
div.column_5 .index_report1 .txt a:hover, .index_report2 .txt a:hover {color:#cc3366; font-weight:bold; text-decoration: none;}
div.column_5 .index_report1 .txt strong, index_report2 .txt strong { font-weight:normal; color:#000000;}

#case-tab { width: 100%; margin:10px auto 0 auto;}
#case-tab ul, #case-tab li { list-style: none; margin: 0; padding: 0; }
#case-tab .tabs{ display:block; width:100%;}
#case-tab .tabs li { float: left; width:calc(100% / 3); height:50px; margin: 0 0 -5px 0; border: 3px solid #ed1d25; background: #FFF; cursor: pointer; font-family:"微軟正黑體"; font-size:18px; line-height:44px; text-align:center;}
#case-tab .tabs li.active { background: #ed1d25; padding-bottom: 1px; border-bottom: none; color:#fff;}
#case-tab .tabs li.hover{ background: #ed1d25; color:#fff;}

#case-tab .tabs span { color:#ed1d25; font-weight: bold;}
#case-tab .tabs li.active span{ color:#FFF;}
#case-tab .tabs li.hover span{ color:#fff;}

#case-tab .tab_container { clear: both; border: 5px solid #ed1d25; background: #fff; overflow: hidden;}
#case-tab .tab_container ul { position: relative; height: 350px; padding:50px 0; overflow: hidden;}
#case-tab .tab_container .tab_content li { position: absolute; width: 100%; height: 260px; padding: 15px; background: #fff;}
#case-tab .tab_container .tab_content li img { display: block; float: left; margin-right: 15px;}
#case-tab .tab_container .tab_content li p{  width:80%;font-family:"微軟正黑體"; font-size:16px; color:#333; margin:0 auto;}
#case-tab .tab_container .tab_content li a{ position:relative; display:block; width:100%; height:30px; line-height:25px; border-bottom:1px dotted #ccc; margin:0 0 8px 0; padding:0 0 8px 20px; overflow:hidden; background:url(../images/icon_1.jpg) no-repeat 0 50%;}
#case-tab .tab_container .tab_content li a.last { border:0;}
#case-tab .tab_container .tab_content li a::before{ content:''; display:block; width:5px; height:5px; background:#ddd; position:absolute; top:10px; left:5px;}

.indexservice{display:block;margin:0 auto 5pc;width:90%;max-width:75pc}
.indexservice .left{position:relative;display:inline-block;width:48%}
.indexservice .left a{ display:inline-block; overflow:hidden; font-size:0; line-height:0;}
.indexservice .left img{width:100%;height:auto}
.indexservice .left .title{position:absolute;top:5%;left:-5%;display:inline-block;color:#ed1d25;text-align:right;font-size:60px;font-family:'Montserrat', sans-serif;line-height:86px}
.indexservice .left .title h2{float:right;display:inline-block;color:#111;letter-spacing:1px;font-size:28px;font-family:"微軟正黑體";line-height:30px}
.indexservice .left .title .indexteam .main a img,.indexservice .left .title span,.indexteam .main a .indexservice .left .title img{float:left;margin:0 0 0 10%;color:#ed1d25;letter-spacing:1px;font-size:9pt;font-family:Century Gothic;line-height:30px}
.indexservice .left .title .indexteam .main a img:after,.indexservice .left .title span:after,.indexteam .main a .indexservice .left .title img:after{display:inline-block;margin:-2px 0 0 10px;width:20px;height:1px;background:#f23d67;content:'';vertical-align:middle}
.indexservice .left .class{position:absolute;bottom:0;left:0;display:block;overflow:hidden;padding:20px 5% 30px;width:100%;height:0;background:#f1f1f1;opacity:0}
.indexservice .left .class a{display:inline-block;margin:0 5px 10px 0;padding:0 18px;border:1px solid #ddd;border-radius:15px;color:#555;font-size:1pc;font-family:"微軟正黑體";line-height:30px}
.indexservice .left:hover .class{height:30%;opacity:1}
.indexservice ul{margin:0 0 0 -5px;width:52%;vertical-align:top;letter-spacing:-5px}
.indexservice ul,.indexservice ul li{position:relative;display:inline-block;font-size:0;line-height:0; overflow:hidden;}
.indexservice ul li{margin:0 0 4% 5%;padding:0;width:45%}
.indexservice ul li img{width:100%;height:auto}
.indexservice ul li .title{position:absolute;bottom:0;left:0;display:block;overflow:hidden;padding:10px 0;width:100%;background:#f1f1f1;}
.indexservice ul li .title h2{display:inline-block;margin:0 0 8px;color:#111;letter-spacing:1px;font-size:22px;font-family:"微軟正黑體";line-height:26px}
.indexservice ul li .title .indexteam .main a img,.indexservice ul li .title span,.indexteam .main a .indexservice ul li .title img{float:right;color:#ed1d25;letter-spacing:1px;font-size:9pt;font-family:Century Gothic;line-height:26px}
.indexservice ul li .title .indexteam .main a img:after,.indexservice ul li .title span:after,.indexteam .main a .indexservice ul li .title img:after{display:inline-block;margin:-2px 0 0 10px;width:20px;height:1px;background:#f23d67;content:'';vertical-align:middle}
.indexservice ul li .title .class{clear:both;display:block;overflow:hidden;margin:0;width:100%;height:0;color:#555;letter-spacing:1px;font-size:1pc;line-height:31px;opacity:0}
.indexservice ul li .title .class a{display:inline-block;color:#555;font-size:1pc;font-family:"微軟正黑體";line-height:21px}
.indexservice ul li.big{margin:0 0 0 5%; width:100%;}
.indexservice ul li:hover .title .class{height:60px;opacity:1}
.indexqa{display:block;margin:0 auto 5pc;padding:20px 3%;width:90%;max-width:750pt;border-radius:75pt;background:#c39a6f}
.indexqa .title{display:inline-block;color:#fff;font-weight:700;font-size:20px;font-family:"微軟正黑體";line-height:22px}
.indexqa .title .indexteam .main a img,.indexqa .title a,.indexqa .title img,.indexqa .title span,.indexteam .main a .indexqa .title img{display:inline-block;margin:0 10px 0 0;vertical-align:middle}
.indexqa .title .indexteam .main a img,.indexqa .title span,.indexteam .main a .indexqa .title img{margin:0 28px 0 0}
.indexqa .title a{margin:0 15px 0 0;font-weight:400;font-size:1pc}
.indexqa .title a:before{display:inline-block;margin:0 10px 0 0;width:5px;height:5px;background:#fff;content:'';vertical-align:middle}
.indexabout{display:block;overflow:hidden;margin:0 auto 5pc;width:90%;max-width:75pc}
.indexabout .title{float:right;display:block;width:250px;color:#ed1d25;text-align:right;font-size:60px;font-family:'Montserrat', sans-serif;line-height:86px}
.indexabout .title h3{display:block;color:#111;text-align:right;letter-spacing:1px;font-size:28px;font-family:"微軟正黑體";line-height:30px}
.indexabout .title a{display:inline-block;padding:5px 0 0 20px;border-top:1px solid #bbb;color:#888;font-size:15px;font-family:Century Gothic;line-height:19px}
.indexabout .text{float:left;display:block;padding:0 0 0 75pt;width:calc(100% - 280px);background:url(../images/icon.png) no-repeat 20px 10px;color:#111;letter-spacing:1px;font-size:1pc;font-family:"微軟正黑體";line-height:29px}
.indexteam{display:block;margin:0 auto 75pt;width:100%;background:#FFF}
.indexteam .main{position:relative;display:block;margin:0 auto;padding:90pt 0 75pt 75pt;width:90%;max-width:75pc}
.indexteam .main img.woman{position:absolute;right:0;bottom:0;display:block;width:45%}
.indexteam .main h3{display:block;margin:0 0 30px;color:#111;font-size:30px;font-family:"宋体";line-height:39px}
.indexteam .main p{ display: block; width:40%; margin:0 0 30px 0; font-size:16px; line-height:29px; font-family:"微軟正黑體";}
.indexteam .main .en{color:#dbba8c;font-size:30px;font-family:Adobe Garamond Pro;line-height:36px}
.indexteam .main a{display:inline-block;margin:0 10px 0 0;padding:0 25px;height:60px;border-radius:30px;background:#fff;color:#f23d67;font-weight:bolder;font-size:20px;font-family:"微軟正黑體";line-height:55px}
.indexteam .main a img,.indexteam .main a span{display:inline-block;vertical-align:middle}
.indexteam .main a img{margin:0 10px 0 0}
.casesbg{display:block;padding:50px 0 20px;background:#eaeaea}
.indexcase{display:block;overflow:hidden;margin:0 auto 5pc;width:90%;max-width:75pc}
.indexcase .left{float:left;display:block;margin:40px 0 0 0;padding:35px 0 0;width:210px;background:#ff718f; border-radius:15px; overflow:hidden;}
.indexcase .left p{display:block;overflow:hidden;margin:0 auto 20px;width:80%;color:#fff;letter-spacing:1px;font-size:1pc;font-family:"微軟正黑體";line-height:22px}
.indexcase .left p a{display:block;color:#ffea5c;font-size:22px}
.indexcase .left p img{display:block;margin:10px 0 20px; width:100%;}
.indexcase .left a.btn{display:block;padding:20px 10%;background:#c39a6f}
.indexcase .left a.btn img{display:inline-block;margin:0 15px 0 0;transform:rotate(-10deg)}
.indexcase .left .indexteam .main a.btn img,.indexcase .left a.btn span,.indexteam .main .indexcase .left a.btn img{display:inline-block;color:#fff;font-size:18px;font-family:"微軟正黑體";line-height:21px}
.indexcase .right{float:left;display:block;margin:0 0 0 0;width:calc(100% / 3)}
.indexcase .right.video{width:calc(40% - 105px);margin:0 5%;}
.indexcase .right .title{display:block; height:40px; margin:0 0 20px;padding:0 0 10px;width:100%;border-bottom:1px solid #d0d0d0;color:#111;font-weight:bolder;font-size:25px;font-family:"宋体";line-height:29px}
.indexcase .right ul,.indexcase .right ul li{display:block;width:95%}
.indexcase .right ul li{overflow:hidden;margin:0 0 20px}
.indexcase .right ul li p.img{float:left;display:block;width:27%;font-size:0;line-height:0; border-radius:15px; overflow:hidden;}
.indexcase .right ul li p.img img{width:100%;height:auto}
.indexcase .right ul li .text{float:right;display:block;width:68%;font-family:"微軟正黑體"}
.indexcase .right ul li .text h3{display:block;margin:0 0 5px;color:#111;font-size:18px;line-height:23px}
.indexcase .right ul li .text p{display:block;color:#555;font-size:15px;line-height:23px; height:69px; overflow:hidden;}
.indexcase .right iframe{display:block;margin:0 0 30px;width:100%;height:250px}
.indexcase .right p.img{display:block;width:100%;text-align:center}
.indexcase .right p.img img{max-width:100%}

.flow{ display:block; width:90%; max-width:1400px; margin:0 auto 80px auto; padding:5px 5px 5px 10px; clear: both; border-radius:20px; overflow:hidden; background:#FFF; box-shadow: 0 0 20px rgba(0,0,0,0.1); position:relative; z-index:3;}
.flow strong{ display:block; width:100%; height:50px; margin:0 0 15px 0; font-size:20px; line-height:50px;  border-radius:15px 15px 0 0; font-weight: bold; font-family:'微軟正黑體'; color:#FFF; background:#80583d; text-align:center;}
.flow p{ display: inline-block; width:33%; vertical-align: top;}
.flow p img{ width:100%;}

footer{display:block;padding:0 0 50px;width:100%;border-bottom:10px solid #f23d67; background:#FFF;}
footer .main{display:block;overflow:hidden;margin:0 auto;padding:30px 0 0;width:90%;max-width:75pc;border-top:1px solid #d8d8d8}
footer .main a.logo{float:left;display:block;width:267px;height:55px;background:url(../images/logo2.png) no-repeat;text-indent:-5000px}
footer .main .link{float:right;display:inline-block;color:#555;font-size:13px;font-family:"微軟正黑體";line-height:19px}
footer .main .link a{display:inline-block;margin:0 0 0 15px}
footer .main .link p.tel{display:block;padding:20px 0 0;text-align:right}
footer .main .link p.tel a{color:#a3502c;font-weight:700;font-size:30px}
.pagebanner{display:block;margin:0 0; position:relative; z-index:3;}
.pagebanner .main{position:relative;display:block;margin:0 auto;width:90%;height:50px;max-width:75pc}
.pagebanner .main .title{position:absolute;bottom:-220px;right:3%;display:inline-block;min-width:250px;color:#ed1d25;text-align:right;font-size:60px;font-family:'Montserrat', sans-serif;line-height:86px}
.pagebanner .main .title h2{float:right;display:inline-block;color:#111;letter-spacing:1px;font-size:28px;font-family:"微軟正黑體";line-height:30px}
.indexteam .pagebanner .main .title a img,.indexteam .pagebanner .main a .title img,.pagebanner .indexteam .main .title a img,.pagebanner .indexteam .main a .title img,.pagebanner .main .title span{float:left;margin:0 0 0 5%;color:#f23d67;letter-spacing:1px;font-size:9pt;font-family:Century Gothic;line-height:30px}
.indexteam .pagebanner .main .title a img:after,.indexteam .pagebanner .main a .title img:after,.pagebanner .indexteam .main .title a img:after,.pagebanner .indexteam .main a .title img:after,.pagebanner .main .title span:after{display:inline-block;margin:-2px 0 0 10px;width:20px;height:1px;background:#f23d67;content:'';vertical-align:middle}
.aboutpart1{display:block;margin:0 auto 5pc;width:90%;max-width:75pc}
.aboutpart1 .left{ display: none;width:240px;color:#888;text-align:right;font-size:13px;line-height:29px}
.aboutpart1 .text{display:inline-block;vertical-align:bottom}
.aboutpart1 .text{position:relative;margin:0 0 0 0;padding:0 0 0 0;width:100%}
.aboutpart1 .text p{ display:block; width:55%; margin:0 0 0 5%; padding:260px 3% 0 0; float: right; font-size:1pc;font-family:"微軟正黑體";line-height:31px}
.aboutpart1 .text img{ display:block; float:left; width:40%}
.aboutpart1 .text img.case{ position:relative; bottom:-50px}
.aboutpart2{display:block;margin:0 auto 5pc;width:90%;max-width:75pc}
.aboutpart2 p.img{display:inline-block;width:35%}
.aboutpart2 p.img img{width:100%}
.aboutpart2 .text{display:inline-block;margin:0 0 0 5%;width:calc(60% - 6px);}
.aboutpart2 .text h1{display:block;margin:0 0 20px;color:#a3502c;font-size:25px;font-family:"微軟正黑體";line-height:2pc}
.aboutpart2 .text p{font-size:1pc;font-family:"微軟正黑體";line-height:31px}
.aboutpart3{display:block;margin:0 auto 5pc;padding:50px 10%;width:90%;max-width:75pc;border-radius: 0;background:#111 url(../images/icon.png) no-repeat 5% 50px}
.aboutpart3 .text{display:inline-block;margin:0;width:50%}
.aboutpart3 .text h2{display:block;margin:0 0 20px;color:#dbba8c;font-size:25px;font-family:"微軟正黑體";line-height:2pc}
.aboutpart3 .text p{color:#fff;font-size:1pc;font-family:"微軟正黑體";line-height:31px}
.aboutpart3 iframe{display:inline-block;margin:0 0 0 5%;width:calc(45% - 6px);height:250px}
.servicepart1{display: flex;margin:0 auto 5pc auto;width:90%;max-width:75pc; flex-direction: column-reverse;}
.servicepart1 .left{display:block;width:100%; padding:30px 0 0 0; color:#888;vertical-align:bottom;text-align:left;font-size:1pc;font-family:"微軟正黑體";line-height:45px;  z-index:2;}
.servicepart1 .left br{ display: none;}
.servicepart1 .left a{display:inline-block;margin: 0 10px 0  0;;padding:0 35px;border:1px solid #aaa;border-radius:25px; font-size:18px; font-weight: bold; color:#111;}
.servicepart1 p.img{position:relative;display:inline-block;overflow:hidden;margin:0 0 0 1%;padding:0; width:100%; vertical-align:bottom;font-size:0;line-height:0; z-index:1}
.servicepart1 p.img img{width:100%;height:auto}
.servicepart1 ul{display:inline-block; padding:50px 0 50px;width:200px;background:#222;vertical-align:top; position: fixed; top:calc(50% + 50px); left: 0; transform: translateY(-50%); z-index:3;}
.servicepart1 ul li{display:block;margin:0 auto 10px;padding:0 0 6px 20px;width:70%;border-bottom:1px solid hsla(0,0%,100%,.3);background:url(../images/service_icon.png) no-repeat 0 8px;color:#fff;font-size:18px;font-family:"微軟正黑體";line-height:26px}
.servicepart1 .text{display:inline-block;margin:0;padding:0 0 0 250px;width: 100%;}
.servicepart1 .text p.img{margin:0 0 50px -250px;width:calc(100% + 250px);font-size:0;line-height:0}
.servicepart1 .text h1{display:block;margin:0 0 20px;color:#a3502c;font-size:25px;font-family:"微軟正黑體";line-height:2pc}
.servicepart1 .text p{display:block;margin:0;width:100%;color:#555;vertical-align:top;font-size:1pc;font-family:"微軟正黑體";line-height:31px}
.servicepart2{display:block;margin:0 auto 5pc;padding:0 0 0 5%;width:90%;max-width:75pc;background:url(../images/icon.png) no-repeat 0 10px}
.servicepart2 h1,.servicepart2 h2{width:220px;color:#111;font-size:25px;line-height:2pc}
.servicepart2 h1,.servicepart2 h2,.servicepart2 p{display:inline-block;vertical-align:top;font-family:"微軟正黑體"}
.servicepart2 p{margin:0 0 0 3%;width:calc(97% - 226px);color:#555;font-size:1pc;line-height:31px}
ul.caseslist{display:block;margin:0 auto 50px auto;width:90%;max-width: 1200px;}
ul.caseslist li{display:block;margin:0;padding:20px 5%;width:100%;border-radius:15px;background:#FFF}
ul.caseslist.law li{padding:15px 5%;}
.indexteam .main a ul.caseslist li img.date,ul.caseslist li .indexteam .main a img.date,ul.caseslist li span.date{display:inline-block;width:150px;color:#f23d67;vertical-align:middle;font-size:1pc;font-family:Century Gothic;line-height:21px;font-family:"微軟正黑體";}
ul.caseslist li .text{display:inline-block;width:calc(100% - 260px);vertical-align:middle}
ul.caseslist li .text h2{display:block;margin:0 0 5px;color:#333;font-size:20px;font-family:"微軟正黑體";line-height:26px}
ul.caseslist li .text p{color:#555;font-size:1pc;font-family:"微軟正黑體";line-height:31px}
ul.caseslist li a.more{display:inline-block;margin:0 0 0 50px;width:50px;height:50px;border-radius:25px;background:#fff;color:#888;text-align:center;font-size:1pc;font-family:"微軟正黑體";line-height:50px}
ul.caseslist li.white{background:0 0}
.casemain{position:relative;display:block;margin:-15px auto 50px;padding:0 270px 0 60px;width:90%;max-width:75pc;background:url(../images/icon.png) no-repeat 0 25pt}
.casemain h1{margin:0 0 30px;padding:25px 5%; background:#333;color:#fff;font-size:25px;line-height:2pc}
.casemain h1,.casemain h2{display:block;width:100%;font-family:"微軟正黑體"}
.casemain h2{margin:0 0 10px;color:#111;font-size:18px;line-height:29px}
.casemain p{display:block;margin:0 0 15px;width:100%;color:#555;font-size:1pc;font-family:"微軟正黑體";line-height:29px}
.casemain .date{position:absolute;top:150pt;right:5pc;display:inline-block;color:#dbba8c;font-size:30px;font-family:"微軟正黑體";line-height:2pc}
.casemain .date .indexteam .main a img,.casemain .date span,.indexteam .main a .casemain .date img,.pages{display:block}
.casemain::after{ content:''; display:block; width:20%; height:100%; background:#333 url(../images/banner01.jpg) no-repeat center center; background-size: cover; position:absolute; top:0; right:0;}
.pages{margin:0 auto 5pc;padding:0;width:90%;max-width:75pc;text-align:center}
.pages a{display:inline-block;margin:0 10px;width:50px;height:50px;border-radius:25px}
.pages a.prev{border:1px solid #abbcd0;background:url(../images/pro_prev_btn.png) no-repeat center center}
.pages a.next{border:1px solid #abbcd0;background:url(../images/pro_next_btn.png) no-repeat center center}
.pages a.list{background:#334f70 url(../images/pro_list_btn.png) no-repeat center center}
.pages a.none{opacity:.3}
.servicepart1 .text select,a.moonline,a.motel{display:none}


@media screen and (max-width:1100px){.banner .img{width:85%}
}
@media screen and (max-width:650px){
	header .main a.line{ display: none;}
	body{ padding:0;}
	a.motel{left:0;background:#ed1d25 url(../images/moblie/photo2.png) no-repeat 10% center;background-size:auto 50%}
	a.moonline,a.motel{position:fixed;bottom:0;z-index:999;display:block;width:50%;height:40px;color:#fff;text-align:center;font-weight:bolder;font-size:1pc;font-family:"微軟正黑體";line-height:40px}
	a.moonline{left:50%;background:#ff9899 url(../images/moblie/online2.png) no-repeat 10% center;background-size:auto 50%}
	.navbtn{display:block}
	header{ width:100%; height:70px; padding:0; border: none; position:inherit;}
	header .main{padding:7px 0 0 0; height:70px; overflow:inherit;}
	header .main a.logo{display:block;width:267px;height:70px; margin:0 0 0 0px; background: #FFF url(../images/logo2.png) no-repeat center center;text-indent:-5000px}
	header .main nav{position: absolute;top:70px;left:0;display:none;padding:30px 0 0;width:100%;height:100vh;background:#f3f3f3; z-index:999;}
	header .main nav a{display:block;margin:0 auto 15px;width:80%; height:auto; padding:15px 0 0 0; color:#333;text-align:center}
	header .navmain{display:none!important}
	.banner{overflow:hidden; margin:0;}

.banner .img{width:100%; height:50vh; min-height:350px;}
.banner .img .slogan{ font-size:35px; line-height:35px;}
.banner .img .slogan span{ font-size:35px;}
.banner .img img{display:none}
.banner .img img.moblie{display:block; width:125%; margin:0 0 0 -6%;}
.banner .img img.slogan{top:10%;right:4%;z-index:9;display:block;height:70%}

.banner .img2{ display:flex; margin:-20% auto 0 auto; flex-direction: column-reverse; text-align:center;}
.banner .telbox{ width:100%;}
.banner .img2 img{ display:block; width:40%; margin:0 auto 50px auto; }

.banner .telbox{margin:-50px auto 0 auto;}
.banner .telbox .main{padding:15px 0;width:100%; border-radius:50px;}
.banner .telbox .main a.tel{padding:0 0 8px;font-size:39px;line-height:42px; letter-spacing:3px; font-family: arial;}
.banner .telbox .main a.btn img{width:30px}
.banner .telbox .main img{ display: none;}
.indexservice{margin:0 auto}
.indexservice .left{margin:0 0 30px;width:100%}
.indexservice .left .title{text-align:left;font-size:50px;line-height:40px}
.indexservice .left .title h2{float:none;margin:0 0 0 15%}
.indexservice .left .class{position:inherit;padding:10px 0 0;height:auto;opacity:1}
.indexservice ul{margin:0;width:100%}
.indexservice ul li{margin:0 2.5% 30px;vertical-align:top}
.indexservice ul li.big{margin:0 2.5% 30px;width:95%}
.indexservice ul li .title{position:inherit;bottom:inherit;padding:10px 0 0}
.indexservice ul li .title .indexteam .main a img,.indexservice ul li .title span,.indexteam .main a .indexservice ul li .title img{float:none;display:block}
.indexservice ul li .title .class{position:inherit;padding:10px 0 0;height:auto;font-size:13px;line-height:19px;opacity:1}
.indexservice ul li .title .class a{margin:0;font-size:13px;line-height:19px}
.indexqa{width:90%;border-radius:18px;text-align:center; padding:20px 5%;}
.indexqa .title a{display:block; width:50%; margin:15px 0 0;padding:10px 0 0;border-top:1px solid hsla(0,0%,100%,.3);text-align:left; float:left;}
.indexabout .text{padding:0 0 0 30px;width:100%; background:url(../images/icon.png) no-repeat 0px 10px}
.indexabout .title{float:none;margin:0 0 30px;width:100%;font-size:40px;line-height:50px}
.indexabout .title h3{ display: inline-block; font-size:18px;}
.indexteam .main{padding:50px 0 5pc}
.indexteam .main h3{font-size:25px}
.indexteam .main img.woman{width:100%; position:inherit;}
.indexteam .main p{ width:100%;}
.indexteam .main a{display:block;margin:0 0 15px;width:100%; background:#f1f1f1; text-align:center;}
.indexcase .left,.indexcase .right,.indexcase .right.video{float:none;margin:0 auto 30px;width:100%}
.indexcase .left{margin:0 auto 30px;width:80%}
.indexcase .right ul, .indexcase .right ul li{ width:100%;}
.indexcase .right:nth-child(2) .title,.indexcase .right:nth-child(3) .title{ display: none;}
footer .main a.logo{float:none;margin:0 auto 25px}
footer .main .link,footer .main .link p.tel{text-align:center}
.pagebanner{margin:0 0 5pc}
.pagebanner .main{height:80px}
.pagebanner .main .title{bottom:-50px;width:100%;font-size:50px;line-height:45px}
.indexteam .pagebanner .main .title a img,.indexteam .pagebanner .main a .title img,.pagebanner .indexteam .main .title a img,.pagebanner .indexteam .main a .title img,.pagebanner .main .title span{margin:0}
.aboutpart1 .left{width:100%}
.aboutpart1 .text{ display:flex; flex-direction:column-reverse;margin:-90pt 0 0;padding:150px 0 0;width:100%}
.aboutpart1 .text img{top:-60px;right:inherit;bottom:inherit;left:-50px;width:100%;height: auto}
.aboutpart1 .text p{ width:100%; margin:0; padding:0;}
.aboutpart1 .text img.case{ margin:0 0 0 0px;}
.aboutpart2 p.img{margin:0 0 20px;width:100%}
.aboutpart2 .text{margin:0;width:100%}
.aboutpart3 .text{margin:0 0 20px;width:100%}
.aboutpart3 iframe{width:100%;height:200px}
.servicepart1{margin:0 auto 50px}
.servicepart1 .left{margin:0 0 20px;width:100%; display: none;}
.servicepart1 p.img{margin:0;width:100%}
.servicepart2{margin:0 auto 30px;padding:0 0 0 8%}
.servicepart2 h1,.servicepart2 h2,.servicepart2 p{margin:0 0 10px;width:100%}
.servicepart1 ul{display:none}
.servicepart1 .text{margin:0;width:100%; padding:0;}
.servicepart1 .text select{display:block;margin:0 0 15px;padding:10px 20px;width:100%;border-radius:0;color:#111;font-size:18px}
.servicepart1 .text p.img{ width:100%; margin:0 0 30px}
.indexteam .main a ul.caseslist li img.date,ul.caseslist li .indexteam .main a img.date,ul.caseslist li span.date{margin:0 0 8px;width:100%}
ul.caseslist li .text{margin:0 0 15px;width:100%}
ul.caseslist li a.more{margin:0;width:100%;height:40px;line-height:40px}
.casemain{margin:0 auto 50px;padding:0;background:0 0}
.casemain .date{display:none}
.casemain h1{font-size:20px}
.pages{padding:0}

div.index_column2 { height: auto;}
div.column_5 { float:none; width:100%; padding: 0; height: auto;}
div.column_5 .index_report1 { float:left; position:relative; width:281px; height:124px; margin: 0 0 0 20px;}
div.column_5 .index_report2 { float:left; position:relative; width:281px; height:124px; margin: 0 0 0 10px;}
div.column_5 .index_report1 .prtsc, .index_report2 .prtsc { position:absolute; z-index:1; top:17px; left:20px;}
div.column_5 .index_report1 .prtsc_border, .index_report2 .prtsc_border { position:absolute; z-index:2; top:10px; left:12px;}
div.column_5 .index_report1 .txt, .index_report2 .txt { position:absolute; z-index:3; top:30px; left:155px; right:10px; color:#333333; line-height:20px;}
div.column_5 .index_report1 .txt a, .index_report2 .txt a { color:#ff3366; font-weight:bold; text-decoration: none;}
div.column_5 .index_report1 .txt a:hover, .index_report2 .txt a:hover {color:#cc3366; font-weight:bold; text-decoration: none;}
div.column_5 .index_report1 .txt strong, index_report2 .txt strong { font-weight:normal; color:#000000;}

#case-tab { width: 100%;}
#case-tab .tabs {  overflow:hidden; text-align:center; letter-spacing:-6px; line-height:0; padding:0;}
#case-tab .tabs li { width:30%; float: none; margin: 0 0 0 0; border: 0; height: 40px; cursor: pointer; border-radius: 10px 10px 0 0; font-family:"微軟正黑體"; font-size:16px; line-height:40px;  display:inline-block; letter-spacing:0; background:#FFF;}
#case-tab .tabs li.active { width:33.3%;  border-bottom: none; color:#fff; text-align:center;}
#case-tab .tabs li.hover{}
#case-tab .tabs span { display: inline-block; height:auto; text-align:center; overflow: hidden; padding:0; float: none;}
#case-tab .tab_container { clear: both;border-radius: 15px 15px;}
#case-tab .tab_container ul { height:250px; padding:5px 0 0 0; margin:0 0 20px 0;}
#case-tab .tab_container .tab_content li { width: auto; height: 260px; padding: 20px;}
#case-tab .tab_container .tab_content li img { display: none;}
#case-tab .tab_container .tab_content li p { float:none; width:100%;}
#case-tab .tab_container .tab_content li a { display:block; width:auto; background:url(../images/icon_1_2.jpg) no-repeat 0 50%; color:#333;}
div.column_6 { float:none; width:100%; height:auto; margin:0; padding:30px 20px 30px 20px; border-radius: 0 0 15px 15px;}
div.column_6 .mainmsg { height: auto; padding:0;}
div.column_6 .button_box{ text-align: center;}

.indexcase .left p.qr{ display: none;}
.flow p{ width:100%;}
.casemain::after{ display: none;}
}