/*
Theme Name: CPA child
Template: cpa
Text Domain: cpa-child
*/

/*zubair artani 21/05/2020*/
#container .content_inner:nth-child(3){margin-top: 0;}
#container a {color:#00c;font-size:1.1em;line-height: 1.8em;}
#container a:hover {background-color: #ffdd57;padding: 3px 0px;}
#wrapper {max-width: 989px;width: 100%;}
#header {max-width: 989px;width: 100%;}
#navigation{width: 100%;}
#container {max-width: 988px;width: 100%;}
#container .content {max-width: 900px;width: 100%;}
#container .boxes {max-width: 950px;width: 100%;}
#footer {max-width: 982px;width: 100%;}
.flt_lft{max-width: 100%;}
#slider{width: 100% !important;}#container .boxes .last{max-width: 100%;}
#navigation {border-radius: 5px;border-bottom-right-radius: 0px;border-bottom-left-radius: 0px;}
.mob-res-navbar{display: none;}
.responsive-lang{display: none;}
#slider img{float: none;width:100%;}

nav {float: right;}
nav ul {list-style: none;margin: 0;padding: 0;}
nav ul li {float: left;position: relative;text-transform: uppercase;}
nav ul li a {display: block;padding: 0 20px;line-height: 70px;background: #ffffff;color: #463f3f;text-decoration: none;}
nav ul li a span {display: none;}
nav ul li a:hover {background: #f2f2f2;color: #fb5958;}
nav ul li.hasChildMenu:not(:only-child):after {padding-left: 4px;content: ' ▾';font-size: 17px;color: #000000;position: absolute;right: 20px;}
nav ul li ul li.hasChildMenu:not(:only-child):after {padding-left: 4px;content: ' ▾';font-size: 17px;color: #000000;position: absolute;right: 20px;top: 10px;}
nav ul li ul li {min-width: 190px;}
nav ul li ul li a {padding: 15px;line-height: 20px;}
#navigation .bg li ul li.current_page_item {
    background: red;
}
.nav-dropdown {position: absolute;z-index: 1;box-shadow: 0 3px 12px rgba(0, 0, 0, 0.15);display: none;}
.nav-mobile {display: none;position: absolute;top: 0;left: 0;height: 70px;width: 70px;}
.nav-list {display: block;}
ul.children{list-style-type: none;}
#respond {display: inline-block;margin-top: 10px;margin-bottom: 20px;}   
#respond .user-click {padding: 8px 16px;width: 156px;font-size: 15px;font-weight: bold;text-align: center;color: #fff;cursor: pointer;background-color: #e0983b;border-radius: 20px;}
#respond .comment-box {background: url('images/form-back.png') no-repeat;border: 1px solid #b9b7b7;border-radius: 12px;padding: 20px;margin-top: 20px;background-size: cover;padding-bottom: 0;}
#respond .comment-box form .comment {font-size: 12px;}
#respond .comment-box form p textarea {outline: none;font-size: 16px;width: 94%;border: 1px solid #cecccc;border-radius: 10px;padding: 10px 15px;resize: none;}
#respond .comment-box form p {display: inline-block;}
#respond .comment-box form p input{border: 1px solid #cecccc;width: 144px;height: 39px;border-radius: 7px;padding: 0px 12px;outline: none;}
#respond .comment-box form p input[type="submit"]{background-image: linear-gradient(to bottom, #d9d9d9, #e1e1e1, #e9e9e9, #f2f2f2, #fafafa);border-radius: 20px;border: 1px solid #d4d4d4;padding: 8px 20px;width:auto;font-size: 11px;font-weight: bold;color: #494949;letter-spacing: 0.5px;outline: none;cursor: pointer;height: auto;}
#respond .comment-box form p:last-child{display: block;}
#respond .comment-box form p .error{color: red;display: block;}
.commentlist{list-style-type:none;margin-bottom: 30px; }
.commentlist li {background: url('images/comment-bg.png');padding: 20px 20px;background-repeat: no-repeat;background-size: cover;margin-top: 20px;border: 1px solid #b9b7b7;border-radius: 10px;}
.commentlist li .comment-body .comment-author{float: left;width: 60%;color: #e0983b;}
.commentlist li .comment-body .comment-author h3 {font-weight: bold;font-size: 18px;}
.commentlist li .comment-body .comment-meta {float: right;width: 40%;color: #e0983b;text-align: right;font-weight: bold;}
.commentlist li .comment-body:after {content: ".";display: block;height: 0;clear: both;visibility: hidden}
.commentlist li .comment-body p{width: 100%;float: left;}  
body #container #post-1397 a {word-break: break-word;}

#cookie_law_notification a:last-child {display: none !important;}

/* ======= Media Queries =============*/
@media only screen and (max-width: 1280px) {
	#container .content_inner {width: 54%;margin-left: 4%;padding-right: 1%;}
	#container #boxes_right {width: 39%;margin-left:0px;margin-right: 0px;}
	#respond .comment-box form p input {width: 217px;}
}
@media only screen and (max-width: 980px) {
	body{margin:0;}
	#container .content {font-size: 12px;width: 90%;float: none;}
	#container .boxes,#container #boxes_right {margin-left: 0px;}
	#container {border:none;}
	#container .box1,#container #boxes_right .box1{width: 46%;float: none;margin: 0px;margin-bottom: 20px;display: flex;flex-wrap: wrap;flex-direction: column;align-content: center;}
	#container .box1>.box1{width: 100%;}
    #container .content_inner {width: 90%;float:none;}
	#container .box1 .top{background:url(images/box_top_right.png) no-repeat;}
	#container .box1 .boxrpt{background: url(images/box_rpt_right.png) repeat-y;float: left;width: 289px;padding-right: 20px;font-size: 11px;color: #3e3e3e;background-position: center;}
	#container .box1 .boxbttm{background:url(images/box_btm_right.png) no-repeat;width: 309px;}
	#container .box1 .txtgrey {width: 60%;}
	#container .boxes{margin-left: 0px;width: 100%;float: none;display: flex;flex-wrap: wrap;justify-content: space-around;}
	body #container a b,body #container a {color:#157d93 !important;}
	#container #boxes_right {width: 100%;float: none;display: flex;flex-wrap: wrap;justify-content: space-around;}
	#container #boxes_right .last {display: flex;flex-wrap: wrap;justify-content: space-around;width:100%;}
	#container #boxes_right .box1 .txtgrey{width: 60%;}
	#container img.img {margin: 0px 13px 0px 13px;}
	#container .readmore{width: 100px;}
	#container .boxes .last {display: flex;flex-wrap: wrap;justify-content: space-around;width: 100%;}
	.mob-res-navbar::after{content: "";display: block;height: 0;clear: both;}
	.bottom-head-bar::after {content: "";display: block;height: 0;clear: both;}
	.top-head-bar::after {content: "";display: block;height: 0;clear: both;}
	.bottom-head-bar {display: flex;flex-wrap: wrap;justify-content: center;margin-bottom: 15px;margin-top: 15px;}
	#navigation{display: none;}
	.mob-res-navbar {display: block;}
	.main-desk-navbar{display: none;}
	#header .bottom-head-bar .images-bar ul.images {width: auto;margin: 19px 0px 0px;}
	#header .bottom-head-bar .images-bar ul.images li {margin:0px 5px;}
	#header .bottom-head-bar .logo-bar .logo{height: 80px;width: 400px;}
	.top-head-bar{background: black;}
	.desktop-lang {display: none;}
	.responsive-lang {display: block;text-align: right;}
	.btn-res{display: flex;margin-top: 20px;width: 100%;padding-bottom: 20px;justify-content: flex-end;}
	#header .top-head-bar .langs{float: right;width: auto;margin-right: 25px;}
	#header .top-head-bar .langs .btn-res a{width: 95px;margin-left: 14px;border-radius: 8px;overflow: hidden;}
	#header .top-head-bar .langs .btn-res a img{width: 100%;margin: 0;}
	#footer{display: flex;flex-wrap: wrap;justify-content: space-around;flex-direction: row-reverse;align-content: center;margin:0;text-align: center;}
	#footer ul.nav li{display: inline;float: none;}
	#respond .comment-box form p {width: 89%;}
	#respond .comment-box form p input {width: 100%;}
	#respond .comment-box form p:nth-child(2) {width: 94%;}
	.nav-mobile {display: block;}
	nav {width: 100%;}
	nav ul {display: none;}
	nav ul li {float: none;background: #fff;}
	nav ul li a {padding:10px 15px;line-height: 20px;font-size: 14px;display:inline-block;}
	nav ul li ul li a {padding-left: 30px;width: 80%;}
	#nav-toggle {position: absolute;left: 25px;top: 35px;cursor: pointer;padding: 10px 35px 16px 0px;}
	#nav-toggle span,#nav-toggle span:before,#nav-toggle span:after {cursor: pointer;border-radius: 1px;height: 3px;width: 35px;background: #fff;position: absolute;display: block;content: '';transition: all 300ms ease-in-out;}
	#nav-toggle span:before {top: -10px;}
	#nav-toggle span:after {bottom: -10px;}
	div#content.narrowcolumn,div#content.widecolumn {
	    font-size: 12px;
	    width: 90%;
	    float: none;
	    margin: auto;
	}
}
@media only screen and (max-width: 768px) {
	body{color: #000000;}
	#container{padding-bottom: 30px;}
	#container .content_inner .post p,#container .content p,#container .content_inner .post span  {font-size: 20px !important;line-height: 30px;}
	#container .content_inner .post p,#container .content table tr td span
	#container .content_inner .post p span {font-size: 20px !important;color: #000000;}
	#container .content_inner .post ul li,#container .content_inner .post h4 {font-size: 20px;line-height: 30px;}
	#container .content_inner .post ul li span {font-size: 20px !important;}
	#container .content h1,#container .content p,#container .content a{padding:0px 10px;line-height: 30px;}
	#container .content_inner .post p strong,#container .content_inner .post h4 strong{padding-bottom: 15px;}
	#container .content_inner .post h4 b{padding-bottom:15px;display: block;}
	#container .content_inner .post p b {padding-bottom: 15px;}
	#container .content_inner .post p strong span,#container .content_inner .post p b strong {display: block;padding-bottom: 0;}
	#slider li{height: 179px;width: 768px}
	#slider li:nth-child(1){background: url('images/banner-768.jpg;') no-repeat !important;}
	#slider li:nth-child(2){background: url('images/banner-768.jpg;') no-repeat !important;}
	#slider li:nth-child(3){background: url('images/banner02-786.jpg;') no-repeat !important;}
	#slider li:nth-child(4){background: url('images/banner03-768.jpg;') no-repeat !important;}
	.margin-top-right,.margin-top-left{margin-top: 75px;}
	#container h1{font-weight: bold;text-align: center;}
	#container a{font-weight:bold; color:#157d93; text-decoration:none;}
	#container p{margin:11px 0px;font-size:1.2em;line-height:1.6em;color: #2A2A2A;}
	.commentlist li .comment-body .comment-author{float: none;width: auto;}
	.commentlist li .comment-body .comment-meta{float: none;width: auto;text-align: left;margin-top: 5px;}
	body #wrapper #container .content_inner .post table {margin-bottom: 0px !important;}
	#container .boxes, #container #boxes_right{padding-bottom: 0px ;}
	#post-271 ul.bg {margin-left: 10px;}
	.cookielaw1 #cookie_message {width: 100% !important;}
	.cookielaw1 #cookie_accept_button {display: block !important;
    position: unset !important;
    margin: auto !important;
    margin-top: 10px !important;}
}
@media only screen and (max-width: 667px) {
	#header .bottom-head-bar .logo-bar .logo {background-position: top;margin-left: 0;}
	.cookielaw1 #cookie_message {font-size: 12px !important;}
}
@media only screen and (max-width: 640px) {
    #container #boxes_right .box1 p.headings{text-align: center;margin: 0px 0px 0px 20px !important;}
	#container .box1,#container #boxes_right .box1{width: 100%;text-align: center;margin: auto;display: flex;flex-direction: column;justify-content: center;align-items: center;margin-bottom: 20px;}
	#container #boxes_right .box1 .top {background-position: center;width: 100%;}
	#container #boxes_right .box1 .boxrpt {background-position: center;}
	#container #boxes_right .box1 .boxbttm {background-position: center;}
	#header .bottom-head-bar .images-bar ul.images{margin:0;}
	#container .box1 .top{background:url(images/box_top_right.png) no-repeat;width: 100%;background-position: center;}
	#container .box1 .boxrpt{background: url(images/box_rpt_right.png) repeat-y;float: left;width: 289px;padding-right: 20px;font-size: 11px;color: #3e3e3e;background-position: center;}
	#container .box1 .boxbttm{background:url(images/box_btm_right.png) no-repeat;background-position: center;width: 100%;}
	#container .box1 .txtgrey {width: 60%;}
	#container .box1 p.headings {text-align: center;margin: 0px 0px 0px 20px !important;}
	#slider li{height: 149px;width: 640px;}
	#slider li:nth-child(1){background: url('images/banner01-640.jpg;') no-repeat !important;}
	#slider li:nth-child(2){background: url('images/banner01-640.jpg;') no-repeat !important;}
	#slider li:nth-child(3){background: url('images/banner02-640.jpg;') no-repeat !important;}
	#slider li:nth-child(4){background: url('images/banner03-640.jpg;') no-repeat !important;}
	.margin-top-right,.margin-top-left{margin-top: 60px;}
	#respond .comment-box form p{display: block;}
	#respond .comment-box form p textarea{width: 96%;}
	#respond .comment-box form p input{width: 104%;}
	#respond .comment-box form p:nth-child(2){width: 95%;}
	#container .content_inner #post-67  ul {margin-left: 20px;}
}
@media only screen and (max-width: 480px) {
	#slider li{height: 112px;width: 480px;}
	#slider li:nth-child(1){background: url('images/banner01-480.jpg;') no-repeat !important;}
	#slider li:nth-child(2){background: url('images/banner01-480.jpg;') no-repeat !important;}
	#slider li:nth-child(3){background: url('images/banner02-480.jpg;') no-repeat !important;}
	#slider li:nth-child(4){background: url('images/banner03-480.jpg;') no-repeat !important;}
	.margin-top-right,.margin-top-left{margin-top: 40px;width: 26px;}
	#container .content_inner .post p, #container .content p, #container .content_inner .post span,#container .content_inner .post ul li,#container .content_inner .post h4,#container .content_inner .post p,#container .content p  {font-size: 15px !important;line-height: 25px;}
	#container .content_inner .post ul li span,#container .content_inner .post p span {font-size: 15px !important;}
	#container .content_inner{margin-top: 40px;}
}
@media only screen and (max-width: 400px) {
	#header .bottom-head-bar .logo-bar .logo{width: 318px;}
	#header .bottom-head-bar .images-bar ul.images li {margin: 0px 2px;}
	#header .top-head-bar .langs .btn-res a{width: 80px;}
	#header .langs img {margin-left: 5px;}
}
@media only screen and (max-width: 380px) {
	#container .content_inner .post h4,#container .content_inner .post p,#container .content p  {font-size: 14px !important;}
	#container .content_inner .post p, #container .content p, #container .content_inner .post span,#container .content_inner .post p span {font-size: 14px !important;}
}
@media only screen and (max-width: 320px) {
	#slider li{height: 75px;width: 320px;}
	#slider li:nth-child(1){background: url('images/banner01-320.jpg;') no-repeat !important;}
	#slider li:nth-child(2){background: url('images/banner01-320.jpg;') no-repeat !important;}
	#slider li:nth-child(3){background: url('images/banner02-320.jpg;') no-repeat !important;}
	#slider li:nth-child(4){background: url('images/banner03-320.jpg;') no-repeat !important;}
	.margin-top-right,.margin-top-left{margin-top: 25px;width: 22px;}
	#container .content_inner .post p, #container .content p, #container .content_inner .post span,#container .content_inner .post ul li,#container .content_inner .post h4,#container .content_inner .post p,#container .content p  {font-size: 13px !important;}
	#container .content_inner .post ul li span,#container .content_inner .post p span {font-size: 13px !important;}
	#nav-toggle {left: 15px;}
	#header .top-head-bar .langs {margin-right: 15px;}
}

.comment-form-captcha{width:100%;font-size:0;color:transparent;}
.comment-form-captcha label{display: none;}
input#captcha_code {
    border: 1px solid #cecccc;
    width: 120px;
    height: 30px;
    border-radius: 7px;
    padding: 0px 12px;
    outline: none;
}

.post ul{font-size:16px;display: block;margin: 0 0 15px 30px;list-style-type: disc;margin-block-start: 1em;margin-block-end: 1em;margin-inline-start: 0px;margin-inline-end: 0px;padding-inline-start: 40px;}
.post ul li{margin-bottom: 10px;display: list-item;text-align: -webkit-match-parent;}
.post ul li a{color: #19518b !important;text-decoration: none;background-color: transparent;}
.post ul ul{font-size:14px;margin-top: 10px;margin-bottom: 0;list-style-type: circle;margin-block-start: 1em;margin-block-end: 1em;}
.post ul li ul li a{color: #0095eb !important;text-decoration: none;background-color: transparent;}
.post ul ul ul{font-size:14px;list-style-type: square;}

/* 定義框架的樣式 */
.lwptoc {
  border: 1px solid #999; /* 更細緻的邊框顏色 */
  padding: 15px; /* 適度增加內距增加透氣感 */
  margin: 20px 0; /* 保持上下外距不變 */
  font-size: 1rem; /* 正常大小字體提升可讀性 */
  line-height: 1.6; /* 保持行高不變 */
  background-color: #f9f9f9; /* 保持淺灰色背景 */
  color: #333; /* 文字顏色保持不變 */
  box-shadow: 0 2px 4px rgba(0,0,0,0.1); /* 添加盒子陰影提升層次感 */
  border-radius: 4px; /* 添加邊角圓滑度 */
}
.lwptoc_header {
  font-size: 20px;
}

.lwptoc_item {
  position: relative;
  padding-left: 20px; /* 增加左側內距以適應符號 */
  margin-bottom: 5px; /* 增加項目間距離 */
  cursor: pointer; /* 添加指標變換，提高交互性 */
}

.lwptoc_item:before {
  content: "•"; /* 保持項目符號不變 */
  position: absolute; /* 絕對定位 */
  left: 0; /* 置於左側 */
  top: 0; /* 置於頂部 */
  font-size: 20px; /* 保持符號大小不變 */
  color: #555; /* 符號顏色稍深，與文字做出區分 */
}

/* 響應式設計 */
@media screen and (max-width: 768px) {
  .lwptoc {
    padding: 10px; /* 在小屏幕上減少內距 */
    font-size: 0.9rem; /* 在小屏幕上減小字體大小 */
  }
  .lwptoc_item:before {
    font-size: 16px; /* 在小屏幕上減小項目符號大小 */
  }
}
.the_content_wrapper .lwptoc span {
	font-size:18px!important;
}
.wp-block-columns {
    margin-bottom: 0em !important;
}
.broken_link, a.broken_link {
	display: inline!important;
}

@media (max-width: 768px) {
#searchRulesBtn {
  color: transparent;
}

}