@charset "utf-8";
/* CSS Document */

#sitecatch {
	width: 100%;
	padding: 20px 0;
	background: #f6ac9b;
}

#sitecatch h2 {
	margin: 0 4%;
	background: url(../img/top/txt_sitecatch.png) no-repeat center 50%;
	padding-bottom: calc(100%*91/690);/* calc(100*ImageHeight/ImageWidth)% */
	background-size: 100% auto;
	text-indent: -99999px;
}

#header .innerbox {
	margin-bottom: 0;
}

.innerbox {
	margin-bottom: 30px;
}

/* News
----------------------------------------------------------- */

#News h3 span {
	color: #7fc28d;
    /* font-weight: 400; */
	margin-top: 25px;	
	margin-bottom: 5px;
}

.Nbox_in {
	display: block;
	background: #f1f9e4;
	padding: 15px 3%;
	margin-bottom: 2px;
}

.Nbox_in p {
	padding-left: 3%;
}

.Nbox_title {
	background-image: url("../img/top/news_icon.png");
	background-repeat: no-repeat;
	background-position: left center;
	background-size: 1.7%;
	font-weight: bold;
	vertical-align: middle;
}

/* pickupSec
----------------------------------------------------------- */

#pickupbox h3 em {
	border-bottom: 1px solid #f3b9ab;
}

.pickupSec {
	margin-bottom: 12px;
	position:relative;
}
.pickupSec .prev {
	position:absolute;
	left:-70px;
	top:43%;
}
.pickupSec .next {
	position:absolute;
	right:-70px;
	top:43%;
}
#pickup li {
	display: block;
	float: left;
	width: 50%;
	background:#fdf0e6;
}

#pickup li:nth-child(4n),
#pickup li:nth-child(4n-3)  {
	background:#fffbec;
}

#pickup li > div {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	border-bottom: 2px solid #fff;
}
#pickup .photo {
	padding:15px 0 10px;
	text-align:center;
	position:relative;
}
#pickup .photo a:hover {
	opacity:1;
	filter:alpha(opacity=100);
}
#pickup .pic {
	width: 90%;
    height: auto;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	-o-border-radius:50%;
	-ms-border-radius:50%;
	border-radius:50%;
	background-size: cover;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

#pickup .status {
	position: absolute;
	right: 0;
	top: 50%;
}
#pickup .circle {
	position:absolute;
	right:13px;
	bottom:0;
}
#pickup .date {
	color:#f47252;
	font-weight:bold;
	font-size:78%;
	padding: 10px 15px 6px;
}
#pickup .title {
	font-size:92%;
	min-height:60px;
	padding: 0 15px 10px;
}
#pickup .detail {
	position:relative;
}
#pickup .detail a {
	display:block;
	font-size:85%;
	padding: 10px 0 15px;
	text-align:center;
	background:url(../img/top/bg_arrow.png) no-repeat 50% 0;
    background-size: 85% auto;
}
#pickup .r_menu {
    color: #f47252;
    font-size: 85%;
    padding: 0 15px 10px;
}

#pickup .detail a:hover {
	background:#fddfcc url(../img/top/arrow_odd_on.png) no-repeat 50% 0;
    background-size: 90% auto;
	opacity:1;
	filter:alpha(opacity=100);
}
#pickup li.even .detail a:hover {
	background:#fddfcc url(../img/top/arrow_even_on.png) no-repeat 50% 0;
    background-size: 90% auto;
}

.link2 {
	width: 97%;
	display:inline-block;
	color:#e82e00;
	background:#fff;
	border:5px solid #ffeee1;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-ms-border-radius:35px;
	border-radius:35px;
	margin-top: 15px;
	padding: 10px 0;
	min-width:270px;
	text-align:center;
}
.link2 span {
	display:inline-block;
	vertical-align: middle;
	line-height:1;
	color:#e82e00;
}
.link2 span:before {
	content:"";
    display:inline-block;
	vertical-align:middle;
    background:url(../img/common/icon_arrow6.png) no-repeat 0 50%;
    width:14px;
    height:14px;
	line-height:1;
	margin-right:12px;
}

/* top_repair
----------------------------------------------------------- */

#top_repair {
    background: #e8f7f1;
    border-top: 15px solid #ddf3eb;
	padding-bottom: 30px;
}

#top_repair h3 {
	margin-top: 15px;
}

#top_repair h3 em {
	border-bottom: 1px solid #00a16a;
}

.TR_box {
	background-color: #fff;
	padding: 25px 5% 20px;
	margin-bottom: 2px;
}

.TR_box:last-child {
	margin-bottom: 0;
}

/* .TR_item */

.TR_item ul {
	width: 100%;
	margin-top: 10px;
}

.TR_item ul li {
	width: 25%;
	float: left;
	text-align: center;
}

.TR_item ul li:first-child {
	margin-left: 0;
}

.TR_img {
	display: block;
	text-align: center;
	background-color: #ffb881;
	background-repeat: no-repeat;
	border: solid 5px #ffb881;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
	margin:0 2px
}

.TR_item ul li img {
	width: 75%;
    height: auto;
    padding: 13% 14%;
}

.TR_item ul li span {
	display: block;
	font-size: 90%;
	margin-top: 2px;
	letter-spacing: 0;
}

