/* ========== FONTS ==========*/
@import url(https://fonts.googleapis.com/css?family=Questrial);
/* ========== BASIC STYLES ==========  */

* {
    /* only for dev */
    /* outline: 1px solid #000; */

    margin: 0;
    padding: 0;
}
h1, h2, h3, h4, h5, h6 {
    font-family: 'Questrial', 'century gothic', '微軟正黑體', sans-serif;
	margin-top: 0;
    letter-spacing: 0px;
    color: #ADADAD;
}
h1 {
    font-size: 24px;
}
h2 {
    font-size: 22px;
    margin: 0 0 20px 0;
}
h3 {
    font-size: 20px;
}
h3 a:link, h3 a:visited {    
	color: #ADADAD;
}
h3 a:hover {    
	color: #EAEAEA;
}
h4 {
    font-size: 18px;
}
h5 {
    font-size: 16px;
}
h6 {
    font-size: 15px;
}
ul, ol {
	margin: 10px 0;
}
p {
	margin: 10px 0;
}
a {
    color: #EAEAEA;
}
a:link, a:visited, a:focus {
    color: #EAEAEA;
    text-decoration: none
}
a:hover {
    color: #ffc000;
    text-decoration: none
}
html, body {
	font-family: '微軟正黑體', sans-serif;
	font-size: 14px;
	background-color: #C8C8C8;
	color: #EAEAEA;
    line-height: 22px;
}
header {
	background: #c8c8c8;
    height: 138px;
}
.navbar-default {
    background-color: #c8c8c8;
    border-color: #c8c8c8;
    border-bottom: 1px solid #c8c8c8;
    padding: 10px 0 0 0;
    margin-bottom: 0;
}
.navbar-brand {
	font-size: 32px;
	font-weight: 600;
	color: #444;
	padding: 5px 15px;
}
.navbar-brand:hover {
	color: #2ABB9B;
}
.navbar-brand .fa {
	color: #2abb9b;
}
.logo {
	float: right;
    margin: 70px 0 0 0;
}
.menu {
	float: left;
    margin: 95px 0 0 0;
}
.menu li {
	display: inline-block;
}
.menu li:first-child {
	margin-left: 0;
}
.menu li a {
	display: block;
	font-size: 16px;
    font-family: 'Questrial', 'century gothic', '微軟正黑體', sans-serif;
	color: #5A5A5A !important;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
	font-weight: 400;
    padding: 2px 10px;
}
.menu li a:hover, .menu li.active a {
	color: #000 !important;
	background: none !important;
    font-weight: 400; 
}
.menu li a:active {
	color: #000;
	background: none !important;
    font-weight: 400; 
}
.menu li a:focus {
	color: #000;
	background: none !important;
    font-weight: 400; 
}
.nav:before, .nav:after {
	content: " ";
	display: table;
}
.nav:after {
	clear: both;
}
.nav ul {
	list-style: none;
}
a:focus {
	outline: 0px;
}
.main {
	background-color: #5a5a5a;
}
.main-white {
	background-color: #fff;
	color: #777;
}
.line {
    color: #9C9C9C;
}
.line:last-child {
	display: none !important;
}
.top-title h2 {
    font-family: 'Questrial', 'century gothic', '微軟正黑體', sans-serif;
    font-size: 24px;
}
.zh-tw-nav {
    font-size: 15px;
}
.language {
    margin-top: -2px;
    margin-left: 15px;
}
.language .form-control {
    display: block;
    width: 100%;
    height: 26px;
    padding: 0px 10px;
    font-size: 14px;
    line-height: 1.42857143;
    color: #5a5a5a;
    background-color: #eaeaea;
    background-image: none;
    border: 0px solid #eaeaea;
    border-radius: 2px;
    -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    box-shadow: inset 0 1px 1px rgba(0,0,0,.075);
    -webkit-transition: border-color ease-in-out .15s,-webkit-box-shadow ease-in-out .15s;
    -o-transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
    transition: border-color ease-in-out .15s,box-shadow ease-in-out .15s;
}
.language2 {
    float: left;
}
.language2 .line2 {
    font-size: 12px;
}
.language2 ul {
    margin: 0 0 0 10px;
    color: #349e39 !important;
    list-style-type: none;
}
.language2 ul a {
    color: #349e39 !important;
    font-size: 13px;
    padding: 0;
}
.language2 ul a:link {
    color: #629e65 !important;
    font-size: 13px;
}
/***----- other -----***/
.bg-gray {background: #eff0f0;}
.center {text-align: center;}
.right {text-align: right;}
.bold {font-weight: bold;}
.margin-zero {margin: 0 !important;}
/***----- other end -----***/

/***----- gw-breadcrumb -----***/
.gw-breadcrumb {
    margin: 20px 0;
}
.gw-breadcrumb i {
    font-size: 16px;
    margin: 0 5px 0 8px;
    color: #a5a5a5;
    vertical-align: baseline;
}
.breadcrumb-home {
    margin: 0 3px 0 0 !important;
}
.gw-breadcrumb a {
    color: #ccc;
    letter-spacing: 0;
    font-size: 14px;
}
.gw-breadcrumb a:link {
    color: #ccc;
}
.gw-breadcrumb a:hover {
    color: #fff;
}
.gw-breadcrumb hr {
    margin-top: 10px;
    margin-bottom: 10px;
    border: 0;
    border-top: 0px solid #eee;
}
/***----- gw-breadcrumb end -----***/

/***----- community-icon -----***/
.community-icon {
    margin: 13px 0 0 0;
    text-align: right;
}
.interval {
    margin: 0 5px;
}
/***----- community-icon end -----***/

/***------ Side menu ------***/
.accordion {
 	width: 100%;
 	max-width: 360px;
 	margin: 0px auto 20px;
 	background: none;
 	-webkit-border-radius: 4px;
 	-moz-border-radius: 4px;
 	border-radius: 4px;
    list-style: none;
    font-family: 'Questrial', 'century gothic', "微軟正黑體", sans-serif;
    padding: 0;
}
.accordion .link {
	cursor: pointer;
	display: block;
	padding: 10px 0;
	color: #EAEAEA;
	font-size: 14px;
	font-weight: 400;
	border-bottom: 0px solid #CCC;
	position: relative;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion .link a, .accordion .link a:link, .accordion .link a:visited {
	color: #dadada;
}
.accordion .link a:hover {
	color: #fff;
}
.accordion li:last-child .link {
	border-bottom: 0;
}
.accordion li i {
	position: absolute;
	top: 16px;
	left: 12px;
	font-size: 12px;
	color: #AAA7A7;
	-webkit-transition: all 0.4s ease;
	-o-transition: all 0.4s ease;
	transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
	right: 12px;
	left: auto;
	font-size: 12px;
}
.accordion li .link:hover {
	color: #fff;
}
.accordion li.open .link {
	color: #fff;
}
.accordion li.open .link a {
	color: #fff;
}
.accordion li.open i {
	color: #fff;
}
.accordion li.open i.fa-chevron-down {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
}
.accordion li i.fa-plus {
	right: 12px;
	left: auto;
	font-size: 12px;
}
.accordion li.open i.fa-plus {
/*
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	-o-transform: rotate(180deg);
	transform: rotate(180deg);
*/
}
.product .accordion .link {
	color: #5A5A5A;
}
.product .accordion .link:hover {
	color: #000;
}
.product .accordion .link a, .product .accordion .link a:link, .product .accordion .link a:visited {
	color: #5A5A5A;
}
.product .accordion .link a:hover {
	color: #000;
}
.product li.open .link {
	color: #000;
}
.product .accordion li.open .link a {
	color: #000;
}
.product .accordion li i {
    color: #cccccc;
}
.product .accordion li.open i {
    color: #949494;
}
/*** Submenu ***/
.accordion ul.active {
    display: block;
}
.submenu {
 	display: none;
 	background: none;
 	font-size: 14px;
    margin: 0;
}
.submenu li {
 	border-bottom: 0px solid #4b4a5e;
    list-style-type: square;
    list-style-position: initial;
 	color: #dadada;
 	margin-left: 20px;
}
.submenu li a {
 	padding-left: 0;
}
.product .submenu li {
    color: #5A5A5A;
}
.submenu a {
 	display: block;
 	text-decoration: none;
 	color: #CCCCCC;
 	padding: 5px;
 	padding-left: 5px;
 	-webkit-transition: all 0.25s ease;
 	-o-transition: all 0.25s ease;
 	transition: all 0.25s ease;
}
.submenu a:hover {
 	color: #fff;
}
.product .submenu a {
    color: #5A5A5A;
}
.product .submenu a:hover {
    color: #000;
}
/***------ Side menu end ------***/

/***----- btn -----***/
.gw_btn {
	display: inline-block;
	padding: 6px 20px;
	font-size: 14px;
	cursor: pointer;
	background: #888;
	color: #fff !important;
	font-weight: 400;
	text-decoration: none;
	outline: none;
	margin-top: 30px;
	border-radius: 5px;
}
.gw_btn:hover {
	background: #555;
	color: #fff;
	text-decoration: none;
}
/*----- btn end -----***/

/***----- article -----***/
.article-tips {
    clear: both;
    color: #777;
    float: left;
    padding: 20px 0;
    line-height: 32px;
}
.article-tips-page {
    clear: both;
    color: #777;
    float: right;
    padding: 0;
}
.article-tips-time {
    padding: 0 15px 0 0;
}
.article-tips-list {
    padding: 0 15px 0 0;
}
.article-tips-list-end {
    padding: 0;
}
.article-tips-list a:link {
    color: #777;
}
.article-tips-list a:hover {
    color: #000;
}
.article-tips-list a:active {
    color: #777;
}
.article-tips-list i {    
    font-size: 20px;
    vertical-align: -5%;
    margin-right: 5px;
    color: #535353;
}
.article-tips-category {
    padding: 0 15px 0 0;
}
.article-tips-uptime {
    padding: 0 15px 0 0;
}
.article-tips-print {
    padding: 0 15px 0 0;
}
.article-tips-uptime i {
    font-size: 1.5em;
    vertical-align: -15%;
}
.article-content-page, .article-content-cart {
/*    margin: 80px 0 50px 0;*/
}
.article-content-page .image, .article-content-cart .image {
    float: left;
    margin: 0 20px 20px 0;
}
.article-content-page .content, .article-content-cart .content {
    background: none;
}
.article-content-page ol>li {
    line-height: 26px !important;
    padding: 0 0 15px 0;
}
.article-content-page ul {
    list-style-position: inside;
    list-style: initial;
    margin-left: 16px;
}
.article-content-page li {
    line-height: inherit;
}
/***----- article end -----***/

/***----- about -----***/
.about_service {
	border-left: 5px solid #C7C7C7;
    padding: 0 0 0 10px;    
    margin: 50px 0 0 0;
}
.about_service_box {	   
    margin: 20px 0;
}
.about_service_01 {
	float: left;
    margin-right: 20px;
    height: 80px;
}
.about_service_02 {
	float: left;
    margin-right: 20px;
    height: 130px;
}
.about_service h3 {
    margin-right: 20px;
    padding: 0;
    margin: 0;
    color: #aaa;
}
.about_service h5 {
}
.about_service_title {
	padding: 0;
    margin: 2px 0;    
    font-size: 18px;
    color: #ADADAD;
}
.about_service hr {
	padding: 0;    
    margin: 0;
    border-top: 1px solid #D8D8D8;
    width: 200px;
}
.about_content {
	padding: 10px 0;
}
/***----- about end -----***/

/***----- news -----***/
.news_content {    
	padding: 10px 0 30px 0;
}
.news_list {
    padding-top: 10px;
}
.news_list_page {
    padding-top: 0;
}
.news_list_block {
    padding: 0 50px 0 0;
}
.news-image {
    height: 142.5px;
    overflow: hidden;
}
.news-image img {
    width: 100%;
    height: 100%;
}
.news-title {
    height: 22px;
    overflow: hidden;
}
.news-title h3 {
    margin-bottom: 0;
}
.news-article {
    height: 95px;
    overflow: hidden;
}
.news-article p {
    margin: 5px 0;
}
.news_block {
    padding: 30px 50px 30px 0;
}
.news_list_block .row, .news_block .row {
    padding: 15px 0;
}
.news_list_block .date, .news_block .row {
    margin: 0 0 5px 0;
    color: #B9B9B9;
    font-family: 'Questrial', sans-serif;
}
.news-right {
    padding: 15px 0 0px 0;
}
.news-right-content {
    padding: 0 0 24px 0;
}
.date-right {
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-color: #7D7D7D;    
    text-align: center;
    color: #fff;
    padding: 5px;
    float: left;
}
.date-right .day {
    display: block;
    font-size: 20px;
    border-bottom: 1px solid #98988B;
    padding-top: 3px;
    padding-bottom: 4px;
    line-height: 20px;
}
.date-right .month {  
    font-size: 13px;
    line-height: 20px;
}
.date-right-content {
    margin-left: 75px;
    height: 60px;
    overflow: hidden;
}
.date-right-content h3 {
    font-size: 16px;
    margin-bottom: 5px;
    height: 16px;
    overflow: hidden;
}
.date-right-content p {
    margin: 0;
    line-height: 19px;
}
.news-right-title {
    height: 16px;
    overflow: hidden;
    margin-bottom: 5px;
}
.news-right-article {
    height: 38px;
    overflow: hidden;
}
/***----- news end -----***/

/***----- products -----***/
.product {
    padding: 10px 0 20px 0;
}
.product-content li {
   display: inline-table;
    list-style-type: none;
    float: left;
    width: 20%;
    padding: 2px;
}
.product-content img {
    width: 100%;  
}
.product .list-title {
    line-height: 18px;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
    color: #777;
    font-size: 15px;
}
.product .list-subtitle {
    font-size: 13px;
}
.product-page {
    padding: 10px 0 20px 0;
}
.product-page-image img {
    width: 100%;  
}
.product-page-content {
    margin-top: 15px;
}
.product-page-article h3 {
    font-weight: 400;
    font-size: 28px;
    padding: 0 0 10px 0;
    margin: 0;
    letter-spacing: 0;
    border-bottom: 1px solid #bbb;
    color: #555;
}
.product-page-article b {
    font-weight: 400;
    margin: 0 10px;
}
.product-page-article h3 em {
	font-weight: 400;
	font-size: 20px;
    font-style: normal;
    color: #777;
}
.product-page-article h4 {
    font-weight: 400;
    font-size: 18px;
    padding: 10px 0 20px 0;
    margin: 0;
    color: #555;
}
.product-page-article p {
    color: #777;
}
.product .downlond {
    text-align: right;
    margin-top: -12px;
    padding-right: 0;
    color: #000;
}
.product .downlond i {
    margin-right: 5px;
}
.product .downlond a {
    color: #333;
}
.product .downlond a:hover {
    color: #888;
}
/***----- products end -----***/

/***----- gallery -----***/
.gallery {
    padding: 10px 0 20px 0;
}
.gallery-content li {
/*    display: inline-table;*/
    list-style-type: none;
    float: left;
    width: 11.1%;
    padding: 2px;
}
.gallery-content img {
    width: 100%;
    height: 99.5px;
    overflow: hidden;
}
/***----- gallery end -----***/

/***----- brands -----***/
.brands {
    padding: 10px 0 20px 0;
}
.brands-content {
    margin-top: 15px;    
}
.brands-content img {
    width: 100%;
}
.brands-page-content li {
    list-style-type: none;
    float: left;
    width: 12.5%;
    padding: 2px;
}
.brands-page-content img {
    width: 100%; 
    height: 101.63px;
    overflow: hidden;
}
.brands .list-title {
    line-height: 16px;
    height: 40px;
    overflow: hidden;
    margin-top: 5px;
}
/***----- brands end -----***/

/***----- tools -----***/
.tools {
    padding: 10px 0 20px 0;
}
.tools-content {
    margin-top: 15px;
}
.tools-content img {
    width: 100%;    
}
.tools .downlond {
    text-align: right;
    margin-top: -30px;
    padding-right: 10px;
    color: #000;
}
.tools .line {
    color: #9c9c9c;
    margin: 5px;
    vertical-align: 1px;
}
.tools .downlond i {
    margin-right: 5px;
}
.tools .downlond a {
    color: #333;
}
.tools .downlond a:hover {
    color: #888;
}
/***----- tools end -----***/

/***----- contact -----***/
.contact {
	padding: 10px 0;
}
.contact_top {
	margin-right: 0;
	margin-left: 0;
	margin-bottom: 30px;
}
.contact_details {
	background-color: #E6E6E6;
	padding: 20px 17px;
	border-left: 2px solid #C8C8C8;
}
.contact_details h5 {
	font-size: 16px;
	font-weight: 600;
	color: #666;
	margin-bottom: 1em;
}
.contact_address, .contact_mail {
	overflow: hidden;
	color: #777;
	line-height: 24px;
    letter-spacing: 0;
}
.contact_bottom h3 {
	font-size: 20px;
    font-weight: 400;
    text-transform: uppercase;
    font-family: 'Questrial', sans-serif;
}
.contact_bottom p {
	color: #FF9292;
    margin: -15px 0 5px 0;
    position: absolute;
}
.contact-to input[type="text"] {
	padding: 10px 10px;
	width: 33%;
	margin: 10px 0;
	border: 1px solid #E1E2E2;
	color: #777;
	background: #FFF;
	float: left;
	outline: none;
	font-size: 14px;
}
.text2 input[type="text"], .text2 textarea {
	width: 100%;
	margin: 10px 0;
	border: 1px solid #E1E2E2;
	color: #777;
	outline: none;
	margin-bottom: 10px;
	height: 150px;
	padding: 10px 10px;
	font-size: 14px;
	resize: none;
}
.text2 p {	
	color: #FF9292 !important;
    margin: -12px 0 5px 0 !important;
    position: relative !important;
}
.send-btn {
	display: inline-block;
	padding: 6px 10px;
	font-size: 15px;
    width: 70px;
	cursor: pointer;
	border: none;
	background: #777;
	color: #fff;
	text-decoration: none;
	outline: none;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	-o-transition: all 0.3s;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
    font-family: 'Questrial', "微軟正黑體", sans-serif;
}
.send-btn:hover {
	text-decoration: none;
	background: #000;
	color: #fff;
}
.captcha-icon i {
    color: #ffc000;
    vertical-align: middle;
}
.captcha-icon i:hover {
    color: #EAEAEA;
}
.captcha input {
    width: 120px;
    padding: 5px 10px;
    border: 1px solid #fff;
    vertical-align: middle;
    margin-left: 5px;
    color: #777;
}
.map {
	margin-top: 30px;
}
.map iframe {
	width: 100% !important;
    height: 320px !important;
}
.map-article {
    font-size: 12px;
    line-height: 20px;
}
.map-left {
    padding-right: 5px;
}
.map-right {
    padding-left: 5px;
}
.thankspage-content {
    border: 1px solid #8E8E8E;
    padding: 50px 40px;
    margin: 150px 0 150px 0;
    font-size: 15px;
}
.thankspage-content h3 {
    font-size: 16px;
    color: #EAEAEA;
    line-height: 24px;
    margin: 0;
}
/***----- contact end -----***/

/***----- footer -----***/
.footer_bottom {
	padding: 20px 0;
    border-top: 1px solid #E8E8E8;
	background: #C8C8C8;
}
.copy {
	text-align: center;
}
.copy p {
	font-size: 13px;
    color: #7D7D7D;
    font-family: 微軟正黑體;
    letter-spacing: 0px;
}
.copy p a {
	color: #7D7D7D;
	border-bottom: 1px dotted;
}
.copy p a:hover {
	color: #000;
	border-bottom: 1px solid;
	text-decoration: none;
}
/***----- footer end -----***/

.pp_expand {
    display: none !important;
}
/***-----2020 new-----***/
.media-main img{
	max-width:100%;
}
    /*h1 {
        font-size: 20px;
        font-weight: bold;
        text-align: center;
        text-transform: uppercase;
    }
    
    h1+p {
        text-align: center;
        margin: 20px 0;
        font-size: 16px;
    }*/
    
    .tabs li {
        float: left;
        padding: 0 15px 0 0;
        color: #707070;
    }
    
    .tabs li h1 {
        color: #707070;
    }
    
    .tabs {
        list-style: none;
    }
    
    .tabs a {
        display: block;
        text-align: center;
        text-decoration: none;
        text-transform: uppercase;
        color: #707070;
    }
    
    .tabs a:hover,
    .tabs a.active {
        color: #E9ABB0;
    }
    
    .tabs h1:hover,
    .tabs a.active {
        color: #E9ABB0;
    }
    
    .active h1 {
        color: #E9ABB0;
    }
    /*.tabgroup div {
    padding: 30px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.3);
}*/
    
    .clearfix:after {
        content: "";
        display: table;
        clear: both;
    }
	
    .mt-4 {
        margin-top: 1.5rem!important;
    }
    
    .mdimg {
        display: block;
        height: auto;
        max-width: 100%;
        text-align:center;
    }
    
    .hover-shadow:hover {
        box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.8), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
    }
    
    .tabgroup {
        margin-left: -15px;
    }
    
    @media (max-width:769px) {
        .tabgroup {
            margin-left: 0;
        }
    }
    
    .mdbody {
        background-color: #F6F6F6;
        text-align: right;
    }
    
    .mdp {
        color: #707070;
        margin: 0;
    }
    .flexbox {
        align-items: center;
        display: flex;
        justify-content: center;
    }
    .mdul {
        display: flex;
        list-style: none;
    }
	
    .videoWrap {
        position: relative;
        overflow: hidden;
    }
    
    .videoWrap a.venobox.over-lay {
        padding: 0;
        margin: 0;
    }
    
    .videoWrap a.venobox.over-lay:before {
        content: "";
        position: absolute;
        width: 100%;
        height: 100%;
        background-color: #E9ABB0;
        display: block;
        opacity: 0;
    }
    
    .videoWrap a.venobox.over-lay:hover:before {
        opacity: .9;
        transition: .4s all linear;
    }
    
    .videoWrap a.venobox.over-lay:hover i {
        color: #fff;
    }
    
    .videoWrap a.venobox.over-lay:hover i:after {
        border: 3px solid #fff;
    }
    
    .videoWrap i {
        position: absolute;
        top: 50%;
        left: 47%;
        transform: translateY(-50%);
        font-size: 30px;
        color: #fff;
    }
    
    .videoWrap i:after {
        width: 60px;
        height: 60px;
        position: absolute;
        top: -15px;
        left: -22px;
        content: "";
        background-color: transparent;
        border: 1px solid #fff;
        border-radius: 50%;
    }
    
    .videoWrap img {
        max-width: 100%;
    }
    /*.pi {
    }
    
    @media (max-width:767px) {
        .pi {
            margin-top: 20px
        }
    }*/
    
    .pi p {
        font-size: 16px;
        color: #888888;
    }
    /*.pic {
    width: 300px;
    height: 400px;
}*/
    
    @media (min-width:1200px) {
        .pic {
            /*width: 345px;*/
            height: 400px;
        }
    }
    
    .cardtr {
        background-color: transparent;
    }
    
    .padzero {
        padding: 0;
    }
    
    .padzero p {
        font-size: 16px;
        color: #888888;
    }
    
    .padzero h2 {
        font-size: 36px;
        color: #484848;
        font-weight: bold;
    }
    
    .r-wrap {
        min-height: 530px;
        padding: 50px 80px;
    }
    
    @media (max-width:767px) {
        .r-wrap {
            padding: 10px;
        }
    }
    
    .mgimg {
        margin-top: 20px;
    }
    
    .mgimg h2 {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 22px;
        font-weight: bold;
        color: #707070;
    }
    
    .mgimg p {
        font-family: Arial, Helvetica, sans-serif;
        font-size: 16px;
        color: #707070;
    }
    /*.mgimg img {
        width: 100%;
    }*/
    
    .article-data {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex;
        -webkit-box-pack: justify;
        -ms-flex-pack: justify;
        justify-content: space-between;
        margin-bottom: 15px;
        color: black;
    }
    
    .article-data a {
        border-style: solid;
        border-width: 1px;
        padding: 0 6px;
    }
	
	.r-wrap .article-time a {
        color: #E58189;
		display: inline-block;
        margin-bottom: 3px;
        margin-right: 3px;
    }
    
    /*.article-data a:hover {
        background-color: rgb(204, 158, 158);
    }*/
    
    
    .btn-back {
        display: block;
        margin: 40px auto 0;
        max-width: 200px;
        font-size: 1.25rem;
        font-size: 15px;
        color: #000;
        font-weight: 300;
        text-align: center;
        line-height: 45px;
        border: #000000 solid 1px;
        -webkit-transition: all .3s ease-in-out;
        -moz-transition: all .3s ease-in-out;
        -ms-transition: all .3s ease-in-out;
        -o-transition: all .3s ease-in-out;
        transition: all .3s ease-in-out;
    }
    
    .r-wrap a {
        color: #000;
    }
    
    .r-wrap .btn-back:hover {
        text-decoration: none;
        background-color: #E9ABB0;
        color: #fff;
    }
    
    .rimg {
        text-align: center;
        margin-top: 20px;
    }
    
    .rimg img {
        width: 100%;
    }
    
    .repp {
        color: black;
    }
    
    .media-main {
        background-color: #EEEEEE;
    }
	.media-main .news_content{
		padding:0 0 30px 0;
	}
    
    .iconbtn {
        width: 25px;
        height: 22px;
        text-decoration: none;
        margin: 0 8px;
        position: relative;
        font-size: 30px;
        border-radius: 50%;
    }
    
    .iconbtn::before {
        position: absolute;
        z-index: 1;
        left: 50%;
        top: 50%;
        transform: translate(-50%, -50%);
    }
    
    .iconbtn::after {
        content: '';
        position: absolute;
        left: 0;
        top: 0;
        width: 100%;
        height: 100%;
        box-sizing: border-box;
        border-radius: 50%;
        z-index: 0;
    }
    
    .s4 .iconbtn {
        /*border: 4px solid #fff;*/
        color: #a9a9a9;
    }
    
    .s4 .iconbtn::after {
        /*background: #fff;*/
        transition: 0.4s;
    }
    
    .s4 .iconbtn:hover::after {
        transform: scale(1.3);
        opacity: 0;
    }
    
    .s4 .iconbtn:hover {
        color: #E9ABB0;
        animation: ro 2s linear infinite;
    }
    
    @keyframes ro {
        0% {
            transform: rotate(0);
        }
        100% {
            transform: rotate(360deg);
        }
    }
    /*.media-main ul {
        margin: 0;
    }*/
    
    .media-main h1 {
        font-size: 16px;
        padding-top: 5px;
    }
    
    .media-main .wrap {
        padding: 0;
    }
    .tab1 .card-body {
        min-height:85px;
        padding:0 1.25rem;
    }
    
    .tab1 .flexbox {
        align-items: center;
        display: flex;
        justify-content: flex-end;
    }
    
    .tab2 .card-body {
        padding:0 2.5rem;
        min-height:92px;
    }
    
    .tab3 {
        padding-left: 15px;
    }
    
    @media(max-width:769px) {
        .tab3 {
            padding-left: 0px;
        }
    }
    
    .tab3 .card {
        border: 0;
        background-color: #F6F6F6;
    }
    
    .tab3 h3 {
        color: #707070;
    }
    
    .tab3 p {
        color: #707070;
    }
    
    .tab3 img {
        max-width: 100%;
    }
    
    .tab3 .mdimg {
        max-height: 440px;
    }
    
    .tab3 .card-body {
        margin-top: 20px;
        min-height:131px;
    }
    
    .tab4 {
        padding-left: 15px;
    }
    
    @media(max-width:769px) {
        .tab4 {
            padding-left: 0px;
        }
    }
    
    .tab4 .card {
        border: 0;
        background-color: #F6F6F6;
    }
    
    .tab4 h3 {
        color: #707070;
    }
    
    .tab4 p {
        color: #707070;
        
    }
    
    .tab4 img {
        max-width: 100%;
    }
    
    .tab4 .mdimg {
        max-height: 440px;
    }
    
    .tab4 .card-body {
        margin-top: 20px;
        min-height:131px;
    }
    
    @media(min-width:1000px) {
        .col-lg-4 {
            width: 33.33333333%;
        }
    }
    .tab2 .mdp
	{
		text-align:center;
	}
    .tab2 {
        padding-left: 15px;
    }
    
    @media(max-width:769px) {
        .tab2 {
            padding-left: 0px;
        }
    }
    
    .tab1 {
        padding-left: 15px;
    }
    
    @media(max-width:769px) {
        .tab1 {
            padding-left: 0px;
        }
    }
    
    .tab1 .card {
        border: 0;
        background-color: #F6F6F6;
    }
    
    .tabs li .active h1 {
        color: #E9ABB0;
    }