@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 #d50e5f; border-radius:0; z-index: 999;}
header .main{display:block;overflow:hidden;margin:0 auto;padding:20px 0 0;width:100%; height:100%; }
header .main .logo-wrapper{ position:absolute; top:10px; left:0px; display:flex; flex-direction:column; align-items:center; width:200px; }
header .main a.logo{ display:block;width:180px;height:80px; margin:0 auto 5px auto; background:url(../images/logo2.png) no-repeat center; background-size:contain; text-indent:-5000px;}
header .main .logo-text { font-size:14px; color:#555; font-weight:bold; font-family:"微軟正黑體"; letter-spacing:1px; text-align:center;}
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:#ff718f;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 p{border-bottom:1px solid #fc8bb9;margin:0 0 10px; padding:0 0 10px 0;}
.banner .telbox .main a.tel{display: inline-block; margin:0 5px; padding:0 0 0 0;color:#fff000;letter-spacing:1px;font-weight:700;font-size:30px;font-family:Century Gothic;line-height:38px}
.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 #fc8bb9}

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:#ffc3d1; 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 #ffc3d1; background: #ffc3d1; cursor: pointer; border-radius: 8px 8px 0 0; font-family:"微軟正黑體"; font-size:16px; }
#case-tab .tabs li.active { background: #f23d67; padding-bottom: 1px; border-bottom: none; color:#fff;}
#case-tab .tabs li.hover{ background: #f23d67; 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 #ffc3d1; 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; font-size: 0; letter-spacing: 0;}
.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:#f23d67;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:#f23d67;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:#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:#f23d67;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}

.moneyservice{ display:block;margin:0 auto 5pc;width:90%;max-width:75pc;  font-size: 0; letter-spacing: 0;}
.moneyservice ul{display: inline-block; width: 50%; vertical-align:  middle;}
.moneyservice ul li{ display: inline-block; width: 47%; margin: 0 3% 15px 0;}
.moneyservice ul li a{ display: block; width: 100%; height: 50px; padding: 0 30px; border: 1px solid #CECECE; border-radius: 25px; font-size: 18px; line-height: 50px; letter-spacing: 1px;}
.moneyservice .img{display: inline-block; width: 50%; vertical-align:  middle; position: relative;}
.moneyservice .img img{ width:100%; height: auto;}
.moneyservice .img .title{position:absolute;top:5%; right:-5%; display:inline-block;color:#f23d67;text-align:right;font-size:60px;font-family:Adobe Garamond Pro;line-height:86px}
.moneyservice .img .title h2{float:right;display:inline-block;color:#111;letter-spacing:1px;font-size:28px;font-family:"微軟正黑體";line-height:30px}
.moneyservice .img .title img:after{display:inline-block;margin:-2px 0 0 10px;width:20px;height:1px;background:#f23d67;content:'';vertical-align:middle}
.moneyservice .img .title span{float:left;margin:0 0 0 10%;color:#f23d67;letter-spacing:1px;font-size:9pt;font-family:Century Gothic;line-height:30px}

.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:#f23d67;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}

.indexabout .text2{ display: flex; flex-wrap: wrap; width: calc(100% + 75px); margin: 0 0 0 -75px; padding: 40px 0 0 0; clear:  both;}
.indexabout .text2 h2{ display: block; margin: 15px 0 0 0; width: 100%; font-size: 20px;}
.indexabout .text2 p.lawtext{ width: 75%; margin: 0 0 0 5%; font-size: 16px; line-height: 32px;}
.indexabout .text2 p.lawtext strong{ display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; font-size: 25px;}
.indexabout .text2 p.img{ width: 20%;}
.indexabout .text2 p.img img{ width: 100%;}

.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:#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:0px 0 0 0;padding:15px 0 0;width:210px;background:#ff718f; border-radius:15px; overflow:hidden;}
.indexcase .left p{display:block;overflow:hidden;margin:0 auto 10px;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 #f23d67}
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,#ffdfe1,#ffdee0)}
.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:#f23d67;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:#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{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:#d50e5f 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:#f23d67;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:#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 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:#d50e5f;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.moline,a.motel{display:none}

.contact{display:block;margin:0 auto 5pc;width:90%;max-width:75pc; padding:50px 0 0 0;}
.contact div.contactinfo { width:540px; padding: 30px 0 40px 0; font-size: 18px; color: #666; line-height: 36px; border-top: 1px dotted #999;}
.contact div.contactinfo span { color: #999;}
.contact div.contactinfo b { font-size: 24px; font-weight: normal;}
.contact div.contactinfo a { color:#666;}
.contact div.contactinfo strong a { font-size: 24px; font-weight: normal; color:#333;}
.contact div.contactinfo2 { display: none;}
.contact p.form { margin: 0 0 25px 0; padding: 0 0 0 0; font-size:24px; color: #111; line-height:30px;}
.contact p.line1 { height:50px; margin: 0 0 12px 0; overflow: hidden;}
.contact p.line1 input { float:left; width:calc(33.3% - 60px); height: 30px; margin: 0 20px 0 0; padding: 10px 20px; font-size: 18px; font-family: "微軟正黑體"; color: #666; line-height: 30px; border:0; background: #eee;}
.contact p.line1 input.nomargin { margin: 0; width:calc(33.3% - 40px);}
.contact div.tbox { height:290px; margin: 0 0 12px 0; overflow: hidden;}
.contact div.tbox textarea { width: calc(100% - 40px); height: 270px; margin: 0; padding: 10px 20px; font-size: 18px; font-family: "微軟正黑體"; color: #666; line-height: 30px; border:0; background: #eee;}
.contact p.line3 { height:50px; margin: 0 0 100px 0; padding:0 0px 0 0; overflow: hidden;}
.contact p.line3 input { float:left; width: 280px; height: 30px; padding: 10px 20px; font-size: 18px; font-family: "微軟正黑體"; color: #666; line-height: 30px; border:0; background: #eee;}
.contact p.line3 span { float: left; display: inline-block; width: 120px; height: 50px; padding:5px 0 0 5px; background: #000;}
.contact p.line3 span img.code { vertical-align: middle;}
.contact p.line3 span a img { vertical-align: middle;}
.contact p.line3 a.submit { float:right; display: block; width: 120px; height: 50px; margin: 0 15px 0 0; padding: 10px 0; font-size: 18px; color: #fff; line-height: 30px; text-align: center; background: #333;}
.contact p.line3 a.clear { float:right; display: block; width: 120px; height: 50px; padding: 10px 0; font-size: 18px; color: #b99c7e; line-height: 30px; text-align: center; background: #e9d9c8;}


@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:#d50e5f url(../images/moblie/photo2.png) no-repeat 10% center;background-size:auto 50%}
a.moline,a.motel{position:fixed;bottom:0;z-index:999;display:block;width:50%;height:60px;color:#fff;text-align:center;font-weight:bolder;font-size:18px;font-family:"微軟正黑體";line-height:60px}
a.moline{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;}
header .main{padding:7px 0 0 0; height:70px;}
header .main .logo-wrapper{ display:flex; width: 100%; flex-direction: row; align-items:center; margin:0 0 0 10px; height:55px; }
header .main a.logo{display:block;width:200px;height:45px; margin:0; background:url(../images/logo2.png) no-repeat left center; background-size:contain; text-indent:-5000px}
header .main .logo-text { font-size:15px; color:#555; font-weight:bold; margin-left:0px; border-left:1px solid #ccc; padding-left:10px; }
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; padding: 70px 0 0 0;}
.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;font-size:35px;line-height:50px; 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}
	
.moneyservice{margin:0 auto 50px auto; display: flex; flex-direction: column-reverse;}
.moneyservice ul{display: block; width: 100%;}
.moneyservice .img{display: block; width: 100%; margin: 0 0 20px 0;}
	
.indexqa{width:90%;border-radius:18px;text-align:center; padding:20px 5%;}
.indexqa .title a{display:block; width:100%; 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%;}
.contact{ padding:0;}
.contact p.line1 { height:auto;}
.contact p.line1 input { float:none;margin: 0 20px 12px 0;}
.contact div.tbox { height:200px;}
.contact div.tbox textarea { width: 90%; height: 180px;}
.contact p.line3 { position: relative; height:112px; margin: 0; padding: 0 0 50px 0;}
.contact p.line3 a.submit { position: absolute; left: 0; top:62px; float:none;}
.contact p.line3 a.clear { position: absolute; left: 135px; top: 62px; float:none;}

.contact p.line1 input { width: 90%; margin: 0 0 12px 0; padding: 10px 5%;}
.contact p.line1 input.nomargin { width: 90%; margin: 0 0 0 0; padding: 10px 5%;}
.contact div.tbox textarea { margin: 0; padding: 10px 5%;}
.contact p.line3 input { width: 45%; padding: 10px 5%;}
.banner .telbox .main p span{ display: none;}

    .indexabout .text2{  background: #f1f1f1; width: calc(100% + 30px); margin: 25px 0 0 -30px; padding: 20px 30px; border-radius: 30px;}
.indexabout .text2 p.lawtext{ width: 100%; margin: 0 auto 15px auto; font-size: 16px; line-height: 32px;}
.indexabout .text2 p.lawtext strong{ display: block; margin: 0 0 10px 0; padding: 0 0 10px 0; border-bottom: 1px solid #ddd; font-size: 25px;}
.indexabout .text2 p.img{  width: 60%; margin: 0 auto 15px auto;}
.indexabout .text2 p.img img{ width: 100%;}
    
}
/* 新增律師事務所專業服務區塊樣式 */
		.lawyer-professional-section {
			width: 90%;
			max-width: 1300px;
			margin: 100px auto 150px auto;
			font-family: "微軟正黑體", sans-serif;
			clear: both;
		}
		.lawyer-section-header {
			text-align: center;
			margin-bottom: 50px;
		}
		.lawyer-section-header .en-sub {
			display: block;
			color: #d50e5f;
			font-size: 14px;
			letter-spacing: 2px;
			font-weight: bold;
			margin-bottom: 10px;
		}
		.lawyer-section-header h2 {
			font-size: 32px;
			color: #111;
			font-weight: bold;
			margin: 0 0 15px 0;
			letter-spacing: 1px;
		}
		.lawyer-section-header .subtitle {
			font-size: 16px;
			color: #666;
			margin: 0;
		}
		.lawyer-services-grid {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			gap: 25px;
		}
		.lawyer-service-card {
			flex: 1;
			min-width: 280px;
			background: #fff;
			border: 1px solid #eee;
			border-radius: 16px;
			padding: 40px 30px;
			box-shadow: 0 5px 20px rgba(0,0,0,0.03);
			transition: all 0.3s ease;
			box-sizing: border-box;
		}
		.lawyer-service-card:hover {
			transform: translateY(-8px);
			box-shadow: 0 15px 35px rgba(213, 14, 95, 0.08);
			border-color: #ffc3d1;
		}
		.lawyer-service-card .icon-box {
			font-size: 36px;
			margin-bottom: 25px;
			background: #fff0f3;
			width: 70px;
			height: 70px;
			line-height: 70px;
			text-align: center;
			border-radius: 50%;
			display: inline-block;
		}
		.lawyer-service-card h3 {
			font-size: 22px;
			color: #111;
			font-weight: bold;
			margin: 0 0 15px 0;
		}
		.lawyer-service-card p {
			font-size: 15px;
			color: #666;
			line-height: 1.8;
			margin: 0 0 25px 0;
			overflow: hidden;
		}
		.lawyer-service-card .service-tags {
			display: flex;
			flex-wrap: wrap;
			gap: 8px;
		}
		.lawyer-service-card .service-tags span {
			background: #f7f7f7;
			color: #555;
			font-size: 15px;
			padding: 4px 12px;
			border-radius: 20px;
			border: 1px solid #eee;
		}
		.lawyer-service-card:hover .service-tags span {
			background: #fff0f3;
			color: #d50e5f;
			border-color: #ffc3d1;
		}

		/* 核心優勢樣式 */
		.lawyer-advantages-section {
			background: #fcf8f9;
			padding: 80px 0;
			margin: 60px 0 80px 0;
			width: 100%;
			font-family: "微軟正黑體", sans-serif;
			clear: both;
		}
		.advantages-container {
			width: 90%;
			max-width: 1300px;
			margin: 0 auto;
			display: flex;
			flex-wrap: wrap;
			justify-content: space-between;
			align-items: center;
			gap: 50px;
		}
		.advantages-left {
			flex: 1;
			min-width: 320px;
		}
		.advantages-left .en-sub {
			display: block;
			color: #d50e5f;
			font-size: 14px;
			letter-spacing: 2px;
			font-weight: bold;
			margin-bottom: 15px;
		}
		.advantages-left h2 {
			font-size: 32px;
			color: #111;
			font-weight: bold;
			margin: 0 0 20px 0;
			line-height: 1.3;
		}
		.advantages-left p {
			font-size: 16px;
			color: #666;
			line-height: 1.8;
			margin: 0 0 35px 0;
		}
		.advantages-left .adv-btn {
			display: inline-block;
			background: #d50e5f;
			color: #fff;
			font-size: 16px;
			font-weight: bold;
			padding: 15px 35px;
			border-radius: 30px;
			text-decoration: none;
			box-shadow: 0 8px 20px rgba(213, 14, 95, 0.2);
			transition: all 0.3s ease;
		}
		.advantages-left .adv-btn:hover {
			background: #f23d67;
			transform: translateY(-3px);
			box-shadow: 0 12px 25px rgba(213, 14, 95, 0.3);
		}
		.advantages-right {
			flex: 1.2;
			min-width: 320px;
			display: flex;
			flex-direction: column;
			gap: 30px;
		}
		.advantage-item {
			display: flex;
			align-items: flex-start;
			gap: 20px;
			background: #fff;
			padding: 25px 30px;
			border-radius: 12px;
			box-shadow: 0 4px 15px rgba(0,0,0,0.02);
			border: 1px solid #f3e8eb;
		}
		.advantage-item .num {
			font-size: 24px;
			font-weight: bold;
			color: #d50e5f;
			background: #fff0f3;
			width: 50px;
			height: 50px;
			line-height: 50px;
			text-align: center;
			border-radius: 8px;
			flex-shrink: 0;
		}
		.advantage-item .content h4 {
			font-size: 18px;
			color: #111;
			font-weight: bold;
			margin: 0 0 8px 0;
		}
		.advantage-item .content p {
			font-size: 14px;
			color: #666;
			line-height: 1.6;
			margin: 0;
		}

		/* 主持律師特色加強區塊（Banner下方） */
		.lawyer-profile-hero {
			width: 90%;
			max-width: 1300px;
			margin: 100px auto 70px auto;
			display: flex;
			flex-wrap: wrap; align-items: flex-start; flex-direction: row-reverse;
			gap: 50px;
			font-family: "微軟正黑體", sans-serif;
			box-sizing: border-box; border: 1px solid #f3e8eb; padding: 50px; border-radius: 50px;
			clear: both;
		}
		.lawyer-profile-hero:hover {
			box-shadow: 0 15px 50px rgba(213, 14, 95, 0.08);
			border-color: #ffc3d1;
		}
		.lawyer-portrait-container {
			flex: 1;
			min-width: 280px;
			max-width: 320px;
			position: relative;
			text-align: center;
			margin: 0 auto;
		}
		.lawyer-portrait-container img {
			width: 100%;
			height: auto;
			border-radius: 18px;
			box-shadow: 0 8px 25px rgba(0,0,0,0.1);
			border: 5px solid #fff;
			background: #fff;
			transition: all 0.3s ease;
		}
		.lawyer-portrait-container:hover img {
			transform: scale(1.03);
			box-shadow: 0 12px 30px rgba(213, 14, 95, 0.15);
		}

		.lawyer-info-container {
			flex: 2;
			min-width: 320px;
		}
		.lawyer-info-container .title-tag {
			display: inline-block;
			background: #d50e5f;
			color: #fff;
			font-size: 13px;
			font-weight: bold;
			padding: 5px 15px;
			border-radius: 20px;
			letter-spacing: 1px;
			margin-bottom: 15px;
		}
		.lawyer-info-container h2 {
			font-size: 38px;
			font-weight: 800;
			color: #111;
			margin: 0 0 10px 0;
			letter-spacing: 1px;
		}
		.lawyer-info-container h2 span {
			font-size: 18px;
			font-weight: 500;
			color: #666;
			margin-left: 15px;
		}
		.lawyer-motto {
			font-size: 18px;
			color: #d50e5f;
			font-weight: bold;
			line-height: 1.6;
			margin: 0 0 25px 0;
			border-left: 4px solid #ff718f;
			padding-left: 15px;
		}
		.lawyer-bio {
			font-size: 15px;
			color: #555;
			line-height: 1.8;
			margin: 0 0 30px 0;
		}
		.lawyer-specialties {
			margin-bottom: 30px;
		}
		.lawyer-specialties h4 {
			font-size: 16px;
			font-weight: bold;
			color: #111;
			margin: 0 0 12px 0;
			border-bottom: 1px solid #eee;
			padding-bottom: 8px;
		}
		.specialty-list {
			display: flex;
			flex-wrap: wrap;
			gap: 10px;
		}
		.specialty-list span {
			background: #fdf5f6;
			color: #d50e5f;
			border: 1px solid #fcd2d9;
			font-size: 13px;
			padding: 6px 15px;
			border-radius: 8px;
			font-weight: 600;
		}
		.lawyer-exp-box {
			background: #f9f9f9;
			border-radius: 16px;
			padding: 25px 30px;
			border: 1px solid #f0f0f0;
		}
		.lawyer-exp-box h4 {
			font-size: 16px;
			font-weight: bold;
			color: #111;
			margin: 0 0 15px 0;
		}
		.lawyer-exp-box ul {
			list-style: none;
			margin: 0;
			padding: 0;
			display: grid;
			grid-template-columns: 1fr 1fr;
			gap: 10px;
		}
		.lawyer-exp-box ul li {
			font-size: 14px;
			color: #555;
			line-height: 1.6;
			padding-left: 15px;
			position: relative;
		}
		.lawyer-exp-box ul li::before {
			content: '▪';
			color: #d50e5f;
			position: absolute;
			left: 0;
			top: 0;
		}
		.lawyer-profile-cta {
			margin-top: 30px;
			display: flex;
			gap: 15px;
		}
		.lawyer-profile-cta .btn-consult {
			display: inline-block;
			background: #d50e5f;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			padding: 12px 30px;
			border-radius: 30px;
			text-decoration: none;
			box-shadow: 0 6px 15px rgba(213, 14, 95, 0.15);
			transition: all 0.3s ease;
		}
		.lawyer-profile-cta .btn-consult:hover {
			background: #f23d67;
			transform: translateY(-2px);
			box-shadow: 0 10px 20px rgba(213, 14, 95, 0.25);
		}
		.lawyer-profile-cta .btn-line {
			display: inline-block;
			background: #06C755;
			color: #fff;
			font-size: 15px;
			font-weight: bold;
			padding: 12px 30px;
			border-radius: 30px;
			text-decoration: none;
			box-shadow: 0 6px 15px rgba(6, 199, 85, 0.15);
			transition: all 0.3s ease;
		}
		.lawyer-profile-cta .btn-line:hover {
			background: #05b04b;
			transform: translateY(-2px);
			box-shadow: 0 10px 20px rgba(6, 199, 85, 0.25);
		}

		@media screen and (max-width: 900px) {
			.lawyer-profile-hero {
				padding: 30px 25px;
				gap: 30px;
			}
			.lawyer-exp-box ul {
				grid-template-columns: 1fr;
			}
		}
		@media screen and (max-width: 650px) {
			.lawyer-profile-hero {
				display: block; margin: 60px auto;
			}
			.lawyer-portrait-container {
				margin-bottom: 30px;
			}
			.lawyer-info-container h2 {
				font-size: 30px;
				text-align: center;
			}
			.lawyer-info-container h2 span {
				display: block;
				margin-left: 0;
				margin-top: 5px;
			}
			.lawyer-profile-cta {
				flex-direction: column;
			}
			.lawyer-profile-cta a {
				text-align: center;
			}
		}

		/* 優勢區塊辦公室照片樣式 */
		.advantages-office-img {
			width: 100%;
			overflow: hidden;
			border-radius: 14px;
			box-shadow: 0 8px 25px rgba(213, 14, 95, 0.05);
			margin: 25px 0 30px 0;
			border: 4px solid #fff;
			box-sizing: border-box;
		}
		.advantages-office-img img {
			width: 100%;
			height: auto;
			display: block;
			transition: all 0.5s ease;
		}
		.advantages-office-img:hover img {
			transform: scale(1.05);
		}

		/* 全新 Banner 電話與法律團隊區塊樣式 */
		.banner-telbox-new {
			position: relative;
			z-index: 99;
			display: flex;
			flex-wrap: wrap;
			align-items: stretch;
			margin: -150px 0 40px 25%;
			width: 75%;
			max-width: 1200px;
			background: #fff;
			border-radius: 24px;
			box-shadow: 0 20px 50px rgba(0, 0, 0, 0.15);
			overflow: hidden;
			border: 1px solid #f0e6e8;
			box-sizing: border-box;
			font-family: "微軟正黑體", sans-serif;
			clear: both;
		}
		.banner-telbox-new .team-photo-column {
			flex: 0.7;
			min-width: 300px;
			position: relative;
			overflow: hidden;
			background: #eaeaea;
		}
		.banner-telbox-new .team-photo-column img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			display: block;
			transition: all 0.5s ease;
		}
		.banner-telbox-new .team-photo-column:hover img {
			transform: scale(1.04);
		}
		.banner-telbox-new .contact-info-column {
			flex: 1.7;
			min-width: 320px;
			padding: 45px 50px;
			display: flex;
			flex-direction: column;
			justify-content: center;
			box-sizing: border-box;
			background: #fff;
		}
		.banner-telbox-new .contact-info-column .title-sec {
			margin-bottom: 25px;
			text-align: left;
		}
		.banner-telbox-new .contact-info-column .title-sec span {
			display: inline-block;
			background: #fff0f3;
			color: #d50e5f;
			font-size: 13px;
			font-weight: bold;
			padding: 5px 15px;
			border-radius: 20px;
			margin-bottom: 10px;
			letter-spacing: 1px;
			border: 1px solid #ffd0d8;
		}
		.banner-telbox-new .contact-info-column .title-sec h3 {
			font-size: 28px;
			font-weight: 800;
			color: #111;
			margin: 0;
			letter-spacing: 1px;
			border-bottom: none;
			padding: 0;
		}
		.banner-telbox-new .tel-buttons-row {
			display: flex;
			gap: 15px;
			margin-bottom: 25px;
			flex-wrap: wrap;
		}
		.banner-telbox-new .tel-btn {
			flex: 1;
			min-width: 260px;
			background: linear-gradient(135deg, #ff718f, #f23d67);
			color: #fff !important;
			display: flex;
			align-items: center;
			padding: 20px 25px;
			border-radius: 18px;
			text-decoration: none;
			transition: all 0.3s ease;
			box-shadow: 0 8px 20px rgba(242, 61, 103, 0.25);
			box-sizing: border-box;
		}
		.banner-telbox-new .tel-btn:hover {
			transform: translateY(-4px);
			box-shadow: 0 12px 30px rgba(242, 61, 103, 0.4);
		}
		.banner-telbox-new .tel-btn .tel-icon {
			font-size: 30px;
			margin-right: 15px;
			background: rgba(255, 255, 255, 0.2);
			width: 54px;
			height: 54px;
			line-height: 54px;
			text-align: center;
			border-radius: 50%;
			display: inline-block;
			flex-shrink: 0;
		}
		.banner-telbox-new .tel-btn .tel-details {
			display: flex;
			flex-direction: column;
			text-align: left;
		}
		.banner-telbox-new .tel-btn .tel-details .tel-label {
			font-size: 12px;
			color: rgba(255, 255, 255, 0.85);
			font-weight: 600;
			margin-bottom: 4px;
			letter-spacing: 0.5px;
		}
		.banner-telbox-new .tel-btn .tel-details .tel-number {
			font-size: 26px;
			font-weight: 800;
			font-family: "Century Gothic", Arial, sans-serif;
			letter-spacing: 0.5px;
			line-height: 1.1;
		}
		.banner-telbox-new .tel-btn .tel-details .tel-click-hint {
			font-size: 10px;
			color: #fff000;
			font-weight: 700;
			margin-top: 3px;
			letter-spacing: 0.5px;
		}
		.banner-telbox-new .online-buttons-row {
			display: flex;
			gap: 15px;
			flex-wrap: wrap;
		}
		.banner-telbox-new .btn-online {
			flex: 1;
			min-width: 230px;
			display: flex;
			align-items: center;
			justify-content: center;
			height: 52px;
			font-size: 15px;
			font-weight: bold;
			border-radius: 30px;
			text-decoration: none;
			transition: all 0.3s ease;
			gap: 10px;
			box-sizing: border-box;
		}
		.banner-telbox-new .btn-online.line {
			background: #06C755;
			color: #fff !important;
			box-shadow: 0 6px 20px rgba(6, 199, 85, 0.2);
		}
		.banner-telbox-new .btn-online.line:hover {
			background: #05b04b;
			transform: translateY(-3px);
			box-shadow: 0 10px 25px rgba(6, 199, 85, 0.35);
		}
		.banner-telbox-new .btn-online.mail {
			background: #fcf8f9;
			color: #d50e5f !important;
			border: 1px solid #ffd0d8;
			box-shadow: 0 6px 20px rgba(213, 14, 95, 0.05);
		}
		.banner-telbox-new .btn-online.mail:hover {
			background: #fff0f3;
			transform: translateY(-3px);
			box-shadow: 0 10px 25px rgba(213, 14, 95, 0.15);
		}
		.banner-telbox-new .btn-online img {
			height: 24px;
			width: auto;
			display: inline-block;
			vertical-align: middle;
		}

		@media screen and (max-width: 990px) {
			.banner-telbox-new {
				margin: -80px auto 40px auto;
				width: 92%;
			}
			.banner-telbox-new .contact-info-column {
				padding: 35px 30px;
			}
		}

		@media screen and (max-width: 768px) {
			.banner-telbox-new {
				margin: -60px auto 30px auto;
				width: 94%;
				border-radius: 20px;
			}
			.banner-telbox-new .team-photo-column {
				display: block;
				height: 250px;
				width: 100%;
				flex: none;
			}
			.banner-telbox-new .contact-info-column {
				width: 100%;
				flex: none;
				padding: 30px 25px;
			}
			.banner-telbox-new .contact-info-column .title-sec h3 {
				font-size: 22px;
			}
			.banner-telbox-new .tel-buttons-row {
				display: block;
				margin-bottom: 20px;
			}
			.banner-telbox-new .tel-btn {
				margin-bottom: 12px;
				width: 100%;
			}
			.banner-telbox-new .online-buttons-row {
				display: block;
			}
			.banner-telbox-new .btn-online {
				width: 100%;
				margin-bottom: 12px;
			}
			
		}

/* ===== 將選單改到頁面上方 ===== */
@media screen and (min-width: 651px) {
    body { padding: 90px 0 0 0 !important; }
    
    header { width: 100% !important; height: 90px !important; border-left: none !important; border-bottom: 2px solid #eaeaea !important; box-shadow: 0 5px 25px rgba(0,0,0,0.05) !important; z-index: 1000 !important; }
    
    header .main { display: flex !important; justify-content: space-between !important; align-items: center !important; flex-direction: row !important; position: relative !important; padding: 0 4% !important; width: 100% !important; max-width: 1400px !important; margin: 0 auto !important; height: 100% !important; box-sizing: border-box !important; }
    
    header .main .logo-wrapper { position: relative !important; top: 0 !important; left: 0 !important; display: flex !important; flex-direction: row !important; align-items: center !important; width: auto !important; margin: 0 !important; gap: 5px !important; }
    header .main a.logo { position: relative !important; width: 240px !important; height: 50px !important; margin: 0 !important; background-size: contain !important; background-position: left center !important; }
    header .main .logo-text { font-size: 18px !important; color: #555 !important; font-weight: bold !important; border-left: 2px solid #ddd !important; padding-left: 12px !important; letter-spacing: 1px !important; }
    
    header .main nav { position: relative !important; top: 0 !important; left: 0 !important; transform: none !important; display: flex !important; flex-direction: row !important; padding: 0 !important; align-items: center !important; justify-content: center !important; gap: 30px !important; }
    
    header .main nav a { display: flex !important; flex-direction: column !important; align-items: center !important; justify-content: center !important; margin: 0 !important; padding: 0 !important; border-bottom: none !important; font-size: 17px !important; letter-spacing: 1px !important; }
    
    header .main nav a span { display: block !important; margin-top: 4px !important; font-size: 11px !important; color: #d50e5f !important; letter-spacing: 0 !important; }
    
    header .main a.line { position: relative !important; bottom: auto !important; left: auto !important; width: 120px !important; margin: 0 !important; }
    
    /* 滑鼠懸停顯示的次選單 */
    header .navmain { top: 90px !important; left: 0 !important; width: 100% !important; height: 0 !important; box-shadow: 0 15px 30px rgba(0,0,0,.08) !important; background: rgba(255,255,255,0.96) !important; backdrop-filter: blur(5px) !important; transition: height 0.3s ease, opacity 0.3s ease !important; }
    
    header .navmain .main { padding: 30px 4% !important; display: flex !important; justify-content: center !important; align-items: flex-start !important; max-width: 1400px !important; margin: 0 auto !important; height: auto !important; }
    
    header .navmain .main nav { position: relative !important; top: auto !important; left: auto !important; transform: none !important; display: flex !important; justify-content: center !important; width: 100% !important; }
    
    header .navmain .main nav p { display: flex !important; flex-wrap: wrap !important; justify-content: center !important; gap: 15px !important; margin: 0 !important; max-width: 1000px !important; }
    
    header .navmain .main nav p a { display: inline-block !important; margin: 0 !important; width: auto !important; padding: 8px 20px !important; background: #fff !important; border: 1px solid #eaeaea !important; border-radius: 25px !important; transition: all 0.3s ease !important; }
    
    header .navmain .main nav p a:hover { background: #fff0f3 !important; color: #d50e5f !important; border-color: #ffc3d1 !important; transform: translateY(-2px) !important; }
    
}