@charset "utf-8";

@import url("https://fonts.googleapis.com/css?family=Noto+Serif+TC&display=swap");
@import url('https://fonts.googleapis.com/css2?family=EB+Garamond&family=PT+Serif&display=swap');

body {
	background-color: #FFF;
	margin: 0px;
	color: #616161;
	font-size: 12px;
	background-image: url(images/index_bk.gif);
	background-repeat: repeat-x;
}
ul.sp_service { display: none;}
ul.sp_others { display: none;}
a{
	color: inherit;
	text-decoration: none;
}
a:hover{
	color: inherit;
	text-decoration: none;
}
div.mmenu { display:none;}
div.mobile { display:none;}
.sptel { display: none;}
#box {
	width: 100%;
	overflow: hidden;
	margin:-30px 0 0 0;
	padding:50px 0 0 0;
	background-color: #FFF;
}
#top {
	width: 906px;
	height: 159px;
}
#top02 {
	float: left;
	width: 512px;
	overflow: hidden;
	height: 159px;
	text-align: right;
}
#top02_01 {
	height: 17px;
	padding-top: 45px;
	padding-right: 5px;
}
#top02_02 { width:512px; height:97px; background:url(images/top_02.jpg) left top no-repeat; position:relative;}
#google_translate_element { position:absolute; right:20px; top:35px;}

#logo {
	float: left;
	width: 394px;
	overflow: hidden;
}
#menu {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 3px;
	padding-left: 45px;
}
#menu a{
	color: #FFFFFF;
	text-decoration: none;
}
#menu a:hover{
	color: #FFFF66;
	text-decoration: none;
}
#menu02 {
	width:90%; max-width:1300px; margin:0 auto;
	font-size: 12px;
	color: #555;
	text-decoration: none;
	text-align: right;
}
#menu02 a{
	color: #555;
	text-decoration: none;
}
#menu02 a:hover{
	color: #333333;
	text-decoration: none;
}
#content{
	width: 90%; max-width:1300px;
	margin: 10px auto 0 auto; padding:0 0 50px 0; overflow:hidden;
}
#content.index{ overflow:visible; padding:0;}


#leftbox {
	width: 100%; background:#eeeeee; position:relative; clear: both; font-size:0; letter-spacing:0;
}
#leftbox::after{ content:''; display:block; width:100vw; height:100%; background:#eeeeee; position:absolute; left:50%; transform: translateX(-50%); top:0; z-index:1;}
#leftbox::before{ content:''; display:block; width:100vw; height:100%; background:#214b7a; position:absolute; left:65%; top:0; z-index:2;}

#leftbox02 {
	width: 270px;
	padding: 0 0 30px 0;
	float: left;
	overflow: hidden; background:#eeeeee;
}
#leftbox03 {
}

#leftbox04 {
	background-image: url(images/leftbox03.jpg);
	background-repeat: no-repeat;
	height: 15px;
}

.left_menubox { display:inline-block;
	width: 35%; position:relative; z-index:2;
}


.left_menubox p.img{ width:100%;}
.left_menubox p.img img{ width:100%;}

