@charset "utf-8";
html,body{scroll-behavior:smooth;font:17px/26px tahoma, Arial, sans-serif!important;}

h1{font-size: 29px;line-height: 1;}
img{max-width: 100%;height: auto;}

figure{margin-block-start: 20px; margin-block-end: 20px; margin-inline-start: 0px; margin-inline-end: 0px; display: block; text-align: center}
.video_box { text-align: center;padding: 20px 0; }

.section-line{color:#b1b1b1; border:0 none; border-top:1px solid; margin:10px 0;}

.special-answer-banner{background: url(../images/special-answer/bg1.jpg) no-repeat center/cover; min-height: 365px;}
.special-answer-banner .detail{background: url(../images/special-answer/icon.png) no-repeat center right 150px;}
.title{font-size: 31px;padding: 100px 0 20px; line-height: 1.4;font-weight: 700;}
.title+p{font-size: 23px;line-height: 1.5;width: 510px;}
/* ---------------- */
.special-answer-container .detail{padding-bottom: 40px;border-bottom: 1px solid #ccc;}
.special-answer-container h2{font-size: 25px;font-weight: bold;padding: 20px 0 5px;}
.special-answer-container h3{font-size: 21px;font-weight: bold;background: #e0eefe;border-radius: 3px;padding: 5px;margin: 25px 0 5px;}
.special-answer-container p{padding: 10px 0;}
.special-answer-container p a{color: #3992ff;}
.special-answer-container .club{font-size: 19px;}
.special-answer-container .club a{color: #3992ff;text-decoration: none;}
.special-answer-container .tab-title{background: #f3f6f9;border-radius: 5px;padding: 30px 30px 10px;margin:25px 0 10px;}
.special-answer-container .zan-content{padding: 15px 0 0;color: #5c5d5e;display: flex;align-items: flex-start;gap: 25px;}
.special-answer-container .author{display: flex;align-items: flex-start;gap: 5px;}
.special-answer-container .author .like{display: inline-flex;gap: 5px;align-items: center;padding-right: 10px;}
.special-answer-container .author .like span{content: url(../images/special-answer/zan.png);cursor: pointer;}
.special-answer-container .author .like span.active{content: url(../images/special-answer/zan2.png);}
.special-answer-container .author .like b{font-weight: normal;}
.special-answer-container .author-mess{margin: 10px 0 0;border-top:1px solid #b1b1b1;padding: 20px 0;}

.btn-content a:hover {text-decoration: underline;}
.btn-content .btn a.down{display:inline-block;font-size:16px;color:#fff;border-radius:5px;font-weight:700;background-color:#8ece50;padding:13px 30px;text-decoration:none;transition: all 0.5s;-o-transition: all 0.5s;-moz-transition: all 0.5s;-webkit-transition: all 0.5s;}
.btn-content .btn a.down var{font-style: normal;font-size: 13px;}
.btn-content {display: flex;justify-content: center;padding: 20px 0;}
.btn-content .btn {position: relative;}
.btn-content .btn span{position: absolute;left: 0;right: 0;bottom: 105%;color: #595959;border: 1px solid #dedfe3;background: #fff;padding: 5px;line-height: 1.2;border-radius: 5px;display: none;font-size: 15px;text-align: center;}
.btn-content .btn span::after{content: '';position: absolute;top: 100%;left: 0;right: 0;width: 10px;height: 10px;margin: 0 auto;border-right: 1px solid #dedfe3;border-bottom: 1px solid #dedfe3;background-color: #fff;transform: translateY(-45%) rotate(45deg);}
.btn-content .btn a:hover+span{display: block;}
.btn-content .btn a:nth-child(1){margin-right: 0;}
.btn-content .btn:nth-child(1){margin-right: 40px;}
/* ------------------ */
.messageBoard {padding: 60px 0 30px;}
.messageBoard .box {border: 1px solid #7d7d7d;padding: 15px 100px 40px;text-align: center;background-color: #fbfbfb;}
.messageBoard .box h2 {font-size: 27px;line-height: 48px;font-weight: 600;color: #000;}
.messageBoard .box .suhead {font-size: 21px;line-height: 26px;margin: 5px 0 30px;}
.messageBoard .box .about-prod{ font-size:19px; text-align:left; vertical-align:middle;}
.messageBoard .box .about-prod .input-box{ display:inline-block; border:1px solid #0F9BFF; padding:6px 15px; border-radius:13px; margin:0 0 0 10px;}
.messageBoard .box .about-prod .input-box.focus{ background:#DBF0FF;}
.messageBoard .box .about-prod input:after{content:"";display:inline-block;width:19px;height:19px;border:1px solid #7d7d7d;margin-top: -5px; background:#fff; cursor:pointer;}
.messageBoard .box .about-prod input:checked:after{content:"";display:inline-block;width:19px;height:19px;border:1px solid #7d7d7d;margin-top: -5px; background: url(../images/special-answer/tick.png) no-repeat center #fff;}
.messageBoard .box .about-prod label{ margin:0 0 0 20px; cursor:pointer;}

.messageBoard .box .country {font-size: 17px; line-height: 26px;}
.messageBoard .box .country label {margin-left: 15px;}
.messageBoard .box .country input {margin-right: 5px;}
.messageBoard .box textarea {background-color: #ffffff;display: block;width: 100%;margin: 30px auto 25px;padding: 10px 20px;box-sizing: border-box;}
.messageBoard .box .text-email{font-size: 15px;}
.messageBoard .box .text-email input {border: 1px solid #d6d6d6;height: 32px;width: 335px;margin: 0 15px;padding: 0 10px;}
.messageBoard .box .text-email button {height: 36px;background-color: #ff9329;border-radius: 5px;width: 155px;color: #ffffff;font-size: 21px;border:0;vertical-align: bottom;cursor: pointer;}
.messageBoard .box .succ-text{ padding:20px 0 0; font-size:23px; display:none;}
.messageBoard .mess-t{ color:#757575; padding:20px 0; font-size:17px;}
.messageBoard .mess-t a {color: #0f9bff;}
/* --------------- */
.right-slide{position: fixed;right: 30px;top: 100px;width: 250px;}
.right-slide ul{padding: 10px 0 0;}
.right-slide ul li{font-size: 15px;padding: 6px 0;}
.right-slide ul li a{display: inline-block;width: 205px;box-sizing: border-box;color: #555;border: 1px solid #e5e5e5;border-radius: 16px;line-height: 32px;padding: 0 5px 0 10px;text-decoration: none;}
.right-slide ul li a::after{content: "";color: #5ea7ff;display: inline-block;border-left: 6px solid currentColor;border-bottom: 4px solid transparent;border-top: 4px solid transparent;margin-left: 10px;}
.right-slide ul li a:hover{background: #ffcd6d;border-color:#ffcd6d;}
.right-slide ul li a:hover::after{color: #fff;}
.right-slide .slide-bottom{margin: 190px 0 0;background: radial-gradient(90px at 70px bottom,#fadfa6,transparent),#f5f5f0;border-radius: 10px;text-align: center;padding-bottom: 25px;}
.right-slide .slide-bottom >img{margin-top: -160px;padding-bottom: 10px;}
.right-slide .slide-bottom p{font-size: 15px;text-align: left;padding:5px 0 15px 15px;line-height: 1.2;}
.right-slide .slide-bottom .btn a{display: inline-block;padding: 0 10px; border-radius: 5px;background: #32a0fc;line-height: 33px;color: #fff;font-size: 15px;text-decoration: none; margin: 5px 0;}

.special-answer-container .see-also {
    padding: 20px 34px;
    border: 1px solid #dcdcdc;
    margin-bottom: 24px;
}
.special-answer-container .para-list {
    padding: 0 0 20px 20px;
}
.special-answer-container .para-list li{list-style: disc;}
.special-answer-container .para-list li a{color:#3992ff;}

.Top{width: 0;height: 0; position: fixed;bottom:5%;right: 3%;cursor: pointer;transition: all 0.2s;}
.Top.show{width: 90px;height: 90px;}

@media (max-width: 1630px) {
	.right-slide{display: none;}
}

@media (max-width: 979px) {
	.special-answer-banner .detail{background: none;}
	.title+p{width: auto;}
	.video_box iframe{width: 100%;height: auto;}

	.messageBoard {padding: 50px 0; background-color: #f8f8f8;padding: 30px 0;}
	.messageBoard .box {border: 1px solid #d5d5d5; padding: 50px; text-align: center; padding: 20px;}
	.messageBoard .box h2 {font-size: 1.1875rem;line-height: 1.4;}
	.messageBoard .box .text-email input {width: 100%;margin: 10px auto;box-sizing: border-box;}
}

@media (max-width: 767px) {
	.messageBoard .box .about-prod .input-box{ margin:5px 0;}
}

@media (max-width: 500px) {
	.messageBoard .box{margin: 0 10px;padding: 20px 10px;}
	.messageBoard .box .suhead{font-size: 1.0625rem;}
	.messageBoard .mess-t { font-size: .9375rem; }
}

.articleTable{border:1px solid #d4e5f3;border-top: none;border-right: none;border-radius: 5px; width: 100%; overflow:hidden; margin: 30px 0}
.articleTable table{ border-collapse: collapse; width: 100%;}
.articleTable table tr th{padding: 30px 0; background: #ddeefc;border-right: 1px solid #d4e5f3;}
.articleTable table tr th:last-child{}
.articleTable table tr:nth-of-type(2n+1){background: #f7f7f7;}
.articleTable table tr td{border-right: 1px solid #d4e5f3; text-align:center;}
.articleTable table tr td:first-child p{padding: 20px;}
.articleTable table tr td p b{color: #333;}
.articleTable table tr td .text{text-align:left; padding:20px 0 20px 10px;}
.buy-button{text-align: center;}
.buy-button a {
	display: inline-block;
    line-height:45px;
    background-color: #fca033;
    border-radius: 5px;
	width: 90%;
    font-weight: 600;
    font-size: 21px;
    color: #fff;
    text-decoration: none;
}
@media (max-width: 979px) {
	.articleTable{overflow-x: auto;}
}