/*!
 * Start Bootstrap - Modern Business HTML Template (http://startbootstrap.com)
 * Code licensed under the Apache License v2.0.
 * For details, see http://www.apache.org/licenses/LICENSE-2.0.
 */

/* Global Styles */

html,
body {
    height: 100%;
}

/* �ϰ춡�Z�W�谪�� */
body {
    padding-top: 0px; /* Required padding for .navbar-fixed-top. Remove if using .navbar-static-top. Change if height of navigation changes. */
}

.img-portfolio {
    margin-bottom: 30px;
}

.img-hover:hover {
    opacity: 0.8;
}

/* Home Page Carousel */

header.carousel {
    height: 50%;
}

header.carousel .item,
header.carousel .item.active,
header.carousel .carousel-inner {
    height: 100%;
}

header.carousel .fill {
    width: 100%;
    height: 100%;
    background-position: center;
    background-size: cover;
}

/* 404 Page Styles */

.error-404 {
    font-size: 100px;
}

/* Pricing Page Styles */

.price {
    display: block;
    font-size: 50px;
    line-height: 50px;
}

.price sup {
    top: -20px;
    left: 2px;
    font-size: 20px;
}

.period {
    display: block;
    font-style: italic;
}

/* Footer Styles */

footer {
    margin: 20px 0 40px; border-top:1px solid #ccc; text-align:center; font-size:12px; color:#666; padding-top:10px;
}
.fixed-bottom{  display: flex; width:100%; justify-content: center; background:#4a4a4a; color:#e6b708; padding:10px; position:fixed; bottom:0; text-align:center;}
.fixed-bottom a{ color:#e6b708; font-weight:700; display:inline-block;}
.fixed-bottom a i{ padding-right:5px;}
.well{
    min-height: 20px;
    padding: 19px; margin-top:20px;
    margin-bottom: 20px;
    border: 1px solid #F2D1C3;
    border-radius: 4px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .05);
    box-shadow: inset 0 5px 10px rgba(0, 0, 0, .05);
   
}
.well strong{  color:#d1a605;}
.well-title{font-size:20px;}

.main-title{ font-size:18px; color: #d0a400;  font-weight: 700;
}
.main-title a{color: #d0a400;  }
.little-title{ font-size:14px; margin-top:5px; display:block; color:#333; }

.chat-ul{ width:100%; list-style:none; margin:0; padding:0;}
.chat-ul li{ width:50%; float:left; font-size:16px; text-align:center; color:#093; font-weight:700;}
.chat-ul li a{color:#093}
.chat-ul li img{ width:100%; height:auto; max-width:90%;}

.panel-body{ padding:6px;}
.panel-list{ margin:0;}
.panel-list li{ margin-bottom:5px;}
.link-area{ padding:0 15px;}
.link-area a{ display:inline-block;}
.inner-set{ padding-top:60px;}
.inner-set .well{box-shadow:none; border:1px solid #d1b7a3; background:#fdfcf9;}
.link-icon{ padding-right:20px; background:url(../images/external-link.svg) no-repeat right center;
background-size:15px;}

.f16{ font-size:16px;}

.service-area h2{font-size:18px; font-weight:700; color:#F63;}
.service-area h3{font-size:16px; font-weight:700; color:#3c763d;}
.page-header{ border:none;}
.legal-news { font-size:16px; margin-bottom:15px;}
.legal-news h2{font-size:16px; margin:0;}
.legal-news h2 a{ display:block;border-bottom:1px dashed #ccc; padding:10px;}
.legal-news h2 a:hover{ background:#EEE;}
.legal-news strong{display:inline-block;font-size:14px; padding:5px; background:#af8a00; color:#fff; margin-right:8px;}
/* Responsive Styles */
.legal-news strong.s2{ background:#3365b1;}

.side-list a{display:block; margin-bottom:6px;}

.contact-tel{ font-size:20px; display:block;}
.contact-area strong{ color:#333;}

.download-area ul li{ margin-bottom:5px;}
.download-area ul li a{color: #393;}
.download-area ul li a:hover{color: #7EBA25;}
.download-area h2 i{ padding-right:5px;}

.navbar-brand {
    float: left;
    height: 36px; line-height:36px;
    width: 50%;
    max-width: 150px;
    z-index: 10;
    position: absolute;
    top: 5px;
	padding-left:10px;
}

.post-content{ padding:15px 12px; line-height:1.7em;}
.page{ text-align:right; margin-top:10px; clear:both;}
.deepGray {
    color: #333333;
    text-decoration: none;
}
.blue13 {
    color: #0033FF;
    text-decoration: none;
}
.green15{
    color: #2C8E93;
    text-decoration: none;
}

.list-dictionary li{ margin-bottom:10px;}

.service-area h2.green{ color:#3c763d;}
.tab-content{ background:#fff; border: 1px solid #ddd; border-top:none; padding:10px 0;}
.tab-content h2{ font-size:16px; color:#333;}
#myTabContent.tab-content{  background:#fffbf1 !important;}
#myTab li.active a{background:#fffbf1 !important;}
.tab2-wrap{ padding:8px 10px 15px;}

#myTabContent2{margin-bottom:15px;}


.sub-list{ width:100%; margin:0; padding:0; margin-bottom:10px;background: #f3f3f3;}

.sub-list li{display:inline-block; }
.sub-list li a{ display:block; padding:5px 8px; color:#666;}
.sub-list li a:hover{  color:#fff;background-color: #c4a83e; }
.sub-list li a.active{  color:#fff;background-color: #e6b707; position:relative;}

.sub-list li a.active:after{ 
    content: "";
    position: absolute;
    left: 50%;
    margin-left: -8px;
    bottom: -8px;
    border-width: 8px 8px 0;
    border-style: solid;
    border-color: #e6b707 transparent;
	}

.f14{ font-size:14px;}

.set-fz-small li a{ padding: 10px 5px; font-size:12px;}

.law-content {
    padding: 15px 12px;
    line-height: 1.7em;
}

.law-area{
    font-size: 16px;
    margin-bottom: 15px;
}
.law-area h2{font-size:16px; margin:0; padding-bottom: 10px;
    border-bottom: 1px dashed #ccc;}
.law-area h2 a{ display:block;border-bottom:1px dashed #ccc; padding:10px;}
.law-area h2 a:hover{ background:#EEE;}
.law-area .tag{display:inline-block;font-size:14px; padding:5px; background:#af8a00; color:#fff; margin-right:8px;}
ol{ padding:0; padding-left:15px;}
 .law-content ul{padding:0; padding-left:15px;}

    .phone{
        color: white;
        font-size: 22px;
    }
    .phone:hover{
        color: tomato;
    }



@media (min-width: 768px){
.navbar-brand {
    float: left;
    height: 50px;
    width: 20%;
    max-width: 200px;
    z-index: 10;
    position: absolute;
    top: 10px;
}


}



@media(max-width:991px) {
    .customer-img,
    .img-related {
        margin-bottom: 30px;
    }
	.chat-ul li img{ max-width:200px;}
	#myTab{ margin-top:25px;}
}

@media(max-width:767px) {
	
	.page-header{ margin:0; border:none;}
    .img-portfolio {
        margin-bottom: 15px;
    }

    header.carousel .carousel {
        height: 70%;
    }
	footer{ font-size:12px;}
	.main-title{ font-size:16px; margin:0;}
	
	#myTab li{ width:50%; float:left;}
	.tab-content{border-top: 1px solid #ddd;}
	.nav-tabs.nav-justified>li>a {
	margin-bottom: 0;
	}
	
	
	#myTab2 li.active a{ background-image:url(../images/arrow.png);
	background-repeat:no-repeat;
	background-position:96% center;
	background-size:16px;
	
	}
	.sub-list li a{ font-size:14px;}
}



@media(max-width:374px) {
.fixed-bottom a{ font-size:14px;}
footer{color:#ccc;}

.law-content {
    padding: 15px 5px;
   
}
}