.indexlaw{ display:inline-block; width: 25%; padding:50px 0 80px 5%; position:relative; z-index:2; background:#214b7a;}
.indexlaw .left_menubox{ width:100%; color:#FFF;}
.indexlaw .left_menubox:first-child{ margin:0 0 20px 0;}
.left_menutitle { width:90%; margin:0 0 10px 0; padding:15px 0; border-bottom:1px solid #CCC;}

.indexlaw .left_menutitle{ padding:0 0 10px 0; border-bottom:1px solid rgba(255,255,255,0.3);}
.left_menutitle h2{ font-size:20px;}
.indexlaw .left_menutitle h2{ color:#FFF;}
.left_menutext { width:80%; margin:0 auto;
	font-size: 16px;
	line-height: 29px;
	overflow: hidden;
}
#contentbox .left_menutext { width:calc(100% - 50px);}
#leftbox .left_menutext { width:100%;}
.left_menutext ul{ margin:0; padding:0 0 0 20px; color:#888; font-size:18px; line-height:36px;}
.left_menutext ul li{ line-height:100%; border-bottom:1px solid #ccc; border-top:1px solid #FFF; margin:0 0 0 0; padding:15px 0 10px 0; font-weight: bold;}
.left_menutext ul li:first-child{ border-top: none;}
.left_menutext ul li:last-child{ border-bottom: none;}
.left_menutext ul li a{ color:#333;}

.left_menutext p { font-size:13px; line-height:13px; color:#FFF;}
.left_menutext p a{ color:#FFF;}
#left_menubox02 {
	margin-right: 6px;
	margin-left: 6px;
	margin-bottom: 10px;
	overflow: hidden;
}
.left_menubox03 {
	width: 100%; margin:0 0 20px 0; background:#214b7a; padding:30px 0 15px 0;
}
.left_menubox03  h2{ display:block; width:80%; margin:0 auto; color:#FFF; font-size:20px; line-height:22px;}
.left_menubox03  h2 span{ display:block; font-size:13px; color:#ff6305;}
.text_link02 {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 20px;
	color: #616161;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #999999;
}
.text_link02:hover{
text-decoration: none;
color: #993300;
}
.text_link02_2 {
	font-size: 18px;
	line-height: 36px;
	color: #333;
	text-decoration: none;
}
.indexlaw .text_link02_2 { color:#FFF;}
.text_link02_2:hover{
    text-decoration: none;
    color: #a0834a;
}
.text_link03 {
	font-family: "新細明體";
	font-size: 12px;
	line-height: 20px;
	color: #FF0000;
	text-decoration: none;
}
.text_link03:hover{
    text-decoration: underline;
    color: #FF0000;
}
#contentbox {
	width: calc(97% - 270px);
	float: right;
	margin:0 0 50px 3%;
}
#contentbox02 {
	width: calc(97% - 270px);
	float: right;
	margin:0 0 50px 3%;
}
#contentbox02_2 { padding:25px 0 25px 30px; margin: 0 0 30px 0; border-bottom:1px solid #CCC;  border-top:1px solid #CCC; position:relative;}
#contentbox02_2 img{ display: none;}
#contentbox02_2::after{ content:''; display:block; width:30px; height:2px; background:#ff6305; position:absolute; bottom:-1px; left:0;}
#contentbox02_2::before{ content:''; display:block; width:100px; height:2px; background:#333; position:absolute; bottom:-1px; left:30px;}
#contentbox02_content { font-size:16px; line-height:29px;
}
#contentbox02_content table{ width:100%;}
#contentbox02_content table input[type=text]{ width:calc(100% - 30px); padding:0 15px; height:40px; background:#f1f1f1; border:1px solid #ccc;}
#contentbox02_content table textarea{ width:calc(100% - 30px); padding:10px 15px; height:120px; background:#f1f1f1; border:1px solid #ccc;}
#contentbox02_3 {
}
.font01 {
	color: #5777A2;
}

h1{
	color: #5777A2;
	font-size:15px;
	margin:0;
}

h2{
	color: #5777A2;
	font-size:13px;
	margin:0;
}

.font02 {
	color: #616161;
	line-height: 25px;
}
.font02:link {
	color: #5777A2;
}
.font02:hover {
	color: #5777A2;
	text-decoration: underline;
}
.font02:visited {
	color: #5777A2;
}
.font03 {
	color: #518A62;
	line-height: 25px;
}
.font03:link {
	color: #518A62;
}
.font03:hover {
	color: #518A62;
	text-decoration: underline;
}
.font03:visited {
	color: #518A62;
}
.font04 {
	color: #518A62;
}
.contentbox_01 {
	overflow: hidden;
	margin-bottom: 8px;
}
.contentbox_03 { margin:-5% 0 50px 0;}
.contentbox_03 p.img{ display:inline-block; width:42%; margin:0 0 0 -12%; position:relative; z-index:2;}
.contentbox_03 p.img img{ width:120%;}
#abgne_fade_pic {
	 display:inline-block;
	position: relative; z-index:1;
	width: 68%;

}
#abgne_fade_pic img{ width:100%;}
#abgne_fade_pic a.ad {
	display:block; width:100%;
	position: absolute;	/* 讓圖片疊在一起 */

}
#abgne_fade_pic .control {
	position: absolute;
	left: 70%;
	bottom: -30px;
}
#abgne_fade_pic .control a {
	display: inline-block;
	padding: 2px;
	margin: 0 2px;
	width: 12px;
	color: #fff;
	background: #000;
	text-align: center;
	font-size: 12px;
	text-decoration: none;
	font-family:Arial;
}
#abgne_fade_pic .control a.on {
	font-weight: bold;
	color: #f00;
}
	
.contentbox_02 {
	overflow: hidden;
	margin-bottom: 60px;
}
.contentbox_02  .contentbox_02title{ border-radius:50px;}
.contentbox_02 h1{ font-size:20px; margin:0 0 15px 0;}
.contentbox_02_2 {
	overflow: hidden;
	margin-bottom: 60px;
}
.certificate{ margin:80px 0 0 0; overflow:visible;}
.certificate .contentbox_02title{ width:50%; border-radius:50px;}
.certificate .left_menutext{ overflow:visible;}
.certificate p{ display:inline-block; width:50%; font-size:16px; line-height:29px; color:#333; vertical-align: top;}
.certificate p strong{ display:block; margin:15px 0 0 0; padding:15px 0 0 0; border-top:1px solid #ccc;}
.certificate img{ display:inline-block; width:45%; margin:-15% 0 0 4%; vertical-align: top;}
.contentbox_02title {
	width: 100%; margin:0 0 20px 0; background:#214b7a; padding:30px 0 15px 0;
}
.certificate .contentbox_02title{ background: #de5b0b;}
.contentbox_02title h2{ display:block; width:80%; margin:0 auto; color:#FFF; font-size:20px; line-height:22px;}
.contentbox_02title h2 span{ display:block; font-size:13px; color:#ff6305;}
.certificate .contentbox_02title h2 span{ color:#ffd1b5;}
#contentbox .contentbox_02title{ padding:13px 0 10px 0;}
#contentbox .contentbox_02title h2{ width:100%; padding:0 25px; font-size:24px; line-height:25px;}
#contentbox .contentbox_02title h2 span{ display:inline-block; margin:0 0 0 8px; vertical-align: middle;}

#activity_pic {
	width: 35%;
	overflow: hidden;
	float: left;
}
#activity_pic img{ width:100%; height:auto;}
#activity_text {
	overflow: hidden;
	width: 60%; margin:0 0 0 5%;
	float: left;
}
#activity_text  h3{ font-size:22px; color:#8d6a4d;}
#activity_text  h3::after{ content:''; display:block; width:40px; height:2px; margin:15px 0 0 0; background:#8d6a4d;}
#rightbox {
	width: 270px; padding:0 0 30px 0;
	float: left;
	overflow: hidden; background:#eeeeee;
}
#rightbox_01 {
	width: 100%;
}
#rightbox_02 { text-align:center; margin:0 0 15px 0;}

#right_menutext { width:80%; margin:0 auto 30px auto;
	font-size: 18px;
	line-height: 36px;
	color: #9d60a4;
	text-decoration: none;
}
#right_menutext ul{ padding:0 0 0 20px; color:#888;}
#right_menutext ul li{ line-height:100%; border-bottom:1px solid #ccc; border-top:1px solid #FFF; margin:0 0 0 0; padding:15px 0 10px 0;}
#right_menutext ul li:first-child{ border-top: none;}
#right_menutext ul li:last-child{ border-bottom: none;}
#right_menutext a{
	color: #333;
	 font-weight: bold;
	text-decoration: none;
}
#right_menutext a:hover{
	color: #333333;
	text-decoration: none;
}
.bannerbox { text-align:center;}
.bannerbox img { margin:0 0 8px 0;}
p.gov { line-height:24px; padding:0 0 0 12px;}

#linkbox {
	clear: both;
	overflow: hidden;
	width: 90%; max-width:1300px; margin:0 auto; padding:50px 0;
}
#linkbox .title{ display:block; font-size:20px; font-weight: bold; border-bottom:1px solid  #925F50; color: #925F50; margin:0 0 15px 0; padding:0 0 10px 0;}
#textbox_link {
	font-size:15px;
	line-height: 29px;
	color: #925F50;
}
#textbox_link a{
color: #925F50;
text-decoration: none;
}
#textbox_link a:hover{
color: #925F50;
text-decoration: underline;
}
#textbox_link td { width:calc(100% / 7); vertical-align:top; text-align:left;}
#copyright {
	width: 100%; padding:30px 0; background:#333;
	color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	clear: both;
	overflow: hidden;
	font-size:13px;
}
#copyright a{
	color: #FFF;
	text-decoration: none;
}
#copyright a:hover{
	color: #000000;
	text-decoration: none;
}
.left_menutitle h2{ color: #111;}

#contentbox02_2 h1{ display:block; font-size:24px; line-height:26px; color:#111;}

#contentbox02_content h2{
	color: #5777A2;
	font-size:10px;
	font-size:18px;
	line-height: 29px;　　
}
#contentbox02_content h3{
	color: #5777A2;
	font-size:18px;
	line-height: 29px;　　
}
#contentbox02_content h4{
	color: #5777A2;
	font-size:18px;
	line-height: 29px;　　
}
img.indexsp { display: none !important;}
.mob_contact{display:none;}

