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

body{ padding:0 0 0 200px;}

.animated{-webkit-transition:all .5s ease;transition:all .5s ease}
header{position:fixed;top:0;left:0;z-index:99;display:block;width:200px;height:100%;background:#FFF; box-shadow:20px 0 20px rgba(0,0,0,0.1); border-left:8px solid #ffbf25; 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:180px;height:130px; margin:0 auto 30px auto; background:url(../images/logo.png) no-repeat;text-indent:-5000px; position:absolute; top:10px; left:10px;}
header .main nav{ display: block; padding:15px 0 0 0; position:absolute; top:calc(50% - 150px); left:calc(50% - 63px);}
header .main nav a{display:block;margin:0  auto 12px auto;  padding:0 0 5px 0; border-bottom:1px solid #DDD; color:#333;font-weight:700;font-size:18px;font-family:"微軟正黑體";line-height:20px; text-align:center;}
header .main a.line{ display:block; 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:#dbba8c;text-align:center;font-size:9pt}
header .navmain{position:absolute;top:0px;left:200px;display:block;overflow:hidden;padding:0;width:0;height:100%; 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:inline-block;margin:0 25px;color:#eaeaea;vertical-align:top;font-weight:700;font-size:20px;font-family:"宋体";line-height:22px}
header .navmain .main nav p a{display:block;margin:0 0 10px 0;width:100%;color:#555;text-align: left;letter-spacing:1px;font-weight:400;font-size:18px;font-family:"微軟正黑體"}
header:hover .navmain{display:block; width:200px; height:100%;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:#333}
.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 30px auto;padding: 0 0; width:100%;max-width:1700px;}
.banner .img{position:relative;display:block;width:85%;}
.banner .img img{width:100%;height:auto}
.banner .img img.moblie{display:none}
.banner .img img.slogan{position:absolute;top:8%;right:-8%;display:block;width:auto;height:calc(85% - 90pt);max-height:4in;}
.banner .telbox{position:relative;z-index:2;display:block;margin:-90pt auto 0;width:90%;max-width:75pc;text-align:right}
.banner .telbox .main{display:inline-block;padding:20px 60px 10px;background:#333;color:#fff;text-align:left;letter-spacing:1px;font-weight:700;font-size:20px;font-family:"宋体";line-height:26px; border-radius:80px;}
.banner .telbox .main a.tel{display:block;margin:0 0 10px;padding:0 0 15px;border-bottom:1px solid #FFF;color:#ffbf25;letter-spacing:5px;font-weight:700;font-size:50px;font-family:Century Gothic;line-height:55px}
.banner .telbox .main a.btn{display:inline-block;width:calc(50% - 6px);color:#fff;text-align:center;font-size:20px;line-height:22px}
.banner .telbox .main a.btn img{display:inline-block;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:"微軟正黑體"}
.banner .telbox .main a.btn.mail{border-left:1px solid #FFF}

div.index_column2 { width:90%;max-width:75pc; margin:0 auto 70px auto; letter-spacing:0;}
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 -6px;  padding: 30px 20px 0 20px;  vertical-align: bottom; font-size:16px;font-family:"微軟正黑體"; line-height:29px; background:#ffe79c; height:260px; border-radius: 0 30px 30px 0;}
div.column_6 h2 { display:block; margin:0 0 15px 0; font-size:26px;font-family:"微軟正黑體"; line-height:29px;}
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{ padding:0 0 0 30px;}
#case-tab .tabs li { float: left; margin: 0 0 -5px 5px; border: 1px solid #ffe79c; background: #ffe79c; cursor: pointer; border-radius: 8px 8px 0 0; font-family:"微軟正黑體"; font-size:16px; }
#case-tab .tabs li.active { background: #ffbf25; padding-bottom: 1px; border-bottom: none; color:#fff;}
#case-tab .tabs li.hover{ background: #ffbf25; color:#fff;}
#case-tab .tabs span { display: block; float: left; overflow: hidden; padding: 10px 25px 6px 25px; }
#case-tab .tab_container { clear: both; border: 5px solid #ffe79c; background: #fff; overflow: hidden; border-radius: 30px 0 0 30px;}
#case-tab .tab_container ul { position: relative; height: 250px; overflow: hidden;}
#case-tab .tab_container .tab_content li { position: absolute; width: 563px; 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{ float:left; width:100%;font-family:"微軟正黑體"; font-size:16px; color:#333;}
#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:#ffbf25;text-align:right;font-size:60px;font-family:Adobe Garamond Pro;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:#ffbf25;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:#ffbf25;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:#fff;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:#fff}
.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:#ffbf25;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:#ffbf25;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:#ffbf25;text-align:right;font-size:60px;font-family:Adobe Garamond Pro;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:#eaeaea}
.indexteam .main{position:relative;display:block;margin:0 auto;padding:75pt 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 .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:#555;color:#ffbf25;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:#333; 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(50% - 105px)}
.indexcase .right.video{width:calc(40% - 105px);margin:0 5%;}
.indexcase .right .title{display:block;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:100%}
.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 #ffbf25}
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 50px;width:100%;background:linear-gradient(to right,#fff2ca,#ffe79c)}
.pagebanner .main{position:relative;display:block;margin:0 auto;width:90%;height:80px;max-width:75pc}
.pagebanner .main .title{position:absolute;bottom:-5pc;left:0;display:inline-block;min-width:250px;color:#ffbf25;text-align:right;font-size:60px;font-family:Adobe Garamond Pro;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:#ffbf25;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:#ffbf25;content:'';vertical-align:middle}
.aboutpart1{display:block;margin:0 auto 5pc;width:90%;max-width:75pc}
.aboutpart1 .left{width:240px;color:#888;text-align:right;font-size:13px;line-height:29px}
.aboutpart1 .left,.aboutpart1 .text{display:inline-block;vertical-align:bottom}
.aboutpart1 .text{position:relative;margin:0 0 0 5%;padding:0 35% 0 0;width:calc(95% - 250px)}
.aboutpart1 .text p{font-size:1pc;font-family:"微軟正黑體";line-height:31px}
.aboutpart1 .text img{position:absolute;right:0;bottom:0;width:50%}
.aboutpart1 .text img.case{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:25px;background:#333 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:block;margin:-75pt auto 5pc;width:90%;max-width:75pc}
.servicepart1 .left{display:inline-block;width:298px;color:#888;vertical-align:bottom;text-align:left;font-size:1pc;font-family:"微軟正黑體";line-height:29px}
.servicepart1 .left a{display:inline-block;margin:5px 0 0;padding:0 10px;border:1px solid #ddd;border-radius:25px}
.servicepart1 p.img{position:relative;display:inline-block;overflow:hidden;margin:0 0 0 1%;padding:0;width:calc(99% - 305px);border-radius:15px;vertical-align:bottom;font-size:0;line-height:0}
.servicepart1 p.img img{width:100%;height:auto}
.servicepart1 ul{display:inline-block;margin:10pc 0 0 70px;padding:80px 0 80px;width:200px;border-radius:100px;background:#ffbf25;vertical-align:top}
.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 0 0 2%;padding:0;width:calc(98% - 321px)}
.servicepart1 .text p.img{margin:0 0 50px;width:100%;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:-30px auto 50px;width:90%;max-width:825pt}
ul.caseslist li{display:block;margin:0;padding:20px 5%;width:100%;border-radius:15px;background:#eaeaea}
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:#ffbf25;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 0 0 270px;width:90%;max-width:75pc;background:url(../images/icon.png) no-repeat 50px 75pt}
.casemain h1{margin:0 0 30px;padding:15px 5%;border-radius:50px;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:87pt;left: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}
.pages{margin:0 auto 5pc;padding:0 0 0 300px;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,a.mo53kf,a.moline{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:#ffbf25 url(../images/moblie/photo2.png) no-repeat 10% center;background-size:auto 50%}
a.moonline,a.motel,a.mo53kf,a.moline{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%}
a.mo53kf{left:50%;background:#ff9899 url(../images/moblie/online_contact.png) no-repeat 10% center;background-size:auto 50%}
a.moline{left:50%;background:#3eb926 url(../images/moblie/line.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;}
header .main a.logo{display:block;width:267px;height:55px; margin:0 0 0 10px; background:url(../images/logo2.png) no-repeat;text-indent:-5000px}
header .main nav{position:fixed;top:70px;left:0;display:none;padding:30px 0 0;width:100%;height:100%;background:#f3f3f3; z-index:999;}
header .main nav a{display:block;margin:0 auto 15px;width:80%;color:#333;text-align:center}
header .navmain{display:none!important}
.banner{overflow:hidden}
.banner .img{width:100%}
.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 .telbox{margin:-50px auto 0 auto;}
.banner .telbox .main{padding:15px 30px;width:100%; border-radius:50px;}
.banner .telbox .main a.tel{padding:0 0 8px;font-size:32px;line-height:42px; letter-spacing:3px; font-family: arial;}
.banner .telbox .main a.btn img{width:30px}
.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:60%}
.indexteam .main a{display:block;margin:0 0 15px;width:60%}
.indexcase .left,.indexcase .right,.indexcase .right.video{float:none;margin:0 auto 30px;width:100%}
.indexcase .left{margin:0 auto 30px;width:80%}
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{margin:-90pt 0 0;padding:150px 0 0;width:100%}
.aboutpart1 .text img{top:-60px;right:inherit;bottom:inherit;left:-50px;width:auto;height:180px}
.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%}
.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%}
.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{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 0 0;}
#case-tab .tab_container ul { height:230px; 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%;}
}