@charset "utf-8";

#service .title-bn-content{ background:url(../images/service_banner.png) 0 -100px no-repeat; }


.list-tab{ margin: 30px auto; text-align: center; margin: 0 auto; width: 980px;}
.list-tab li{ float: left; color: #c9a063; display: block; margin-right: 50px; padding: 15px 0; text-decoration: none;}

 .list-tab li a { font-size: 18px; color: #333;}
 .list-tab li:hover a{ color: #c9a063; }
 
.btn-list-tab{color:#fff;}
.btn-list-tab:hover, .btn-list-tab.on{color: #c9a063}
.ie8 .btn-list-tab:hover, .ie8 .btn-list-tab.on{background-image:none}

.article_contain img{ margin: 0 0 20px; }
.case_list li{ width: 280px; color: #999; display: inline-block; margin: 10px 20px 60px; text-align: center;}

.case_list li img { height: 160px; display: block; margin: 0 auto;}
.case_list li:hover {color: #333; }

#service .title-main{ font-size: 20px; display: block;}
.text-gray-s p{ text-align: left; }

/*JS展開*/
.qa_content{ width: auto; padding: 25px; border-top: 1px #ddd solid; overflow: hidden; text-align: left;}
.qa_content h3{ font-size: 16px; line-height: 26px; margin: 0 0 20px; }
.qa_content p{ font-size: 14px; line-height: 25px; color: #555; border-top: 1px #ddd solid; margin: 10px 0; padding: 10px;}
.qa_content ul { margin: 20px 0;}
.qa_content ul li{ background: #fff;}
.qa_content ul ol{ line-height: 22px;}
.qa_content span{ text-align: 22px; }

.grid-content-co1-2{ width: auto; height: auto; margin: 17px 0 17px 0; background: #fff;}
.grid-content-co1-2:hover .qa_title{ cursor:pointer;}
.grid-content-co1-2:hover .qa_content{ border-top: 1px #0b888d solid; background: #fff;}
.grid-content-co1-2:hover .NewIcon{ background-position: -60px 0;}

.TitleTime{ color: #9f9f9f; display: inline-block; border-right: 2px #eaeaea solid; padding: 0 20px 0 25px; margin: 25px 0 0 0; line-height: 30px;}
.TitleDate{ width: 15px; height: 15px; display: inline-block; font-size: 13px; color: #9f9f9f; margin: 0 10px 0 0; background: url(../images/ServiceTimeIcon.png) top left no-repeat;}
.TitleDate2{ width: 15px; height: 15px; display: inline-block; font-size: 13px; color: #9f9f9f; margin: 0 10px 0 0; background: url(../images/ServiceTimeIcon2.png) top left no-repeat;}
.QAtitle{ font-size: 18px; font-weight: bold; color: #0b888d; margin: -41px 0 0 -10px; padding: 25px; display: inline-block; }

.OpenUpIcon{ width: 30px; height: 25px; background: url(../images/Servicebulletin-arrow.png) 0 0; float: right; margin: 21px;}
.qa_title{ text-align: left; border-bottom: 1px #ddd solid;}
.qa_title:hover .OpenUpIcon{ width: 30px; height: 25px; background: url(../images/Servicebulletin-arrow.png) 0 -25px; float: right; margin: 21px;}
.qa_title_on .OpenUpIcon{ width: 30px; height: 25px; background: #ddd; float: right; margin: 21px;}
.NewIcon{ width: 60px; height: 51px; background: url(../images/BulletionNewIcon.png) 0 0 ; float: left; margin: 0 -50px 0 0;}


@media (max-width:480px){
.qa_content img{ width: 270px; }
}