header{ display:block; width:100%; background:#FFF;}
header .top{ display:block; width:90%; max-width:1300px; margin:0 auto; padding:20px 0 30px 0; overflow:hidden;}
header .top .logo{ display:inline-block; font-size:30px; line-height:32px; color:#111;font-family:'Noto Serif TC', serif; font-weight: bold;}
header .top .logo span{ display:block; font-size:15px; letter-spacing:8px; font-weight: normal;}
header .top .tel{ display:inline-block; padding:28px 0 0 0; float: right; font-family:Arial;}
header .top .tel a{ display:inline-block; font-size:40px; line-height:40px; color:#857567 ; font-weight: bold; vertical-align: middle;}
header .top .tel span{ display:inline-block; margin:0 10px 0 0; font-size:18px; color:#333; vertical-align: middle;}

header nav{ display:block; width:90%; max-width:1300px; margin:0 auto; height:70px; background:#0d76b2; position:relative; z-index:2; text-align:center; border-bottom:2px solid #ff6305;}
header nav a{ display:inline-block; padding:0 15px; font-size:18px; font-weight: bold; line-height:70px; color:#FFF;}
header nav a:hover{ background:#122a45; color:#FFF;}

.banner{ display:block; width:100%; margin:-35px 0 10px 0; padding:20vh 0 0; position:relative; z-index:1; background:#111; overflow:hidden;}
.banner::after{ content:''; display:block; width:100%; height:26%; background:#FFF; position:absolute; bottom:0; left:0; z-index:2} 
.banner::before{ content:''; display:block; width:35%; height:100%; background:#0d316d; opacity:0.8; position:absolute; bottom:0; left:0; z-index:2} 
.banner .video{ display:block; width:100%; position:absolute; top:25%; left:0; transform: translateY(-50%); z-index:1; opacity:0.6;}
.banner .admain{ display:block; width:90%; max-width:1200px; margin:0 auto; position:relative; z-index:5;}
.banner .admain .ad{ display:block;}
.banner .admain .ad p.img{ display: inline-block; width:38%; vertical-align: middle;}
.banner .admain .ad p.img img{ display:block; width:100%; height:auto;}
.banner .admain .ad .text{ display:inline-block; width:56%; margin:0 0 0 5%; padding:50px 0 0 0; vertical-align: middle;}
.banner .admain .ad .text .en{ display:block; margin:0 0 0 0; font-size:80px; line-height:80px; font-family:Josefin Sans; color:#FFF; text-transform:uppercase}
.banner .admain .ad .text .title{ display:block; font-size:0; letter-spacing:0;}
.banner .admain .ad .text .title span{ display:inline-block; width:80px; padding:40px 0 0 5px; border-right:1px solid #ff6305; font-size:20px; color:#ff6305; font-family:Josefin Sans; }
.banner .admain .ad .text .title strong{ display:inline-block; width:calc(100% - 96px - 20px); padding: 0 0 0 20px; font-size:28px; line-height:40px; color:#111;}

.banner.pages{ padding:10vh 0 0 0;}
.banner.pages .admain .ad p.img{ display: inline-block; width:25%; vertical-align: bottom;}
.banner.pages .video{ opacity:0.3;}
.banner.pages .admain .ad{ width:90%; margin:0 auto;}
.banner.pages .admain .ad .text{ width:69%; margin:0 0 0 5%; padding:0 0 30px 0;}
.banner.pages .admain .ad .text .en{ margin:0 0 0 0; font-size:55px; line-height:55px; opacity:0.5; font-family:Josefin Sans; }
.banner.pages  .admain .ad .text .title span{ padding:20px 0 0 0;}
.banner.pages::after{ height:23%;} 

footer{ display:block; width:100%; padding:18vh 0 22vh 0 ; background:url(images/footer_bg.jpg) no-repeat center center; background-size:cover; background-attachment:fixed; clear: both;}
footer .btn{ display: flex; width:90%; max-width: 1000px; margin:0 auto;}
footer .btn a{ display:block; width:calc(50% - 10px - 130px); padding:35px 0 35px 130px; border:5px solid #214b7a; font-size:22px; line-height:25px; color:#FFF; font-weight: bold; position:relative;}
footer .btn a span{ display:block; font-size:13px; color:#ff6305;}
footer .btn a:first-child{ background: #214b7a;}
footer .btn a::before{ content:''; display:block; width:76px; height:65px; background:url(images/footer_icon2.png) no-repeat center center; position:absolute; top:35px; left:30px;}
footer .btn a:first-child::before{ background:url(images/footer_icon.png) no-repeat center center;}
footer .btn a::after{ content:''; display:block; width:50px; height:30px; border-left:1px solid rgba(255,255,255,0.3); background:url(images/btn_icon.png) no-repeat right center; position:absolute; top:calc(50% - 15px); right:30px;}

footer .link{ display: block; width:90%; max-width: 1000px; margin:50px auto 0 auto; font-size:13px; line-height:18px; color:#A4A4A4;}

a.motel{ display: block; width:50px; height:110px; padding:50px 0 0 0; background:#857567 url(https://more007.free-legalservice.com/wp-content/uploads/2022/02/photo2.png) no-repeat center 15px; background-size:30px auto; position:fixed; top:calc(50% - 160px); right:0; font-size:16px; line-height:20px; text-align:center; color:#FFF; border-top-left-radius:10px; z-index:999;}
a.moonline{ display: block; width:50px; height:115px; padding:45px 0 5px 0; background:#54af1c url(https://more007.free-legalservice.com/wp-content/uploads/2022/02/online2.png) no-repeat center 15px; background-size:30px auto; position:fixed; top:50%; right:0; font-size:16px; line-height:17px; text-align:center; color:#FFF; border-bottom-left-radius:10px; z-index:999;}

a.more{ display:block; width:100%; max-width:150px; margin:15px auto 0 auto; background:#aaa; border-radius: 15px; text-align:center; color:#FFF; font-size:15px; line-height:26px;}
#leftbox a.more{ margin: 15px 0 0 0; max-width:100px;}
.indexlaw a.more{ background:#6a8eb7;}

.mtel{ display: none;}

@media screen and (max-width: 750px) {
body { font-size: 16px;}

.mtel{ display:block; width:80%; margin:30px auto 0 auto; font-size:18px; font-weight: bold;}
.mtel a{ font-size:35px; color: #ff6305}

div.mmenu{ display:block; width:50px; height:50px; position:absolute; top:15px; right:10px; background:url(images/nav-icon.png) no-repeat center center; border-radius:10px; z-index:1001;}
div.mobile { display: none; width:100%; position:absolute; top:-50px; left:0; background:#000; opacity:0; z-index:9999;}
div.mobile a.close{ display:block; width:50px; height:50px; margin:0 auto; background: url(images/close.png) no-repeat center center;}
div.mobile ul{ display:block; width:100%; margin:0 auto; padding:0; overflow: hidden;}
div.mobile ul li{ display:block; width:50%; margin:0; border:0; float: left; }
div.mobile li.member { background: #b19999;}
div.mobile li a { display:block; text-align:center; font-size: 14px; color:#fff; text-decoration:none; padding:10px 0; font-family:"微軟正黑體";}
.sptel { display: none; margin: 0 auto 25px 0; padding:20px 2% 20px 2%; background: #eee;}
.sptel img { width:100%;}
img.indexpc { display: none;}
img.indexsp { display: inline !important;}
#box { width: 100%;}
#top { width: 100%; height: auto;}
#logo { float: none; width: 100%;}
#top #logo img { width: 100% !important; height: auto;}
#top02 { display: none; float: none; width: 100%; height: 35px; text-align: center; background:#eee; }
#top02 #top02_01 { display: none;}
#top02 #top02_02 { background: none; width: 100%; height: 25px; }
ul.sp_service { display: flex; width:90%; background:#FFF; list-style: none; margin: 0; padding: 25px 5%; flex-wrap:wrap;}
ul.sp_service li { width:calc(48% - 2px - 30px); margin:0 1% 8px 1%; padding: 10px 15px; text-align: center; border: 1px solid #ccc; background:#f1f1f1}
ul.sp_service li:first-child { width:100%; border: none; font-weight: bold; background: none; color:#111; font-size:18px;}
ul.sp_service li a { color: #333;}
ul.sp_others { display: none; width:90%; background:#6a3223; list-style: none; margin: 0; padding: 25px 5%; }
ul.sp_others li { padding: 10px 0; text-align: center; border-bottom: 1px dotted #c29f87;}
ul.sp_others li:first-child { font-weight: bold; color: #ffcccc; border-bottom: 0;}
ul.sp_others li:last-child { border-bottom: 0;}
ul.sp_others li a { color: #fff;}
#google_translate_element { display: none; position: relative; right: auto; top:auto; margin: 0 auto; padding: 10px 0 0 0;}
#menu { display: none;}
#menu02 { display: none; padding: 8px 5% 0 5%; color: #987d7d;}
#content { width:100%; margin: 0 auto 15px auto;}
#leftbox { float: none; margin: 0 auto; padding:50px 0 0 0; width: 100%;}
#leftbox table { display: none; margin: 0 auto !important;} 
#contentbox { float: none; width:100%; margin: 0;}
.contentbox_03 { margin: 0; padding: 0; height: auto;}
.intaiwan { display: none;}
#abgne_fade_pic { display:block; width:95%; height: auto; margin:0 auto;}
#abgne_fade_pic img { width:100%; height: auto;}
#leftbox .left_menutext { display: block;}
.contentbox_02 { width: 95%; height: auto; margin:-50px auto 25px auto; padding: 0 0 10px 0; background: #fff; border-radius: 10px;}
.contentbox_02 .left_menutext { display: block;}
.contentbox_02_2 { width: 95%; height: auto; margin: 0 auto 20px auto; padding: 0 0 10px 0; background: #fff; border-radius: 10px;}
.contentbox_02_2 .left_menutext { display: block;}
.contentbox_02title { width:100%;}
.contentbox_02title img { width:100% !important; height: auto !important;}
.left_menutext { width: 90%; margin: 0 auto; }
#activity_pic { float: none; width: 100%; margin: 0 auto; }
#activity_text { float: none; width: 100%; margin: 0 auto; padding: 0; height: auto;}
#rightbox { display: none;}
#linkbox { display: none;}

#leftbox::before{ display: none;}
#copyright { width: 100%; height: auto; background: #333; margin: 0; padding: 20px 5% 80px 5%; font-size: 12px; line-height: 20px;}
.left_menutext { font-size: 20px; line-height: 30px;}
.left_menutext h1 { font-size: 23px; line-height: 32px;}
.left_menubox03 { display: none;}
.left_menutext { display: none;}
.left_menubox { display:block; width: 90%; height: auto; margin:0 auto 30px auto; float: none;}
.indexlaw{ width:100%; padding:50px 0;}
.indexlaw .left_menubox{ width:90%;margin:0 auto 0px auto;}
.indexlaw .left_menubox:first-child{ width:90%;margin:0 auto 30px auto;}
#leftbox03 { }
#leftbox04 { background: #fff;}
#leftbox03 .left_menubox03 { display: block;}
#leftbox03 .left_menutext { display: block;}
#leftbox02 { float:none; width:90%; margin: 0 auto 20px auto;}
#leftbox02 table { display: none;}
#contentbox02 { width: 100%; float: none; width: 90%; margin: 0 auto; border-radius: 10px;}
#contentbox02_content { font-size: 20px; line-height: 30px;}
#contentbox02_content h1 { font-size: 20px; line-height: 30px;}
#contentbox02_content h2 { font-size: 20px; line-height: 30px;}
#contentbox02_content img { max-width: 100% !important; height: auto;}
#contentbox02_content h3 { font-size: 20px; line-height: 30px;}
#contentbox02_content h4 { font-size: 20px; line-height: 30px;}
#contentbox02_content strong { display: block;}
.text_link02_2 { font-size: 20px; line-height: 30px;}
.text_link03 { font-size: 20px; line-height: 30px; }
#contentbox02_content .text_link03 strong { display: inline;}
.contactform td { display: block; text-align: left;}
.contactform td div { text-align: left;}
table.sitemap { width: 100%;}
table.sitemap td { display: block; width: 100%; font-size: 12px; line-height: 20px; margin: 10px 0 0 0;}
table.slist { width: 100%;}
table.slist td { display: block; width: 100%;  font-size: 20px; line-height: 30px; margin: 10px 0 0 0;}
table.slist td span.font02 {  font-size: 20px; line-height: 30px !important; }
.mob_contact{display: none;}
header{ margin:0 0 30px 0;}
header .top{ padding:10px 0 30px 0;}
header .top .logo{ font-size:25px;}
header .top .tel{ display: none;}
header nav{ display: none;}
.banner{ margin:0 0 0px 0; padding:10vh 0 0 0;}
.banner .video{ width:auto; height:100%; top:-10%; left:50%; transform: translateX(-50%);}
.banner .admain .ad p.img{ display:block; width:50%; margin:0;}
.banner .admain .ad .text{ display:block; width:100%; padding:10px 0 0 0;}
.banner .admain .ad .text .en{ font-size:50px; line-height:45px; margin:0;}
.banner .admain .ad .text .title strong{ font-size:22px; line-height:26px;}
.banner .admain .ad .text .title span{ padding:30px 0 0 0;}
.banner.pages { padding:5vh 0 0 0;}
.banner.pages .admain .ad{ width:100%;}
.banner.pages .admain .ad p.img{ display:block; width:30%; margin:0;}
.banner.pages .admain .ad .text{ display:block; width:100%; padding:10px 0 0 0;}
.banner.pages .admain .ad .text .en{ font-size:40px; line-height:45px; margin:-25% 0 0 0; padding:0 0 0 20%;}
.banner.pages .admain .ad .text .title strong{ font-size:22px; line-height:26px;}
.banner.pages .admain .ad .text .title span{ padding:30px 0 0 0;}

.banner::after,.banner.pages::after{ height:62px;}
#abgne_fade_pic .control{ left:5%;}
.contentbox_03 p.img{ width:100%; text-align: right;}
.contentbox_03 p.img img{ margin:0 -15% 0 0; width:60%;}

.certificate .contentbox_02title{ width:100%;}
.certificate .left_menutext{ display:flex; flex-direction:column-reverse;}
.certificate img{ width:100%; margin:0 0 15px 0;}
.certificate p{ width:100%;}

a.motel{ display: block; width:50%; height:40px; background:#857567 url(https://more007.free-legalservice.com/wp-content/uploads/2022/02/photo2.png) no-repeat 10% center; background-size: auto 50%; position:fixed; top:inherit; bottom:0; left:0px; padding:0; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體"; text-decoration:none; border-radius:0;}
a.motel br{ display: none;}
a.moonline{ display: block; width:50%; height:40px; background:#54af1c url(https://more007.free-legalservice.com/wp-content/uploads/2022/02/online2.png) no-repeat 10% center; background-size: auto 50%; position:fixed; top:inherit; bottom:0; left:50%; font-size:16px; line-height:40px; color:#FFF; font-weight: bolder; text-align:center; z-index:999; font-family:"微軟正黑體";text-decoration:none; padding:0; border-radius:0;}
a.moonline br{ display: none;}

footer{ background-size:cover; background-attachment:inherit;}
footer .btn{ display:block;}
footer .btn a{ width:calc(100% - 10px - 130px);}
}