@import url(../fonts/font-awesome/font-awesome.min.css);
@import url(../fonts/flaticon/flaticon.css);
@import url(index_header.css);
@import url(index_footer.css);




/*.page_banner{ background-image:url(../images/page_banner1.jpg); background-size:cover; background-position:center; height:160px;}
.page_banner .container-fluid{ max-width:1280px}
.page_banner h3{ font-size:1em; margin-top:70px; padding:0; color:#fff;  max-width:500px; line-height:1.6em; text-shadow: 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 10px #333, 0px 0px 15px #555; display:none;}
@media (min-width:768px){
	.page_banner{ height:240px;}
	.page_banner h3{ font-size:1.6em; margin-top:170px}
}
@media (min-width:992px){.page_banner{ height:480px;}}*/

.show_lg{ display:none;}
@media (min-width:768px){
	.show_lg{ display:block;}
	.show_sm{ display:none;}
}

.bread_bg{ background-color:#9dab77; padding:0; margin:0;}
.bread_bg .container-fluid{ max-width:1280px;}
.breadcrumb{ background:none; padding:6px 0; margin:0; text-align:right;}
.breadcrumb li a, .breadcrumb .active{ color:#fff; margin:0; padding:0;}
.breadcrumb li a:hover{ color:#493c2e;}




.page_block{ padding:48px 0; background-image:url(../images/about_bg.jpg); background-position:center; background-size:cover;}
.page_block .container-fluid{ max-width:1280px;}



.side_nav{ border:1px solid #ccc; margin-bottom:30px; background-image:url(../images/side_bg.jpg); background-position:center left; background-size:cover; -moz-box-shadow:0 4px 15px -2px gray; -webkit-box-shadow:0 4px 15px -2px gray; box-shadow:0 4px 15px -2px gray;}
.side_nav h3{ margin:0 0 8px 0; padding:15px 0; background-color:#b0966a; color:#fff; text-align:center;}

.side_nav ul{ padding:0 15px; list-style:none;}
.side_nav ul li{ border-bottom:1px dotted #ccc; margin:8px 0;}
.side_nav ul li a{ padding:8px 0 8px 30px; display:block; color:#b0966a; background-image:url(../images/arrow1.png); background-position:center left; background-repeat:no-repeat;}
.side_nav ul li a:hover, .side_nav ul li a.active{ color:#881d48; background-image:url(../images/arrow2.png);}
.side_nav ul li:last-child{ border:none;}




.page_content h2{ margin:0 0 15px 0; padding-bottom:15px; color:#881d48; font-size:2.4em; border-bottom:2px dashed #881d48;}
.page_content p{ color:#555;}
.page_content h3 { color:#b0966a;}
.page_content ol,.page_content ul{color:#555;}
.page_content img{max-width:100%;}
.page_content .abp1{ background-position:center; background-size:cover; height:225px; margin-bottom:30px;}
@media (min-width:992px){.page_content .abp1{ height:480px;}}
.page_content .abp2{ background-position:center; background-size:cover; height:225px; margin-bottom:30px;}
.product-detail {
    padding: 30px 0;
}
.product-list ul {
    max-width: 69em;
    list-style: none;
    margin: 30px auto;
    padding: 0;
}
.product-list ul [class *= col-] {
    margin-bottom: 30px;
    padding-right: 15px;
    padding-left: 15px;
}
.product-list li img {
    width: 100%;
    vertical-align: bottom;
    outline: none;
    border: none;
    display: block;
    border: 1px solid #b0966a;
    padding: 9px;
}
.product-list li p {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 10px 0 0 0;
}

.work_about .wa_pic{ width:100%; height:400px; background-position:center; background-size:cover; margin-bottom:10px;}
@media (min-width:992px){
	.work_about .wa_pic{ width:340px; height:360px; float:left; display:block;}
	.work_about .wa_text{ margin-left:360px;}
}

.wa_tag{ padding:0; margin:0; list-style:none;}
.wa_tag li{ display:inline-block;}
.wa_tag li a{ border:1px solid #881d48; color:#881d48; padding:4px 16px; cursor:pointer;}
.wa_tag li a.active, .wa_tag li a:hover{ color:#fff; background-color:#881d48;}

.wa_text_content{ border:1px solid #881d48; padding:10px; margin-top:10px; height:320px; overflow:scroll;}

.work_title{ color:#fff; background-color:#881d48; padding:10px 15px;}

.work_list{ border:1px solid #ccc; padding:15px 15px 0 15px; margin:10px 0; background-image:url(../images/ct_bg.jpg); background-position:center; background-size:cover;}
.work_list .wlp{ position:relative; width:100%; height:auto; margin-bottom:10px;}
.work_list .wlp a{ width:100%; height:100%; position:absolute; background-color:#000; color:#FFF; text-align:center; font-size:3em; padding-top:45%; opacity:0; -webkit-transition: all 0.3s; /* Safari */ transition: all 0.3s;}
.work_list .wlp a:hover{ opacity:0.8;}
.work_list .wlp img{ width:100%; height:auto;}
.work_list ul{ padding:0; list-style:none; margin-left:auto; margin-right:auto; font-size:0.9em; line-height:1.7em; max-width:280px;}
.work_list ul li{ display:inline-block; width:49%}

.wlp_logo{ width:120px; height:auto; margin-left:auto; margin-right:auto;}

.modal{ z-index:2147483647;}

.modal-header{ background-color:#881d48;}
.modal-header h4{ color:#fff;}
.modal-header .close{ color:#fff; opacity:1;}
.modal-body ul{ list-style:none; padding:0;}
.modal-footer{ border:none;}


/* set slider arrow color ! */
.slick-prev:before, .slick-next:before {
    color:#881d48 !important;
}
.single-item{
	margin:0 24px 0 24px;
}
.single-item div{
	background-color:#eee;
	margin:8px 16px 8px 8px;
}

.responsive_slick{
	margin:0 24px 0 24px;
}
.responsive_slick div{
	margin:8px 16px 8px 8px;
}
.responsive_slick div img{cursor:pointer;}




.news_con{ border-bottom:1px dashed #ccc; padding-bottom:15px; margin:30px 15px 0;}
.news_con .news_pic{ width:100%; height:240px; background-position:center; background-size:cover; position:relative;}
@media (min-width:992px){.news_con .news_pic{width:150px; height:150px; float:left;}}
.news_con .news_pic a{ position:absolute; top:0; left:0; width:100%; height:100%; text-align:center; padding:56px; font-size:3em; color:#fff; background-color:#000; opacity:0;}
.news_con .news_pic a:hover{ opacity:0.8;}

@media (min-width:992px){.news_con .news_text{ margin-left:170px;}}
.news_con .news_text h4 a{ color:#881d48;}
.news_con .news_text h4 a:hover{ color:#966;}
.news_con .news_text h5{ border-top:1px solid #ccc; padding-top:14px; font-size:1.1em; color:#777;}

.news_con .news_more{ background-color:#881d48; color:#fff; padding:0 24px; float:right; font-size:0.8em; display:block; margin-top:8px;}
.news_con .news_more:hover{ background-color:#966;}

.pagination li a{ color:#881d48;}
.pagination li a:hover{ color:#881d48;}
.pagination .active a{ background-color:#881d48; border-color:#881d48; color:#fff;}
.pagination .active a:hover{ background-color:#881d48; border-color:#427c29;}

/*.page_content .news_page_title{ background-image:url(../images/news_page_title.png); background-size:cover;}
.page_content .news_page_pic img{ width:100%; height:auto; margin:10px 0;}*/

.news_page_date{ border-top:1px solid #ccc; padding-top:14px; font-size:1.1em; color:#777;}

.news_page_back{ background-color:#881d48; color:#fff; padding:0 24px; float:right; font-size:0.8em; display:block; margin-top:8px;}
.news_page_back:hover{ background-color:#966; color:#fff;}


.panel-heading{ padding:0;}
.panel-heading .panel-title a{ padding:15px; color:#fff; display:block; font-size:1.3em; background-color:#b0966a}

.qna_panel{ margin:15px 0;}
.qna_title{ padding:15px; color:#fff; display:block; font-size:1.3em; background-color:#b0966a; cursor:pointer;}
.qna_content{ padding:15px; border:1px solid #b0966a;}

.location_pic1{ height:200px; background-position:center; background-size:cover; margin:15px 0;}
@media (min-width:768px){.location_pic1{height:430px;}}
.location_pic2{ height:200px; background-position:center; background-size:cover; margin:15px 0;}

.location_text{margin:15px 0; padding:15px; background-color:#881d48; height:auto;}
@media (min-width:992px){.location_text{height:430px;}}
.location_text h4{ font-size:1.4em; padding-bottom:10px; margin-bottom:5px; margin-top:0px; border-bottom:1px solid #fff; color:#fff; line-height:1.5em;}
.location_text p{ margin:0; padding:0; color:#fff;}
.location_more{ margin:20px 0; text-align:center;}
.location_more a{ border:1px  solid #fff; color:#fff; padding:8px 0; display:block;}
.location_more a:hover{ background-color:rgba(255,255,255,0.3)}
.location_more a img{ margin-top:-4px; width:auto; height:16px;}

.location_divide{border-bottom:2px dashed #881d48; margin:25px 0 20px 0; position:relative;}
.location_divide div{ position:absolute; top:0; margin-top:-90px;}


.contact_text{ margin:15px 0; border:1px solid #ccc; padding:15px; background-image:url(../images/ct_bg.jpg); background-position:center; background-size:cover;}
.contact_text h4{ font-size:1.4em; padding-bottom:10px; margin-bottom:5px; margin-top:0px; border-bottom:1px solid #881d48; color:#881d48;}
.contact_text p{ margin:0; padding:0;}


.contact_form .form-group{ font-size:1.1em; color:#777;  line-height:1.8em;}
.contact_form .form-group .btn{ background-color:#881d48; color:#fff;}
.contact_form .form-group .btn:hover{ background-color:#966;}