/* .TR_item */

.TR_menu ul {
	display: table;
    width: auto;
	margin: 10px auto 0;
}

.TR_menu ul li {
	padding: 1% 0;
}
.TR_menu ul li span {
	color: #96e0c7;
	padding-right: 5px;
}

.TR_m_btn {
	width: 100%;
	display:inline-block;
	color:#fff;
	font-weight:bold;
	background:#00b7d2 url(../img/common/icon_arrow7.png) no-repeat 100% 50%;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	-o-border-radius:5px;
	-ms-border-radius:5px;
	border-radius:5px;
	padding:10px 0;
	margin-top: 10px;
	text-align:center;
}
.TR_m_btn span {
	padding-right:40px;
	color:#fff;
	vertical-align: middle;
}
.TR_m_btn img {
	max-width: 28px;
	margin-right:15px;
}

/* .TR_item */

.TR_brand ul {
	margin: 10px auto 0;
}

.TR_brand ul li {
	padding: 1% 0;
}

.TR_brand ul li span.b_circle {
	color: #96e0c7;
	padding-right: 5px;
}

.TR_brand ul li span.b_bold {
    font-weight: bold;
    padding-right: 20px;
}

.TR_brand p {
	padding-left: 1em;
    text-indent: -1em;
}

.TR_brand .en_name {
	display: inline-block;
}

.TR_b_btn {
	width: 97%;
	display:inline-block;
	color:#00a26b;
	background:#fff;
	border:5px solid #bdeddd;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-ms-border-radius:35px;
	border-radius:35px;
    margin-top: 15px;
	padding: 10px 0;
	min-width:270px;
	text-align:center;
}

.TR_b_btn span {
	display:inline-block;
	vertical-align:middle;
	color:#00a26b;
}

.TR_b_btn span:before {
	content:"";
    display:inline-block;
	vertical-align:middle;
    background:url(../img/common/icon_arrow8.png) no-repeat 0 50%;
    width:14px;
    height:14px;
	line-height:1;
	margin-right:12px;
}

/* top_live
----------------------------------------------------------- */

#top_live h3 em {
	border-bottom: 1px solid #00b7d2;
}

.monitorList {
	margin-top: 10px;
}
.monitorList li {
	float: left;
	width: 48%;
	margin-bottom: 10px;
}
.monitorList li > div {
	background: #eef8ff;
}

.monitorList li:nth-child(odd) {
	margin-right: 4%;
}

.monitorList li .photo {
	width: 100%;
	height: auto;
}

.monitorList li .photo img {
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
    background-size: cover;
    background-position: center center;
}

.imgBg {
	display: block;
	width: 100%;
	height: auto;
	background-repeat: no-repeat;
	background-position: center;
	background-size: cover;
}

.monitorList li .text {
	font-size: 78%;
	padding: 15px 15px 15px 20px;
}
.monitorList li .detail a {
	display: block;
	font-size: 85%;
	background: url(../img/top/bg_arrow2.png) no-repeat 50% 0;
    padding: 10px 0 15px;
	text-align: center;
    background-size: 85% auto;
}
.monitorList li .detail a:hover {
	background: #d0e9f4 url(../img/top/bg_arrow2_on.png) no-repeat 50% 0;
	opacity: 1;
	filter: alpha(opacity=100);
}

.TL_b_btn {
	width: 97%;
	display:inline-block;
	color: #fff;
	background: #00b7d2;
	border:5px solid #dff2fb;
	-moz-border-radius:35px;
	-webkit-border-radius:35px;
	-o-border-radius:35px;
	-ms-border-radius:35px;
	border-radius:35px;
    margin-top: 5px;
	padding: 10px 0;
	min-width:270px;
	text-align:center;
	vertical-align:middle;
}

.TL_b_btn span {
	display:inline-block;
	vertical-align:middle;
	color: #fff;
}

.TL_b_btn span:before {
	content:"";
    display:inline-block;
	vertical-align:middle;
    background:url(../img/common/icon_arrow9.png) no-repeat 0 50%;
    width:14px;
    height:14px;
	line-height:1;
	margin-right:12px;
}

/* top_faq
----------------------------------------------------------- */

#top_faq h3 em {
	border-bottom: 1px solid #00a16a;
}

/* faqSec */
.faqSec {
	width: 100%;
	margin:0 auto;
	border-top:1px solid #e1e1e1;
}
.faqSec h5 {
	border-top:1px solid #fff;
	border-bottom:1px solid #e1e1e1;
	padding-top:1px;
	padding-bottom:1px;
	background:url(../img/top/icon_q.png) no-repeat 15px 50%, url(../img/top/icon_down.png) no-repeat 100% 50%;
	cursor:pointer;
}
.faqSec h5 span {
	display:block;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	padding: 10px 13%;
}
.faqSec h5.active {
	border-bottom:1px dotted #e1e1e1;
	background:url(../img/top/icon_q.png) no-repeat 15px 50%, url(../img/top/icon_up.png) no-repeat 100% 50%;
	background-color:#fffbee;
}
.faqSec .answer {
	background:url(../img/top/icon_a.png) no-repeat 15px 15px;
	padding:15px 10px 15px 45px;
	border-bottom:1px dotted #e1e1e1;
	display:none;
}