@charset "UTF-8";
@import 'sanitize.css';
body { margin: 0; padding: 0; color: #000; background: #fff; font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif; font-size:16px; }
h1,h2,h3,h4,h5,h6{ margin: 0; padding: 0; font-weight: normal; letter-spacing: normal; }
ul,li,ol{ margin: 0; padding: 0; list-style: none;}
a{ text-decoration: none; cursor: pointer; }
.clr:after{ content:""; display:block; height:0; clear:both; visibility:hidden; }

/* Keyvisual */
#KeyvisualTop{width: 100%; max-width: 1440px; margin: 120px auto -80px;}
#KeyvisualTop a{display: block;}
#KeyvisualTop img{width: 100%; height: auto;}
#KeyvisualTop img.banner_sp{display: none;}
.Keyvisual{ width: auto; height: auto; margin-top: 120px; /*background: linear-gradient(180deg, #f0f0f0 50%, #ffffff 50%);*/}
.KeyvisualBox{ width: auto; max-width: 1180px; margin: auto; padding: 25px 0px; }
.KeyvisualBox ul{ margin: 0; padding: 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
.KeyvisualBox ul li{ position: relative; background: #fff;}
.KeyvisualBox ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: center;}
.KeyvisualBox ul li img{ width: 100%; max-width: 100%; height: auto; /*height: 400px;*/ overflow: hidden;}
/*.KeyvisualBox ul li .Picture{ width: 60%; height: 400px; overflow: hidden;}
.KeyvisualBox ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.KeyvisualBox ul li .Detail{ width: 40%; height: 100%; font-size: 18px; padding: 20px 48px; background: #fff; color: #000; }
.KeyvisualBox ul li .Detail .Title{ font-size: 34px; font-weight: 700; margin: 0; }
.KeyvisualBox ul li .Detail .CategotyDate{ font-size: 14px; font-weight: bold; margin: 10px 0 0 0; color: #B4B4B4; }
.KeyvisualBox ul li .Detail .CategotyDate span{ font-weight: 300;}*/

/* SubSlide */
.SubSlide{ width: auto; height: auto; margin-bottom: 80px;}
.SubSlideBox{ width: auto; max-width: 1100px; margin: auto; }
.SubSlideBox h2{ font-weight: bold; font-size: 28px; text-align: center; margin-bottom: 10px;}
.SubSlideBox .SlideList { overflow: hidden; bottom: 0; margin: 0 10px; }
.SubSlideBox .SlideCenter .slick-center img {transform: scale(1); opacity: 1; width: 100%; height: auto;}
.SubSlideBox .SlideCenter img { height: auto; max-height: 130px; transition: all 300ms ease; bottom: 0; transform: scale(1); }

/* slick slide custom */
.slick-dots{ bottom: -40px!important; }
.slick-dots li { width: 40px!important; height: 6px!important; background-color: #D2232A;}
.slick-dots li button { width: 40px!important; height: 6px!important; padding: 0px!important; background-color: #BEBEBE;}
.slick-dots li button:before{ width: 40px!important; height: 6px!important; background-color: #BEBEBE; opacity: 1!important; font-size: 0!important;}
.slick-dots li.slick-active button:before{ background-color: #000000; opacity: 1!important;}
.slick-prev:before { background-image: url('../images/icon/icon-slick-arrow-left.svg'); background-size: cover; display: inline-block; width: 40px!important; height: 40px!important; content:""; }
.slick-next:before { background-image: url('../images/icon/icon-slick-arrow-right.svg'); background-size: cover; display: inline-block; width: 40px!important; height: 40px!important; content:""; }
.slick-prev, .slick-next{ z-index: 9!important; top: 50%!important; width: 40px!important; height: 40px!important;}
.slick-prev{ left: -40px!important;}
.slick-next{ right: -40px!important;}
.slick-track { float: left!important; }

/* NewandRankingArticle */
.NewandRankingArticle{ width: auto; height: auto; }
.NewandRankingArticleBox{ width: auto; margin: auto; padding: 10px 0px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.NewandRankingArticleBox .ArticleRankingBox{ width: 48%; margin-top: 10px; overflow: auto;}
.NewandRankingArticleBox .ArticleRankingBox .Duration{ display: inline-block; margin-top: 10px;}
.NewandRankingArticleBox .ArticleRankingBox .Duration span{ display: inline-block; color: #BEBEBE; border-bottom: 3px solid #BEBEBE; margin: 0 -3px; padding: 0 10px 5px 10px; cursor: pointer; }
.NewandRankingArticleBox .ArticleRankingBox .Duration span.active{ color: #D2232A; border-bottom: 3px solid #D2232A;}
.NewandRankingArticleBox .ArticleRankingBox ul{ margin: 0; margin-top: 20px;}
.NewandRankingArticleBox .ArticleRankingBox ul li{ width: auto; margin-bottom: 25px; position: relative;}
.NewandRankingArticleBox .ArticleRankingBox ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; color: #000; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox ul li .Picture{ width:55%; height: auto; /*height: 160px;*/ position: relative;}
.NewandRankingArticleBox .ArticleRankingBox ul li .Picture a{ display: none!important; }
.NewandRankingArticleBox .ArticleRankingBox ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.NewandRankingArticleBox .ArticleRankingBox ul li .Detail{ width: 45%; padding-left: 20px;}
.NewandRankingArticleBox .ArticleRankingBox ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold;}
.NewandRankingArticleBox .ArticleRankingBox ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; margin-bottom: 0;color: #B4B4B4; }
.NewandRankingArticleBox .ArticleRankingBox ul li .Detail .CategotyDate a{ display: inline!important; }
.NewandRankingArticleBox .ArticleRankingBox ul li .Detail .CategotyDate span{ font-weight: 300;}
.NewandRankingArticleBox .ArticleRankingBox ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox ul li a:hover{ color: #666; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox ul li a:hover .Picture .RankingNumber{ background-color: #D2232A; opacity: 1; transition: all .2s;}
.OneWeeks{ display: block;}
.OneMonth{ display: none;}
.NewandRankingArticleBox .ArticleRankingBox2{ width: 48%; margin-top: 10px; overflow: auto;}
.NewandRankingArticleBox .ArticleRankingBox2 .Duration{ display: inline-block; margin-top: 10px;}
.NewandRankingArticleBox .ArticleRankingBox2 .Duration span{ display: inline-block; color: #BEBEBE; border-bottom: 3px solid #BEBEBE; margin: 0 -3px; padding: 0 10px 5px 10px; cursor: pointer; }
.NewandRankingArticleBox .ArticleRankingBox2 .Duration span.active{ color: #000000; border-bottom: 3px solid #000000;}
.NewandRankingArticleBox .ArticleRankingBox2 ul{ margin: 0; margin-top: 20px; counter-reset: my-sec-counter; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li{ width: auto; margin-bottom: 25px; position: relative;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li::before { position: absolute; top: 0; left: 0px; background-color:#000;z-index: 2; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;  counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ""; color: #fff;  }
.NewandRankingArticleBox .ArticleRankingBox2 ul li a{ /*display: flex; flex-wrap: nowrap; justify-content: space-between;*/ color: #000; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li .DivFlex{ width: 100%; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture{ width:55%; height: auto; /*height: 160px;*/position: relative;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail{ width: 45%; padding-left: 20px;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; margin-bottom: 0;color: #B4B4B4; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .CategotyDate a{ color: #B4B4B4; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .CategotyDate span{ font-weight: 300;}
.NewandRankingArticleBox .ArticleRankingBox2 ul li:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li:hover::before { background-color: #D2232A; background-color: #666; opacity: 1; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li a:hover{ color: #666; transition: all .2s; }
.NewandRankingArticleBox .ArticleRankingBox2 ul li a:hover .Picture .RankingNumber{ background-color: #D2232A;  opacity: 1; transition: all .2s;}
.RelatedRank ul{ counter-reset: my-sec-counter!important; }
.RelatedRank ul li{ position: relative;}
.RelatedRank ul li:hover::before { background-color: #666!important; opacity: 1; transition: all .2s; }
.RelatedRank ul li::before { position: absolute!important; top: 0!important; left: 0px!important; background-color:#000!important; z-index: 2; width: 24px!important; height: 24px!important; font-size: 14px; text-align: center; line-height: 24px;  counter-increment: my-sec-counter; content: "" counter(my-sec-counter) " "; color: #fff!important;  }
.RelatedRank ul li:hover .Picture img{ opacity: 0.7!important; transition: all .2s; }
.LockIcon{ width: 18px; height: auto; vertical-align: middle; margin-left: 5px;}

/* SerialArticle */
.SerialArticle{ width: auto; height: auto; padding: 15px 0px; }
.SerialArticleBox{ width: auto; margin: auto; }
.SerialArticleBox h2{ font-weight: 700; font-size: 30px; font-family: helvetica,arial, sans-serif;}
.SerialArticleList{ max-width: 990px; margin: auto;}
.SerialArticleList ul{ margin: 0; padding: 0;}
.SerialArticleList ul li{ width: auto; height: 320px; position: relative; }
.SerialArticleList ul li .Picture{ width:100%; height: 100%; overflow: hidden; }
.SerialArticleList ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.SerialArticleList ul li .Detail{ position: absolute; top: 0; right: 50px; max-width: 350px; height: 100%; display: flex; align-items: center; padding: 30px; background-color: rgba(0, 0, 0, 0.8);}
.SerialArticleList ul li .Title{ position: relative; font-size: 35px; font-weight: bold; color: #fff; padding: 20px 0; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.SerialArticleList ul li .Title .Number{ display: block; position: absolute; right: 0; bottom: -15px; width: 30px; height: 30px; font-size: 13px; text-align: center; content: ''; background-color: #D2232A; border-radius: 100px; color: #fff; line-height: 30px;}

/* MaxWidthContent */
.MaxWidthContent{ max-width: 1020px; }

/* MaxWidthSmallContent */
.MaxWidthSmallContent{ max-width: 800px; margin: auto; }

/* MaxWidthContentMargin */
.MaxWidthContentMargin{ margin: auto; }

/* HeaderBox */
.HeaderBox{ width: auto; margin: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; align-items: flex-end; }
.HeaderBox h2{ font-weight: 700; font-size: 36px; text-align: left; letter-spacing: 0px;font-style: normal;font-family: helvetica,arial, sans-serif;}
.HeaderBox h2 span{ font-size: 24px; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}

.HeaderBox h2.Member{font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.HeaderBox h2.Member span{ font-size: 14px; font-weight: 300; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.HeaderBox.column h2{ font-weight: 700; font-size: 26px; text-align: left;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.HeaderBox h1{ font-weight: 700; font-size: 36px; text-align: left;  letter-spacing: 0px; font-family: helvetica,arial, sans-serif;}
.HeaderBox h1 span{ font-size: 14px; font-weight: 300; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.HeaderBox p{ font-weight: 300; font-size: 14px; text-align: right; position: relative;}
.HeaderBox p.Link{margin: 0 0 8px 0; line-height: 22px;}
.HeaderBox p a{ display: inline-block; padding-right: 30px; color: #000; }
.HeaderBox p a:after{ position: absolute; width: 18px; height: 18px; content: ''; right: 2px; top: 2px; background-image: url("../images/icon/icon-arrow-right.svg"); background-repeat: no-repeat; background-size:contain; background-position: center; transition: all .2s;}
.HeaderBox p a:hover:after{ right: 0px; z-index: 99; transition: all .2s; }
.HeaderBoxPage a{ padding-right: 0px!important;}
.HeaderBoxPage p a:after{ display: none;}

/* HeaderBoxOtherspage */
.HeaderBoxOtherspage{ width: auto; margin: auto; overflow: auto;  /*display: flex; flex-wrap: nowrap; align-items: center;justify-content: space-between;*/}
.HeaderBoxOtherspage h2{ display: inline-block; font-weight: 700; font-size: 36px; text-align: left;font-family: helvetica,arial, sans-serif;}
.HeaderBoxOtherspage h2 span{ font-size: 14px; font-weight: 300; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.HeaderBoxOtherspage h1{ display: inline-block; font-weight: 700; font-size: 24px; text-align: left;}
.HeaderBoxOtherspage div{ display: inline-block; vertical-align: bottom;}
.HeaderBoxOtherspage p{ float: right; margin: 10px 0; font-weight: 500; font-size: 14px; text-align: right; position: relative;}
.HeaderBoxOtherspage p a{ display: inline-block; padding-right: 30px; color: #000;}
.HeaderBoxOtherspage p a:after{ position: absolute; width: 18px; height: 18px; content: ''; right: 2px; top: 2px; background-image: url("../images/icon/icon-arrow-right.svg"); background-repeat: no-repeat; background-size:contain; background-position: center; transition: all .2s;}
.HeaderBoxOtherspage p a:hover:after{ right: 0px; z-index: 99; transition: all .2s; }

/* HeaderCategoryBox */
.HeaderCategoryBox{ width: auto; margin: auto; display: flex; flex-wrap: nowrap; justify-content: left; align-items: baseline; }
.HeaderCategoryBox.one_column{display: block;  }
.HeaderCategoryBox h2{ font-weight: 700; font-size: 24px; margin-right: 40px; text-align: left; }
.HeaderCategoryBox h1{ font-weight: 700; font-size: 24px; margin-right: 40px; text-align: left;  text-transform: capitalize;}
.HeaderCategoryBox .CategoryList{ padding: 10px 0 0 0; font-size: 15px; font-weight: 600; position: relative;}
.HeaderCategoryBox.one_column .CategoryList{ margin: 10px 0;}
.HeaderCategoryBox .CategoryList ul li{ display: inline-block; padding: 0; margin-right: 15px;}
.HeaderCategoryBox .CategoryList a{ display: inline-block; color: #000;}
.HeaderCategoryBox .CategoryList a:hover{ color: #a80000; }
.HeaderCategoryBox .CategoryList a.Active{ color: #a80000; text-decoration: underline; }

/* BlogTemplate */
.BlogTemplate{ width: auto; height: auto; }
.BlogTemplateBox{ width: auto; margin: auto; padding: 15px 0px; }
.BlogTemplateBox .BlogTemplateList{ margin-top: 10px; }
.BlogTemplateBox .BlogTemplateList ul{ margin: 0;}
.BlogTemplateBox .BlogTemplateList ul li{ width: 46%; float: left; margin-bottom: 25px; position: relative; z-index: 1;}
.BlogTemplateBox .BlogTemplateList ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; color: #000; transition: all .2s; }
.BlogTemplateBox .BlogTemplateList ul li .Picture{ width:44%; height: auto; /*height: 130px;*/ overflow: hidden; position: relative;}
.BlogTemplateBox .BlogTemplateList ul li .Picture p{ margin: 0;}
.BlogTemplateBox .BlogTemplateList ul li .Picture .YoutubeIframe{ width: 100%; height: auto; overflow: hidden; position: relative;}
.BlogTemplateBox .BlogTemplateList ul li .Picture .YoutubeIframe .YTIframe{ width: 100%; margin: 0; position: relative; padding-bottom: 54%; height: 0; overflow: hidden; text-align: center; }
.BlogTemplateBox .BlogTemplateList ul li .Picture .YoutubeIframe .YTIframe iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.BlogTemplateBox .BlogTemplateList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.BlogTemplateBox .BlogTemplateList ul li .NewIcon{ position: absolute; color: #fff; left: -10px; top: 20px; z-index: 2; width: 80px; height: 45px; background-image: url("../images/icon/icon-new.svg"); background-repeat: no-repeat; background-size:contain; background-position: center;}
.BlogTemplateBox .BlogTemplateList ul li .Detail{ width: 56%; padding-left: 20px;}
.BlogTemplateBox .BlogTemplateList ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold; }
.BlogTemplateBox .BlogTemplateList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; margin-bottom: 0; color: #999; }
.BlogTemplateBox .BlogTemplateList ul li .Detail .CategotyDate a{  color: #999; }
.BlogTemplateBox .BlogTemplateList ul li .Detail .CategotyDate span{ color: #999; font-weight: 300;}
.BlogTemplateBox .BlogTemplateList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.BlogTemplateBox .BlogTemplateList ul li a:hover{ color: #666; transition: all .2s; }
.BlogTemplateBox .BlogTemplateList ul li:first-child{ width: 51.5%; margin-right: 2.5%; }
.BlogTemplateBox .BlogTemplateList ul li:first-child a{ display: block; }
.BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ width:100%; height: auto; /*height: 320px;*/ overflow: hidden;}
.BlogTemplateBox .BlogTemplateList ul li:first-child .Picture img{ display: block; width: auto; width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ }
.BlogTemplateBox .BlogTemplateList ul li:first-child .Detail{ width: 100%; margin-top: 20px; padding-left: 0px;/* border-left: 10px solid #D2232A;*/}
.BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .Title{ margin: 0; font-size: 20px; font-weight: bold;}
.BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .CategotyDate{ font-size: 13px; font-weight: bold;color: #999; }
.BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .CategotyDate a{color: #999; }
.BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .CategotyDate span{font-weight: 300;}

/* Matching */
.Matching{ width: auto; height: auto; background-color: #fff; margin: 25px auto;}
.MatchingBox{ width: auto; margin: auto; padding: 0 0 25px 0px; }
.MatchingBox h2{ font-weight: 700; font-size: 36px;  letter-spacing: -1px;}
.MatchingBox h2 span{  letter-spacing: normal;}
.MatchingBox .MatchingList{ margin-top: 0px;}
.MatchingBox .MatchingList ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.MatchingBox .MatchingList ul li{ width: 31.3%; margin: 2% 1.5% 0 1.5%; }
.MatchingBox .MatchingList ul li a{ display: block; color: #000;transition: all .2s;}
.MatchingBox .MatchingList ul li a:hover{ color: #666; transition: all .2s; }
.MatchingBox .MatchingList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.MatchingBox .MatchingList ul li .Picture{ width:100%; height: auto; /*height: 190px;*/ overflow: hidden; border-radius: 10px;}
.MatchingBox .MatchingList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.MatchingBox .MatchingList ul li .Detail{ margin-top: 10px;}
.MatchingBox .MatchingList ul li .Detail .Title{ font-size: 16px; font-weight: bold;}
.MatchingBox .MatchingList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; color: #B4B4B4; }
.MatchingBox .MatchingList ul li .Detail .CategotyDate a{color: #B4B4B4; }
.MatchingBox .MatchingList ul li .Detail .CategotyDate span{ color: #B4B4B4; font-weight: 300;}
.MatchingBox .MatchingList ul li:nth-child(3n+0){ margin-right: 0; }
.MatchingBox .MatchingList ul li:nth-child(3n-2){ margin-left: 0;}
.MatchingBox .SearchBox{ margin: 0 0 0 0!important; /*text-align: left!important;*/ display: flex; flex-wrap: wrap; justify-content: space-between;}
.MatchingBox .SearchBox ul{margin-top: 6px;}
.MatchingMT75{ margin-top: 120px!important;}
.BGWhite{ background-color: #fff!important;}
.MatchingMT145{ margin-top: 165px!important;}
.Padding0{ padding: 0 0!important;}
.MatchingMT145Single{ margin-top: 165px!important;}
.MatchingMT180{ margin-top: 160px!important; /* margin-top: 180px!important; */ margin-bottom: 50px!important;}
.OpenMatching{ color: white; font-size: 11px; padding: 3px 8px; background: black;border-radius: 5px; display: inline-block;}

/* Events */
.Events{ width: auto; height: auto; margin: 25px 0 25px 0;}
.EventsBox{ width: auto; margin: auto; padding: 0 0 25px 0px; }
.EventsBox h2{ font-weight: 700; font-size: 24px; }
.EventsBox h1{ font-weight: 700; font-size: 36px; text-align: left;  letter-spacing: 0px; font-family: helvetica,arial, sans-serif;}
.EventsBox h1 span{ font-size: 14px; font-weight: 300; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.EventsBox .EventsList{ margin-top: 0px;}
.EventsBox .EventsList ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.EventsBox .EventsList ul li{ width: 48%; margin: 2% 0% 2% 2%; }
.EventsBox .EventsList ul li:nth-child(odd){ margin-left: 0; margin-right: 2%; }
.EventsBox .EventsList ul li a{ display: block; color: #000;transition: all .2s;}
.EventsBox .EventsList ul li a:hover{ color: #666; transition: all .2s; }
.EventsBox .EventsList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.EventsBox .EventsList ul li .Picture{ width:100%; height: auto; /*height: 190px;*/ overflow: hidden; border-radius:0px;}
.EventsBox .EventsList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.EventsBox .EventsList ul li .Detail{ margin-top: 10px;}
.EventsBox .EventsList ul li .Detail .Title{ font-size: 16px; font-weight: bold;}
.EventsBox .EventsList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold;color: #B4B4B4; }
.EventsBox .EventsList ul li .Detail .CategotyDate a{ color: #B4B4B4; }
.EventsBox .EventsList ul li .Detail .CategotyDate span{ color: #B4B4B4; font-weight: 300;}
/* YearsList */
.YearsList{ margin: 10px 0; display: flex; flex-wrap: wrap; justify-content: left; }
.YearsList .Years{ width: 10%; max-width: 100%; font-weight: 600;}
.YearsList .MonthList{ width: 90%;}
.YearsList .MonthList ul{ display: flex; justify-content: space-between;}
.YearsList .MonthList ul li{ margin: 0 10px; color: #ccc;}
.YearsList .MonthList ul li a{ color: #000;}
.YearsList .MonthList ul li a:hover{ color: #D2232A;}

/* FeatureCorner */
.FeatureCorner{ margin: 75px 0 0 0; max-width: 800px; margin: auto; padding-bottom: 25px; line-height: 1.7em; font-family: 'Yu Gothic', sans-serif; }
.FeatureCorner .FeatureImage, .KeyvisualBox .FeatureImage{ margin: 0 0 20px 0;}
.FeatureCorner .FeatureImage img, .KeyvisualBox .FeatureImage img{ width: 100%; max-width: 100%; height: auto; margin: 0;}
.FeatureCorner h1{ font-weight: 600;  line-height: 1.4em; font-size: 24px; position: relative; margin-top: 30px; }
.FeatureCorner .Caption{ margin: 15px 0;}
/* FeatureCornerList */
.FeatureCornerList{ width: 94%; margin: auto; padding-bottom: 25px; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.FeatureCornerList ul{ margin: 0; }
.FeatureCornerList ul li{ width: auto; margin-bottom: 25px;}
.FeatureCornerList ul li:last-child{ margin-bottom: 0;}
.FeatureCornerList ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; color: #000; transition: all .2s; }
.FeatureCornerList ul li .Picture{ width:55%; height: auto; /*height: 160px;*/overflow: hidden; position: relative;}
.FeatureCornerList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.FeatureCornerList ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.FeatureCornerList ul li .Detail{ width: 45%; padding-left: 20px;}
.FeatureCornerList ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold;}
.FeatureCornerList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; margin-bottom: 0;color: #B4B4B4; }
.FeatureCornerList ul li .Detail .CategotyDate a{color: #B4B4B4; }
.FeatureCornerList ul li .Detail .CategotyDate span{ color: #B4B4B4; font-weight: 300;}
.FeatureCornerList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.FeatureCornerList ul li a:hover{ color: #666; transition: all .2s; }

/* Article */
.Article{ width: auto; height: auto; margin: 25px 0 25px 0;}
.ArticleBox{ width: auto; margin: auto; padding: 25px 0px; }
.ArticleBox h1{ font-weight: 700; font-size: 36px;  letter-spacing: 0px;min-width: 270px; font-family: helvetica,arial, sans-serif; }
.ArticleBox h1 span{ font-size: 14px; font-weight: 300; letter-spacing: normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.ArticleBox h1 em{ font-style:normal;font-family: "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Noto Sans Japanese", "游ゴシック体", "Yu Gothic Medium", YuGothic, sans-serif;}
.ArticleBox .ArticleList{ margin-top: 0px;}
.ArticleBox .ArticleList ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.ArticleBox .ArticleList ul li{ width: 31.3%; margin: 2% 1.5% 0 1.5%; }
.ArticleBox .ArticleList ul li a{ display: block; color: #000;transition: all .2s;}
.ArticleBox .ArticleList ul li a:hover{ color: #666; transition: all .2s; }
.ArticleBox .ArticleList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.ArticleBox .ArticleList ul li .Picture{ width:100%; height: auto; /*height: 190px;*/ overflow: hidden; position: relative; }
.ArticleBox .ArticleList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.ArticleBox .ArticleList ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.ArticleBox .ArticleList ul li .Detail{ margin-top: 10px;}
.ArticleBox .ArticleList ul li .Detail .TopCaption{ margin: 10px 0 20px 0; font-size: 15px; font-weight: 600;}
.ArticleBox .ArticleList ul li .Detail .Title{ font-size: 16px; font-weight: bold;}
.ArticleBox .ArticleList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold;color: #B4B4B4;}
.ArticleBox .ArticleList ul li .Detail .CategotyDate a{ display: inline-block; color: #B4B4B4;}
.ArticleBox .ArticleList ul li .Detail .CategotyDate span{ color: #B4B4B4; font-weight: 300;}
.ArticleBox .ArticleList ul li:nth-child(3n+0){ margin-right: 0; }
.ArticleBox .ArticleList ul li:nth-child(3n-2){ margin-left: 0;}
.ArticleBox .SearchBox{ margin: 0 0 0 0!important; /*text-align: left!important;*/ display: flex; flex-wrap: wrap; justify-content: space-between; }
/*.ArticleBox .SearchBox ul{ justify-content: left!important;}*/
/*.ArticleBox .ArticleListStyle2 ul li:nth-child(1){ background-color: #333; width: 48.5%!important; margin: 2% 1.5% 0 0!important; }
.ArticleBox .ArticleListStyle2 ul li:nth-child(2){ background-color: #333; width: 48.5%!important; margin: 2% 0 0 1.5%!important; }*/
/* Knowledge */
.ArticleBox .ArticleListStyle2{ margin-top: 0px;}
.ArticleBox .ArticleListStyle2 ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.ArticleBox .ArticleListStyle2 ul li{ width: 31.3%; margin: 2% 1.5% 0 1.5%; }
.ArticleBox .ArticleListStyle2 ul li a{ display: block; color: #000;transition: all .2s;}
.ArticleBox .ArticleListStyle2 ul li a:hover{ color: #666; transition: all .2s; }
.ArticleBox .ArticleListStyle2 ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.ArticleBox .ArticleListStyle2 ul li .Picture{ width:100%; height: auto; /*height: 190px;*/ overflow: hidden; position: relative; }
.ArticleBox .ArticleListStyle2 ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.ArticleBox .ArticleListStyle2 ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.ArticleBox .ArticleListStyle2 ul li .Detail{ margin-top: 10px;}
.ArticleBox .ArticleListStyle2 ul li .Detail .Title{ font-size: 16px; font-weight: bold;}
.ArticleBox .ArticleListStyle2 ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold;color: #B4B4B4;}
.ArticleBox .ArticleListStyle2 ul li .Detail .CategotyDate a{color: #B4B4B4;}
.ArticleBox .ArticleListStyle2 ul li .Detail .CategotyDate span{ color: #B4B4B4; font-weight: 300;}
.ArticleBox .ArticleListStyle2 ul li:nth-child(3n+0){ margin-left: 0; }
.ArticleBox .ArticleListStyle2 ul li:nth-child(3n-1){ margin-right: 0; }
.ArticleBox .ArticleListStyle2 ul li:nth-child(1){ width: 48.5%!important; margin: 2% 1.5% 0 0!important; }
.ArticleBox .ArticleListStyle2 ul li:nth-child(2){ width: 48.5%!important; margin: 2% 0 0 1.5%!important; }

/* MemerShip3Box */
.MemerShip3Box{ margin-top: 30px; margin-bottom: 40px;}
.MemerShip3Box ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.MemerShip3Box ul li{ width: 32%; margin: 2% 1% 0 1%; text-align: center; background-color: #f2f2f2; /*border: 2px solid #000; border-radius: 35px;*/ padding: 35px 25px; }
.MemerShip3Box ul li a{ display: block; color: #000;transition: all .2s;}
.MemerShip3Box ul li a:hover{ color: #666; transition: all .2s; }
.MemerShip3Box ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.MemerShip3Box ul li .Number{ margin: 0 0 20px 0; font-size: 23px; font-weight: 700;}
.MemerShip3Box ul li .Picture{ width:100%; height: auto; padding: 10px 0; text-align: center; overflow: hidden; position: relative; }
.MemerShip3Box ul li .Picture img{ display: block; width: auto; max-width: 180px; height: auto; margin: auto; transition: all .2s; }
.MemerShip3Box ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.MemerShip3Box ul li .Detail{ margin-top: 10px;}
.MemerShip3Box ul li .Detail .TopCaption{ margin: 20px 0 0 0; font-size: 25px; font-weight: 700;}
.MemerShip3Box ul li .Detail .TopCaption span{ display: block; margin: 0 0 0 0; font-size: 15px; font-weight: 400;}
.MemerShip3Box ul li .Detail .Title{ font-size: 15px; font-weight: 400; margin-bottom: 0;text-align: left;}
.MemerShip3Box ul li:nth-child(3n+0){ margin-right: 0; }
.MemerShip3Box ul li:nth-child(3n-2){ margin-left: 0;}

/* MemerShipList */
.MemerShipListBox{ margin-top: 40px; margin-bottom: 50px;}
.MemerShipListBox ul{ display: block; }
.MemerShipListBox ul li{ display: flex; justify-content: space-between; overflow: auto; width: auto; margin: 20px 0 20px 0; padding: 10px 0; text-align: left; }
.MemerShipListBox ul li .Picture{ width: calc(100% - 300px); float: left; max-width: 280px; height: auto; background-color: #ccc; order: 2; }
.MemerShipListBox ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; margin: auto; transition: all .2s; }
.MemerShipListBox ul li .Picture .RankingNumber{ position: absolute; background-color: #000; color: #fff; left: 0; top: 0; z-index: 1; width: 24px; height: 24px; font-size: 14px; text-align: center; line-height: 24px;}
.MemerShipListBox ul li .Detail{ width: calc(100% - 320px); float: right; text-align: left; margin-top: 10px; order: 1;}
.MemerShipListBox ul li .Detail .Title{ margin: 0; font-size: 28px; font-weight: 700; }
.MemerShipListBox ul li .Detail .Title span{ font-size: 20px; font-weight: 400; }
.MemerShipListBox ul li .Detail .Descriptions{ margin: 20px 0 0 0; font-size: 18px; font-weight: 400;}
.RightTXT{ text-align: right; font-size: 14px;}

.BGGray{ background-color: #F0F0F0;}
.Margin25{ margin: 25px 0 !important;}
.Margin250{ margin: 25px 0 0 0!important;}
.Margin75{ margin-top: 120px!important;}
.Margin0{ margin: 0!important;}
.JustifyLeft{ justify-content: left!important;}
.ArticleBox .Duration{ display: inline-block; margin-top: 10px; margin-left: 40px;}
.ArticleBox .Duration span{ display: inline-block; color: #BEBEBE; border-bottom: 3px solid #BEBEBE; margin: 0 -3px; padding: 0 10px 5px 10px; cursor: pointer; }
.ArticleBox .Duration span.active{ color: #000000; border-bottom: 3px solid #000000;}
.yarpp-related{ margin-bottom: 0!important; }
.PRClass{ display: inline-block; padding-left: 5px;}

/* SingleArticle */
.SingleArticle{ margin: 50px 0 0 0; padding-bottom: 25px; border-bottom: 1px solid #BEBEBE; font-size: 16px; line-height: 1.8em; /*font-family: 'Yu Gothic', sans-serif;*/ }
.MaxWidthSmallContent a, .SingleArticle a{color: #a80000}
.MaxWidthSmallContent a:hover, .SingleArticle a:hover{color: #000}

.SingleArticle .FeatureImage{ width:100%; margin: 0 auto 20px auto; max-width: 800px; }
.SingleArticle .FeatureImage img{ width: 100%; height: auto; margin: 0; margin-left: 0px; margin-right: 0px;}
.SingleArticle h1{ font-size: 34px; line-height: 1.4em; font-weight: 700; margin: 12px 0 12px 0;}
.SingleArticle h2{ font-weight: 600;  line-height: 1.4em; font-size: 22px; position: relative; padding: 0px 0px 10px; margin: 25px 0 30px; border-bottom: 3px solid #000; }
.SingleArticle h3{ font-weight: 600;  line-height: 1.4em; font-size: 20px; margin: 25px 0;}
.SingleArticle .Introduction{ color: #D2232A; font-size: 16px; font-weight: 600; margin: 20px 0 0 0;}
.SingleArticle .Sponsored{ margin: 0; font-weight: 500; font-size: 14px; color: #B4B4B4; }
.SingleArticle .Sponsored a{ color: #B4B4B4;}
.SingleArticle .Sponsored a:hover{ color: #D2232A;}
.SingleArticle .CategotyDate{ margin: 0; font-weight: 500; color: #B4B4B4; font-size: 14px; }
.SingleArticle .wp-caption{ width: 100%!important; max-width: 640px; height: auto; margin: auto; margin: 32px 0px; }
.SingleArticle .wp-caption img{ width: 100%; height: auto; margin: 0; }
.SingleArticle .wp-caption .wp-caption-text{ font-size: 13px; line-height: 1.4em; }
/*.SingleArticle img{ width: auto; max-width: 680px; height: auto; margin: auto; margin-top: 32px; margin-left: -20px; margin-right: -20px; }*/
.TextItem{ margin: 32px 20px 0;}
.highlight{ font-weight: 600; background: linear-gradient(transparent 80%,#f8e81c 0);}
.comment{ color: #999; font-size: 14px; margin-top: 12px; line-height: 1.6em;}
.BusinessPostBox{ margin: 25px 0; color: #666; }
.BusinessPostDetailBox{ margin: -100px 0 25px 0; text-align: center; z-index: 10000; position: relative; padding: 60px 0px 10px; background: linear-gradient(rgba(255,255,255,0) 0%,rgba(255,255,255,1) 10%);}
.BusinessPostDetailBox p{ margin-top: 32px; }
.BusinessPostDetailBox a.black{ display: inline-block; padding: 8px 10px; width: 300px; font-weight: 600; text-align: center; color: #fff; background-color: #000;}
.BusinessPostDetailBox a.black:hover{ background-color: #D2232A; color: #fff;}
.BusinessPostDetailBox a.red{ display: inline-block; padding: 8px 10px; width: 300px; font-weight: 600; text-align: center; color: #fff; background-color: #D2232A;}
.BusinessPostDetailBox a.red:hover{ background-color: #000; color: #fff;}
.FontRed{ color: #A80000;}

/* SingleEvent */
.SingleEvent{ margin: 50px 0 0 0; padding-bottom: 25px;  font-size: 16px; line-height: 1.8em; /*font-family: 'Yu Gothic', sans-serif;*/ }
.SingleEvent .Infos{ padding: 0px;}
.SingleEvent .FeatureImage{ margin: 0 0 20px 0;}
.SingleEvent .FeatureImage img{ width: auto; max-width: 100%; height: auto; margin: 0;}
.SingleEvent h1{ font-size: 34px; line-height: 1.4em; font-weight: 700; margin: 12px 0 10px 0;}
.SingleEvent h2{ font-weight: 600; line-height: 1.5em; font-size: 20px; position: relative; margin-top: 32px; }
.SingleEvent h3{ font-weight: 600;  line-height: 1.5em; font-size: 18px; position: relative; margin-top: 32px; }
.SingleEvent .Introduction{ color: #D2232A; font-size: 16px; font-weight: 600; margin: 20px 0 0 0;}
.SingleEvent .Sponsored{ margin: 0; font-weight: 500; font-size: 14px; color: #B4B4B4; }
.SingleEvent .CategotyDate{ margin: 0; font-weight: 500; color: #B4B4B4; font-size: 14px; }
.SingleEvent img{ width: auto; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 32px; }
.SingleEvent ol{ margin-left: 20px; margin-bottom: 32px; margin-top: 32px; /*counter-reset: item;*/counter-reset: my-sec-counter; }
.SingleEvent ol ol{ margin-left: 20px; margin-top: 10px; margin-bottom: 0px; }
.SingleEvent ol li{ list-style-type:decimal!important; position: relative; display: block!important; margin-bottom: 20px; }
.SingleEvent ol li .title{ font-weight: 600; font-size: 18px; margin: 0; display: inline-block; vertical-align: top;}
.SingleEvent ol li p{ margin: 10px 0;}
.SingleEvent ol li:before { /*content: counters(item, "") "."; counter-increment: item;*/ margin-left:-20px; counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; }
.SingleEvent ol li li{ margin-left: 20px; padding-left: 30px;}
.SingleEvent ol li li:before{ /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "(" counter(my-sec-counter) ") "; margin-left: -25px; }
.SingleEvent ul { margin-left: 20px;}
.SingleEvent ul li{ list-style: disc!important; }
.SingleEvent .Information{ display: block; overflow: auto;margin-top: 32px; background-color: #F0F0F0; font-size: 16px; padding: 15px; }
.SingleEvent .Information .title{ margin: 15px 0; font-size: 18px; font-weight: 600; }

/* CompanyPage */
.CompanyPage{ margin: 50px 0 0 0; padding-bottom: 25px;  font-size: 16px; line-height: 1.8em; /*font-family: 'Yu Gothic', sans-serif;*/ }
.CompanyPage .Infos{ padding: 0px;}
.CompanyPage .FeatureImage{ margin: 0 0 20px 0;}
.CompanyPage .FeatureImage img{ width: auto; max-width: 100%; height: auto; margin: 0;}
.CompanyPage h1{ font-size: 34px; line-height: 1.4em; font-weight: 700; margin: 12px 0 10px 0;}
.CompanyPage h2{ font-weight: 600; line-height: 1.5em; font-size: 20px; position: relative; margin-top: 32px; }
.CompanyPage h2.sub-title{ font-size: 26px; }
.CompanyPage h3{ font-weight: 600; line-height: 1.4em; font-size: 18px; position: relative; margin-top: 32px; }
.CompanyPage .Partnership{ padding: 20px 30px 30px; border:1px solid #000; display: block; }
.CompanyPage .Introduction{ color: #D2232A; font-size: 16px; font-weight: 600; margin: 10px 0 0 0;}
.CompanyPage .Sponsored{ margin: 0; font-weight: 500; font-size: 14px; color: #B4B4B4; }
.CompanyPage .CategotyDate{ margin: 0; font-weight: 500; color: #B4B4B4; font-size: 14px; }
.CompanyPage img{ width: auto; max-width: 100%; height: auto; display: block; margin: auto; margin-top: 32px; }
.CompanyPage ol{ margin-left: 0px; margin-bottom: 32px; margin-top: 32px; /*counter-reset: item;*/counter-reset: my-sec-counter;}
.CompanyPage ol ol{ margin-left: 20px; margin-top: 10px; margin-bottom: 0px; }
.CompanyPage ol li{ list-style-type:decimal!important; position: relative; display: block!important; margin-bottom: 20px; padding: 12px 12px 12px 40px; background: #F0F0F0;}
.CompanyPage ol li:before { /*content: counters(item, "") "."; counter-increment: item;*/ font-weight: 700; margin-left:-20px; counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; }
.CompanyPage ol li li{ margin-left: 20px; padding-left: 30px; padding: 0; background:none;}
.CompanyPage ol li li:before{ /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "(" counter(my-sec-counter) ") "; margin-left: -25px; }
.CompanyPage ul { margin-left: 20px;}
.CompanyPage ul li{ list-style: disc!important; }
.CompanyPage .Information{ display: block; overflow: auto; margin-top: 32px; background-color: #F0F0F0; font-size: 16px; padding: 15px 25px 30px; }
.CompanyPage .Information .title{ margin: 15px 0; font-size: 18px; font-weight: 600; }
.CompanyPageBox a{ color: #D2232A;}
.CompanyPageBox a:hover{ color: #000;}

/* Others  */
.info_list{ display: block; overflow: auto; margin-top: 32px; font-size: 16px; }
.info_list .title{ font-weight: 600; font-size: 18px;}
.info_list .rows{ display: block; display: flex; margin: 15px 0px;}
.info_list .rows_title{ width: calc(100% - 680px); min-width: 140px; max-width: 140px; margin: 0; font-weight: 600; }
.info_list .rows_info{ width: calc(100% - 140px); margin: 0; }
.info_list_bg_gray{ display: block; overflow: auto; margin-top: 32px; font-size: 16px; background-color: #F0F0F0; padding: 15px 30px; }
.info_list_bg_gray .title{ font-weight: 600; font-size: 18px;}
.info_list_bg_gray .rows{ display: block; display: flex; margin: 25px 0px;}
.info_list_bg_gray .rows_title{ width: calc(100% - 680px); min-width: 125px; max-width: 125px; margin: 0; font-weight: 600; }
.info_list_bg_gray .rows_info{ width: calc(100% - 125px); margin: 0; }
.info_list_bg_gray a{ color: #D2232A; }
.info_list_bg_gray a:hover{ color: #000; }
.CompanyBox{ display: flex; align-items: center; margin: 25px 0; font-weight: 600;}
.CompanyBox p{ margin: 0; padding: 0; }
.CompanyBox .Logo{ margin: 0; margin-right: 10px; min-width:80px; max-width: 120px;}
.CompanyBox .Logo img{ width: 100%; height: auto; margin: 0;}
.LineHR{ display: block; height: 1px; border: 0; border-top: 1px solid #DCDCDC; margin: 40px 0; padding: 0;}
.BTNLinks{ text-align: center; margin: 40px 0;}
.BTNLinks a{ display: inline-block; padding: 8px 15px; min-width: 300px; font-weight: 600; text-align: center; color: #000; background-color: #DCDCDC;}
.BTNLinks a:hover, .BTNLinks.ThaiCompany a:hover{ background-color: #D2232A; color: #fff;}
.BTNLinks.ThaiCompany a{background: black;color: #fff;}

/* Author */
.Author{ width: auto; height: auto; max-width: 640px; margin: 45px 0; display: flex; flex-wrap: wrap; justify-content: start; align-items: center; }
.AuthorProfile{ flex-basis: 110px; max-width: 110px; margin-right: 30px; }
.AuthorProfile img{ width: 100%; max-width: 100%; height: auto; border-radius: 100px; margin: 0;}
.AuthorDetail{ flex-basis: auto; max-width: calc(100% - 140px); font-weight: 600; /*margin-top: 25px!important;*/ }
.AuthorDetail.single{ width: 100%; font-weight: 600; /*margin-top: 25px!important;*/ max-width: 100%;}
.AuthorDetail h2{ font-weight: 700; font-size: 16px;  margin: 0 0 20px 0;}
.AuthorDetail p{ margin: 10px 0;font-size: 15px;font-weight: 300; }
.AuthorDetail a{ color: #A80000; }
.AuthorDetail p.title{ color: #666;}
.AuthorDetail p.name{ font-size: 16px; font-weight: 700;}
.Author.event .AuthorDetail p.Name{ font-size: 15px; font-weight: 700;}
.Author.event .AuthorDetail .Subject{line-height: 1.6em;}
.AuthorDetail p.name span{ margin-left: 10px;}
.AuthorDetail .Caption{ margin: 10px 0 0 0; line-height: 1.6em; text-align: left;}
.AuthorDetail .Subject{ margin: 0; font-weight: 300;}
.AuthorPage{ align-items: normal!important; margin:auto!important; margin-top:50px!important; margin-bottom:50px!important;}
.AuthorPage .Caption{ margin: 10px 0 0 0; font-weight: 300;}
.OrganizationDetail{ padding: 40px 0 20px 0; border-top: 1px solid #BEBEBE;font-size: 15px;}
.OrganizationDetail h2{ font-weight: 700; font-size: 16px;  text-transform: uppercase; }
.OrganizationDetail .organization_title{ font-size: 16px; font-weight: 700; margin: 0 0 30px;}
.OrganizationDetail a{ color: #A80000; }
/*.AuthorPage .Name{ margin: 10px;}*/

/* AuthorListBox */
.AuthorListBox{ margin: auto; margin-top: 75px; padding-bottom: 25px;}
.AuthorList{ margin: auto;}
.AuthorList ul{ display: flex; flex-wrap: wrap; justify-content: left; }
.AuthorList ul li{ width: 22.7%; margin: 2% 3% 2% 0; }
.AuthorList ul li a{ color: #000; }
.AuthorList ul li p{ margin: 0; }
.AuthorList ul li .Picture{ width: 160px; max-width: 160px; margin: auto; overflow: hidden; border-radius: 100px;}
.AuthorList ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.AuthorList ul li .Subject{ font-size: 14px; margin-top: 15px; }
.AuthorList ul li .Name{ font-size: 16px; font-weight: 600; margin-top: 15px; margin-bottom: 10px;}
.AuthorList ul li .Name span{ display: block; margin-right: 10px;}
.AuthorList ul li .position{ font-size: 15px; font-weight: 300; color: #666;}
.AuthorList ul li .Caption{ font-size: 15px; margin-top: 5px; }
.AuthorList ul li a:hover .Name{ color: #D2232A; }
.AuthorList ul li a:hover .Picture img{ opacity: 0.8; }
.AuthorList ul li:nth-child(4n+0){ margin-right: 0; }

/* AuthorDetail */
.AuthorDetailPage{ width: auto; margin: auto; margin-top: 75px; }
.AuthorDetailLR{ margin-top: 25px; display: flex; justify-content:space-between; font-weight: 500; }
.AuthorDetailL{ width: 25%; text-align: left; font-size: 15px;}
.AuthorDetailL p{ margin: 0;}
.AuthorDetailL .Picture{ width: 160px; max-width: 160px; margin: auto; overflow: hidden; border-radius: 100px;}
.AuthorDetailL .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover;}
.AuthorDetailL .Subject{ font-size: 14px; margin-top: 15px; }
.AuthorDetailL .Name{ font-size: 16px; font-weight: 600; margin-top: 15px;margin-bottom: 10px;}
.AuthorDetailL .Name span{ display: block; margin-right: 10px;}
.AuthorDetailL .position{ font-size: 15px; font-weight: 300; color: #666;}
.AuthorDetail .authors_description{padding: 0px 0 30px 0; border-bottom: 1px solid #BEBEBE; margin: 0 0 30px;}
.AuthorDetail .organization_title{ font-size: 15px; font-weight: 600; margin-top: 15px;margin-bottom: 10px;}
.AuthorDetailL .Caption{ font-size: 15px; margin-top: 5px; }
.AuthorDetailL  a{ color: #A80000;}
.AuthorDetailR{ width: 70%; text-align: left; font-weight: 500; line-height: 1.66em; }
.AuthorDetailR h2{ margin: 32px 0 0 0;}

/* AboutTJRI */
.AboutTJRI{ width: auto; height: auto; }
.AboutTJRIBox{ width: auto; margin: auto; padding: 25px 0px; }
.AboutTJRIBox h2{ font-weight: 700; font-size: 24px; }
.AboutTJRIBox ul{ margin: 0; padding: 0; margin-top: 20px; overflow: auto; display: block;}
.AboutTJRIBox ul li{ overflow: hidden; position: relative; position: relative; display: flex; flex-wrap: nowrap; justify-content: center; background: #000;}
.AboutTJRIBox ul li .Picture{ width: 50%; overflow: hidden;}
.AboutTJRIBox ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
.AboutTJRIBox ul li .Description{ width: 50%; font-size: 15px; line-height: 1.6em; padding: 44px; height: 100%; background: #000; color: #fff; position: relative; }
.AboutTJRIBox ul li .Description .LinkMore{ position: absolute; right: 20px; bottom: 20px;}
.AboutTJRIBox ul li .Description .LinkMore a img{ width: auto; max-width: 32px; height: auto;}

/* SNSCenter */
.SNSCenter{ width: auto; height: auto; margin: 45px 0 25px; }
.SNSCenter ul{ text-align: center; display: flex; flex-wrap: nowrap; justify-content: center; }
.SNSCenter ul li{ width: 72px; margin: 0 20px!important; }
.SNSCenter ul li img{ width: auto!important; max-width: 72px!important; height: auto; }
.SNSCenter ul li img:hover{ -webkit-transform: scale(1.05, 1.05); transform: scale(1.05, 1.05); }

/* BeOurPartner */
.BeOurPartner{ width: auto; height: auto; }
.BeOurPartnerBox{ width: auto; margin: auto; padding: 25px 0px; }
.BeOurPartnerBox h2{ font-weight: 700; font-size: 24px; }
.BeOurPartnerBox ul{ margin: 0; padding: 40px; margin-top: 20px; color: #fff; display: flex; justify-content: center; align-items: center; background-image: url("../images/bg-our-partner.jpg"); background-repeat: no-repeat; background-size:cover; background-position: center;}
.BeOurPartnerBox ul li:nth-child(1){ width: 27%; align-items: center; text-align: left; padding-right: 20px; font-size: 27px; line-height: 40px; font-weight: 600;}
.BeOurPartnerBox ul li:nth-child(1) span{ font-size: 24px; font-weight: 100;}
.BeOurPartnerBox ul li:nth-child(2){ width: 48%; align-items: center; padding: 10px 30px; border-left: 1px solid #fff; font-size: 16px; line-height: 1.6em;}
.BeOurPartnerBox ul li:nth-child(3){ width: 25%; align-items: center; text-align: right; padding-left: 20px;}
.BeOurPartnerBox ul li:nth-child(3) a{ display: block; padding: 10px; background-color: #a80000; color: #fff; text-align: center; font-size: 14px; letter-spacing: 2px; }
.BeOurPartnerBox ul li:nth-child(3) a:hover{ background-color: #fff; color: #000;}

/* SearchBox */
.SearchBox{ margin: auto; margin-top: 75px; margin-bottom: 25px; padding-top: 0px;/* padding-top: 30px;*/ width: auto; text-align: center; }
.SearchBox h1{ text-align: left; margin-bottom: 20px; width: 100%;}
.SearchBox ul{ margin: 0; padding: 0; width: 100%; display: flex!important; justify-content: center; flex-direction: row; align-items: center;}
.SearchBox ul li{ margin: 0!important; padding: 0!important; margin-right: 20px!important; background-color: #fff!important; }
.SearchBox ul li h4{ display: inline-block;}
.SearchBox ul li:hover{ box-shadow: none;}
.SearchBox ul li:last-child{ margin-right: 0!important;}
.SearchBox ul li input[type=text]{ display: inline-block; outline:none; width: 200px; padding: 10px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; }
.SearchBox ul li select{ display: inline-block; outline:none; width: 200px; margin-top: 2px; padding: 10px 20px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:1px solid #bdbdbd; background: url(http://cdn1.iconfinder.com/data/icons/cc_mono_icon_set/blacks/16x16/br_down.png) no-repeat right center; background-position: right 1rem center; }
.SearchBox ul li button { position: relative; font-family: 'Kanit', sans-serif; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 3px; border:0px solid #990000ff; color: #fff; padding: 10px 20px 10px 20px; width: 100%; max-width: 250px; font-size: 16px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; }
.SearchBox ul li button:hover{ background-color: #A80000; transition: all .3s; }
.SearchBox ul li input[type=submit] { position: relative; text-transform: uppercase; display: inline-block; outline:none; cursor: pointer; background-color: #000; letter-spacing: 2px; border:0px solid #990000ff; color: #fff; padding: 8px 20px 8px 20px; width: 100%; max-width: 250px; font-size: 14px; font-weight: 500; -webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; }
.SearchBox ul li input[type=submit]:hover{ background-color: #A80000; transition: all .3s; }
.SearchBox .HeaderBox{ margin: 0;}

.cookie-notice-container a{ color: #A80000; text-decoration: underline;}

/* pagination */
#pagination { padding: 0; margin: 60px 0 60px; overflow: hidden; clear: both; }
#pagination ul { position: relative; padding: 0; margin: 0; text-align: center; }
#pagination li { display: inline-block; padding: 0; margin: 0 0px; text-align: center;  list-style: none; }
#pagination li a { background: #f5f5f5; }
#pagination li a:hover { background: #f8f8f8; }
#pagination li:first-child:hover { opacity: .6; }
#pagination li span, #pagination li a { position: relative; letter-spacing: .5px; }
#pagination span, #pagination a { display: block; float: left; width: auto; padding: 5px 11px 5px 11px; margin: 0; color: #000;  text-decoration: none; }
#pagination .active { padding: 5px 11px 5px 11px; background: #000; color: #fff; }
#pagination li:first-child span:before, #pagination li:first-child a:before, #pagination li:last-child span:after, #pagination li:last-child a:after { position: absolute; display: block; width: 9px; height: 16px;  margin-top: -7px; content: ""; }
#pagination li:first-child a, #pagination li:first-child span{ padding-left: 27px; background: none; }
#pagination li:first-child span:before, #pagination li:first-child a:before { top: 50%; left: 0; /*background: url(../images/icon/ico-arrowLeft.svg) no-repeat; background-size: 9px 16px;*/ }
#pagination li:last-child:hover { opacity: .6; }
#pagination li:last-child a, #pagination li:last-child span { padding-right: 27px; margin: 2px 0px; background: none; }
#pagination li:last-child span:after, #pagination li:last-child a:after { top: 50%; right: 0; /*background: url(../images/icon/ico-arrowRight.svg) no-repeat; background-size: 9px 16px;*/ }

.PageLink{ text-align: center; margin: 50px 0 20px 0; clear: both;}
.PageLink a{ margin: 0 2px; padding: 8px 10px; background-color: #f8f8f8; color: #000; text-align: center;}
.PageLink .PageTitleNav{ display: inline-block; padding-right: 5px;}
.PageLink .current{ background-color: #000; color: #fff; padding: 8px 10px; text-align: center; }

.search-filter-scroll-loading { margin: auto!important; margin-top: 30px; }

/* TermsPrivacy */
.TermsPrivacy{ position: relative; width: 100%; max-width: 960px; height: auto; margin: auto; margin-top: 25px; overflow: hidden; z-index: 9; }
.TermsPrivacyBoxDetail{ padding: 0px 0 40px 0;}
.TermsPrivacyBoxDetail ul { margin-left: 20px;}
.TermsPrivacyBoxDetail ul li{ list-style: disc!important; }
.TermsPrivacyBoxDetail ol{ margin-left: 0px; /*counter-reset: item;*/counter-reset: my-sec-counter; }
.TermsPrivacyBoxDetail ol ol{ margin-left: 20px; margin-top: 10px; }
.TermsPrivacyBoxDetail ol ol ol{ margin-left: 20px; margin-top: 10px; }
.TermsPrivacyBoxDetail ol li{ list-style-type:decimal!important; position: relative; display: inline-block!important; margin-bottom: 10px; }
.TermsPrivacyBoxDetail ol li:before { /*content: counters(item, "") "."; counter-increment: item;*/ counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; }
.TermsPrivacyBoxDetail ol li li{ margin-left: 20px;display: block!important;}
.TermsPrivacyBoxDetail ol li li:before { /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ") "; margin-left: -22px; }
.TermsPrivacyBoxDetail ol li li li:before { /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "(" counter(my-sec-counter) ") "; margin-left: -27px; }
.TermsPrivacyBoxDetail .title{ font-weight: bold; display: inline-block; margin-bottom: 5px;}
.TermsPrivacyBoxDetail a{ text-decoration: underline; color: #000;}

.TermsofUse{ padding: 0px 0 40px 0;}
.TermsofUse ol{ margin-left: 40px; margin-bottom: 30px; /*counter-reset: item;*/counter-reset: my-sec-counter; }
.TermsofUse ol ol{ margin-left: 20px; margin-top: 10px; margin-bottom: 0px; }
.TermsofUse ol li{ list-style-type:decimal!important; position: relative; display: block!important; margin-bottom: 10px; }
.TermsofUse ol li:before { /*content: counters(item, "") "."; counter-increment: item;*/ margin-left:-20px; counter-increment: my-sec-counter; content: "" counter(my-sec-counter) ". "; }
.TermsofUse ol li li, .TermsofUse ol.gou li{ margin-left: 20px; padding-left: 30px;}
.TermsofUse ol li li:before, .TermsofUse ol.gou li:before { /*content: counters(item, ".") ". )"; counter-increment: item;*/ counter-increment: my-sec-counter; content: "(" counter(my-sec-counter) ") "; margin-left: -25px; }
/*.TermsofUse ol li ul li:before { counter-increment: my-sec-counter; content: "(" counter(my-sec-counter) ") "; margin-left: -27px; }*/
.TermsofUse .title{ font-weight: bold; display: inline-block; margin-bottom: 0!important;}
.TermsofUse a{ text-decoration: underline; color: #000;}
.TermsofUse ul.ABC li{ counter-reset: my-sec-counter; counter-increment: alphabeticList; display: block!important; padding-right: 10px; }
.TermsofUse ul.ABC li:before { display: inline-block!important; content: counter(alphabeticList, lower-alpha)") " ; margin-left: -20px; padding-right: 10px; }

/* BannerTail */
.BannerTail{ width: auto; height: auto; margin: auto; padding: 25px 0;}
.BannerTailBox{ width: auto; margin: auto; }
.BannerTailBox img{ width: auto; max-width: 100%; height: auto; }

/* MediaTemplate */
.MediaTemplate{ width: auto; height: auto; }
.MediaTemplateBox{ width: auto; margin: auto; padding: 15px 0px; }
.MediaTemplateBox .MediaTemplateList{ margin-top: 10px; }
.MediaTemplateBox .MediaTemplateList ul{ margin: 0; overflow: auto;}
.MediaTemplateBox .MediaTemplateList ul li{ width: auto; margin-bottom: 25px; position: relative; z-index: 1;}
.MediaTemplateBox .MediaTemplateList ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; color: #000; transition: all .2s; }
.MediaTemplateBox .MediaTemplateList ul li .Picture{ width:23%; height: auto; /*height: 130px;*/ overflow: hidden; position: relative;}
.MediaTemplateBox .MediaTemplateList ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.MediaTemplateBox .MediaTemplateList ul li .Detail{ width: 77%; padding-left: 20px;}
.MediaTemplateBox .MediaTemplateList ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold;}
.MediaTemplateBox .MediaTemplateList ul li .Detail .Descriptions{ font-size: 14px; margin: 10px 0 0 0; color: #999;}
.MediaTemplateBox .MediaTemplateList ul li .Detail .CategotyDate{ font-size: 13px; font-weight: bold; margin-bottom: 0; color: #999;}
.MediaTemplateBox .MediaTemplateList ul li .Detail .CategotyDate span{ color: #999; font-weight: 300;}
.MediaTemplateBox .MediaTemplateList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s; }
.MediaTemplateBox .MediaTemplateList ul li a:hover{ color: #666; transition: all .2s; }

/* DownloadAndEnews */
.DownloadAndEnews{ width: auto; height: auto; padding: 25px 0; }
.DownloadAndEnewsBox{ width: 100%; margin: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; }
.DownloadAndEnewsBox .DownloadAndEnews2Box{ width: 48%; overflow: auto; }
.DownloadAndEnewsBox .DownloadList{ margin: 10px 0 0 0;}
.DownloadAndEnewsBox .DownloadList ul{ overflow: auto;}
.DownloadAndEnewsBox .DownloadList ul li{ background-color: #ccc; margin-bottom: 35px;}
.DownloadAndEnewsBox .DownloadList ul li img{ width: 100%; height: auto; max-width: 100%; }
.DownloadAndEnewsBox .DownloadList ul li a{ color: #000;}
.DownloadAndEnewsBox .DownloadList ul li:last-child{ margin-bottom: 0;}
.DownloadAndEnewsBox .EnewsDetail{ margin: 10px 0 0 0; background-color: #ccc; }
.DownloadAndEnewsBox .EnewsDetail p{ margin: 0;}
.DownloadAndEnewsBox .EnewsDetail img{ width: 100%; height: auto; max-width: 100%; }
.DownloadAndEnewsBox .EnewsDetail a{ color: #000;}

/* liquid Edit*/
/*.liquid-speech-balloon-arrow{ top: -1px!important;}
.liquid-speech-balloon-wrap:not(.liquid-speech-balloon-vertical) .liquid-speech-balloon-arrow{ border-top: 0px solid transparent!important; border-bottom: 10px solid transparent!important; border-right: 10px solid rgba(0, 0, 0, 0.2)!important; }
.liquid-speech-balloon-square .liquid-speech-balloon-text{ border: 1px solid rgba(0, 0, 0, 0.2)!important; position: relative; }
.liquid-speech-balloon-text{ position: relative;}
.liquid-speech-balloon-square .liquid-speech-balloon-text:before{ position: absolute; left: -9px; z-index: 9; top: 0; content: ''; border-top: 0px solid transparent!important; border-bottom: 10px solid transparent!important;border-right: 10px solid rgba(255, 255, 255, 1)!important; }
.liquid-speech-balloon-wrap.liquid-speech-balloon-right .liquid-speech-balloon-arrow{ border-right: 7px solid transparent!important; border-left: 10px solid rgba(0, 0, 0, 0.2)!important;}
.liquid-speech-balloon-right .liquid-speech-balloon-text:before{ position: absolute; left: auto; right: -16px; z-index: 9; top: 0; content: ''; border-right: 7px solid transparent!important; border-left: 10px solid rgba(255, 255, 255, 1)!important; }
.liquid-speech-balloon-avatar::after{ line-height: 18px;}*/

.liquid-speech-balloon-arrow{ top: -1px!important;}
.liquid-speech-balloon-wrap:not(.liquid-speech-balloon-vertical) .liquid-speech-balloon-arrow{ border-top: 0px solid transparent!important; border-bottom: 10px solid transparent!important; border-right: 10px solid rgba(0, 0, 0, 0.2)!important; }
.liquid-speech-balloon-text{ border: 1px solid rgba(0, 0, 0, 0.2)!important; position: relative; border-radius: 0px!important; }
.liquid-speech-balloon-text:before{ position: absolute; left: -9px; z-index: 9; top: 0; content: ''; border-top: 0px solid transparent!important; border-bottom: 10px solid transparent!important;border-right: 10px solid rgba(255, 255, 255, 1)!important; }
.liquid-speech-balloon-wrap.liquid-speech-balloon-right .liquid-speech-balloon-arrow{ border-right: 7px solid transparent!important; border-left: 10px solid rgba(0, 0, 0, 0.2)!important;}
.liquid-speech-balloon-right .liquid-speech-balloon-text:before{ position: absolute; left: auto; right: -16px; z-index: 9; top: 0; content: ''; border-right: 7px solid transparent!important; border-left: 10px solid rgba(255, 255, 255, 1)!important; }
.liquid-speech-balloon-avatar::after{ line-height: 18px;}

/* toc_container Edit*/
#toc_container{ margin: auto; padding: 25px 35px!important; margin-top: 32px!important;margin-bottom: 60px!important;width: 100%!important;}
#toc_container a{ color: #000;}
#toc_container a:hover{ color: #666;}
#toc_container .toc_list li {margin: 10px 0;}
#toc_container p.toc_title{font-size: 17px; margin-bottom: 25px;}

/* MemberShipPage  */
.MemberShipPage{ margin: auto; position: relative; padding: 30px 0;}
.MemberShipPage a{ color:#000; text-decoration: underline;}
.MemberShipPage .FeatureImage{ margin: 0 0 25px 0; text-align: center;}
.MemberShipPage .FeatureImage img{ width: 100%; max-width: 100%; height: auto; margin: 0 auto;}
.MemberShipPage .Detail{ text-align: center; margin: 40px 0; font-weight: 500; font-size: 18px;}
.MemberShipPage .copy{ margin: 30px 0;}
.MemberShipPage .Detail .THinText{ font-weight: 300; margin-top: 0; font-size: 22px;}
.MemberShipPage .Detail h1{ font-size: 30px; font-weight: 600; margin: 45px 0 20px 0; position: relative; text-align: left;}
.MemberShipPage .Detail h1 span{ display: block; font-size: 20px;}
.MemberShipPage .Detail h2{ font-size: 30px; font-weight: 600; margin: 70px 0;}
.MemberShipPage .Detail .Descriptions{ max-width: 780px; margin: auto; font-weight: 300; line-height: 32px; font-size: 18px; text-align: left; margin-top: 40px;}
.MemberShipPage .Detail .Descriptions strong{ font-weight: 700;}
.MemberShipPage .Detail .DescriptionsSmall{ max-width: 700px; margin: auto; font-weight: 300; line-height: 28px; font-size: 15px; text-align: center; margin-top: 40px;}
.MemberShipPage .Detail .DescriptionsSmall strong{ font-weight: 700;}
.MemberShipPage .Detail p{ margin: 20px 0;}
.MemberShipPage .Detail p.intro{ margin: 20px auto 40px; padding: 15px 25px; border: 2px solid #000; text-align: center; max-width: 720px; font-size: 16px;}
.MemberShipPage .Detail a{ color:#000; text-decoration: underline;}
.MemberShipPage .Detail .PlanBox{ display: flex; flex-wrap: wrap; justify-content: space-between; margin: 0;}
.MemberShipPage .Detail .PlanBox .Title{ font-size: 16px; font-weight: 500; letter-spacing: 2px;}
.MemberShipPage .Detail .PlanBox .Title span{ display: block; font-size: 20px;}
.MemberShipPage .Detail .PlanBox .LeftFree{ display: block; width: 50%; /*background-color: #A80000; color: #fff;*/ text-align: center; padding: 20px; }
.MemberShipPage .Detail .PlanBox .LeftPremium{ display: block; width: 50%; /*background-color: #000; color: #fff;*/ text-align: center; padding: 20px; }
.MemberShipPage .Detail .PlanBox .BTN{display: block; text-decoration: none; padding: 8px 10px; border-radius: 5px; max-width: 250px; margin: auto; background-color: #000; color: #fff; font-size: 16px;}
.MemberShipPage .Detail .PlanBox .BTN1{ background-color: #000; color: #fff; }
.MemberShipPage .Detail .PlanBox .BTN2{ background-color: #A80000; color: #fff; }
.MemberShipPage .Detail .PlanBox .BTN1:hover{ background-color: #333; color: #fff; }
.MemberShipPage .Detail .PlanBox .BTN2:hover{ background-color: #333; color: #fff; }
.LogoH1{ display: flex; justify-content: center; margin-bottom: 50px;}
.LogoH1 img{ display: inline-block; width: 100%; height: auto; max-width: 150px; margin-right: 20px;}
.BTNKowledge{ text-align: center; font-size: 15px; font-weight: 700; margin: 40px 0 40px 0;}
.BTNKowledge a{ display: inline-block; width: 100%; max-width: 280px; padding: 15px 30px; border: 1px solid #000; color: #000; text-decoration: none; margin-left: 10px; }
.BTNKowledge a:hover{ background-color: #000; color: #fff; }
.BTNKowledge a.Black{ display: inline-block;  padding: 15px 30px; border: 1px solid #000; background-color: #000; color: #fff; margin-right: 10px; }
.BTNKowledge a.Black:hover{ background-color: #A80000; border: 1px solid #A80000; }
.MemberShipList .HeaderBox{ display: block;}
.MemberShipList .HeaderBox h2{ text-align: center; }
.MemberShipList .HeaderBox h2 span{ display: block; font-size: 30px; display: block; font-size: 30px; font-weight: 600; margin: 30px 0 20px 0;}
.MemberShipList .ArticleList ul li .Detail .Title{ font-weight: 300;}
.Download2023{ text-align: center; margin: 50px 0;}
.Download2023 a{ display: inline-block; color: #000; width: 300px; margin: auto; font-size: 18px; font-weight: 600; background-color: #F0F0F0; padding: 15px 30px; }
.Download2023 span{ display: block;}
.Download2023 a:hover{ background-color: #A80000; color: #fff;}
.MembershipBox{ margin: 100px 0 40px 0;}
.MembershipBoxShadow{ margin: auto; border-radius: 0px; background-color: #fff; /*box-shadow: 0 0 10px rgba(0, 0, 0, 0.5); overflow: hidden;*/}
.MemberPriceList{ margin: auto; text-align: center; margin-bottom: 100px;}
.MemberPriceList .HeaderBox{ display: block;}
.MemberPriceList .HeaderBox h2{ text-align: center; }
.HeaderCenter{ text-align: center; padding: 0 0 50px 0; }
.HeaderCenter h2{ display: block; font-size: 30px; font-weight: 600; }
.HeaderCenterIm{ text-align: center!important; margin: 20px 0 20px 0;}
.HeaderBox p.HeaderCenterIm{ text-align: center!important; margin: 20px 0 20px 0; font-size: 16px;}
/* MemerShipExmBox */
.MemerShipExmBox{ margin: 0; }
.MemerShipExmBox ul{ margin: 0; padding: 0; }
.MemerShipExmBox ul li{ overflow: auto; width: auto; padding: 40px 0; text-align: left; background-color: #F0F0F0; margin-bottom: 10px; }
.MemerShipExmBox ul li .InnerBox{ display: flex; justify-content: space-between; max-width: 1160px; margin: 0 auto;}
.MemerShipExmBox ul li .ShotTitle{ font-size: 18px; font-weight: 700;}
.MemerShipExmBox ul li .Picture{ width: calc(100% - 400px); float: left; max-width: 400px; height: auto; order: 2; }
.MemerShipExmBox ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; margin: auto; transition: all .2s; }
.MemerShipExmBox ul li .Detail{ width: calc(100% - 420px); float: right; padding-right: 40px; text-align: left; order: 1;}
.MemerShipExmBox ul li .Detail .Title{ margin: 0; font-size: 25px; font-weight: 700; margin-bottom: 15px; }
.MemerShipExmBox ul li .Detail .Descriptions{ margin: 20px 0 0 0; font-size: 15px; font-weight: 400; line-height: 28px;}
.MemerShipExmBox ul li .Detail .Company{ margin: 0; font-size: 15px; font-weight: 300; }

/* UserVoice */
.UserVoice{ padding: 50px 0; text-align: center; margin: 0 auto;}
.UserVoice h2{ display: block; margin: auto; font-size: 30px; font-weight: 600; }
.UserVoice ul{ margin: 0; padding: 40px 0 0 0; display: flex; flex-wrap: wrap; justify-content: space-between;}
.UserVoice ul li{ width: 48%; margin: 2% 0% 2% 2%; background-color: #F0F0F0; border-radius: 15px; padding: 20px 30px; }
.UserVoice ul li:nth-child(odd){ margin-left: 0; margin-right: 2%; }
.UserVoice ul li .Picture{ width: calc(100% - 100px); float: left; max-width: 100px; height: auto; order: 2; }
.UserVoice ul li .Picture img{ display: block; width: auto; max-width: 100%; height: auto; margin: auto; transition: all .2s; }
.UserVoice ul li .Detail{ width: calc(100% - 0px); text-align: left; order: 1;}
.UserVoice ul li .Detail strong{ font-weight: 700;}
.UserVoice ul li .Detail b{ font-weight: 700;}
.UserVoice ul li .Detail p{ padding: 0; margin: 0; line-height: 25px;}
.UserVoice ul li .Detail .Company{ font-size: 14px; margin-top: 10px;color: #666;}

/* MMTwoBox */
.MMTwoBox{ margin: 50px 0; padding: 80px 0;}
.MMTwoBox .Inner{ margin: auto; max-width: 1160px; display: flex; justify-content: space-between;}
.MMTwoBox .Inner .RLBox{ width: 48%; background-color: #fff; padding: 30px;}
.MMTwoBox .Inner .RLBox p{ margin: 0;}
.MMTwoBox .Inner .RLBox .Title{ font-size: 30px; font-weight: 700; }
.MMTwoBox .Inner .RLBox .Detail{ font-size: 16px; line-height: 32px; margin: 20px 0;}
.MMTwoBox .Inner .RLBox .Links{ display: inline-block;}
.MMTwoBox .Inner .RLBox .Links a{ color: #000; display: inline-block; border-bottom: 2px solid #000; padding-bottom: 5px;}
.MMTwoBox .Inner .RLBox .Links a:hover{ color: #A80000;}
.MMTwoBox .Inner .RLBox .Links img{ width: auto; max-width: 16px; vertical-align: middle; }

.PriceList{ padding: 0px;}
/*.PriceList h2{ font-size: 34px; font-weight: 600; margin-bottom: 10px; }*/
.PriceList .PriceHeader{ vertical-align: middle; text-align: center; padding: 10px; background-color: #000; color: #fff; font-size: 30px; font-weight: 500; position: relative;/* background-image: url("../images/bg-pricelist.png"); background-repeat: no-repeat; background-size:cover; background-position: top center;*/}
.PriceList .PriceHeader span{ display: block; }
.PriceList .PriceHeader .Title{ /*position: absolute; margin: 0; bottom: 5px; left: 10px;*/ font-size: 14px; font-weight: 600;}
.PriceList table { width: 100%; border: 2px solid #727171; /* border-right: 2px solid #A80000; border-collapse: collapse; */ }
.PriceList table tr:nth-child(even) { background-color: #efefef; }
/*.PriceList table tr td{ vertical-align: top;}*/
.PriceList table tr td p{ margin: 0;}
.PriceList table tr td:nth-child(1){ width: 150px;}
.PriceList table tr { border-bottom: 1px solid #727171; }
.PriceList table tr:last-child { border-bottom: 0px solid #ddd; }
.PriceList table table { width: 100%; border-top: 0; color: #423e3d; border: 0px solid #A80000; font-size: 14px; /* border-collapse: collapse; */ }
.PriceList table table tr { border-bottom: 1px solid #ddd; }
.PriceList table table tr td p{ margin: 0; padding: 6px 5px;}
.PriceList table table tr:nth-child(even) { background-color: transparent; }
.PriceList table table tr td:nth-child(1){ width: 55%; text-align: left; padding-left: 10px;}
.PriceList table table tr td:nth-child(2){ width: 15%; text-align: right; padding-right: 15px; position: relative;}
.PriceList table table tr td:nth-child(3){ width: 15%; text-align: center; padding: 0 15px; position: relative; border-left: 1px solid #ccc; border-right: 1px solid #ccc;}
.PriceList table table tr td:nth-child(3) img{ max-width: 18px; height: auto;}
.PriceList table table tr td:nth-child(4){ width: 15%; text-align: center; padding: 0 15px; position: relative;}
/*.PriceList table table tr td:nth-child(4):before{ z-index: 2; position: absolute; left: 0; top: 0; width: 2px; height: 100%; content: ''; background-color: #A80000; }
.PriceList table table tr td:nth-child(4):after{ z-index: 2; position: absolute; right: 0; top: 0; width: 2px; height: 100%; content: ''; background-color: #A80000; }*/
.PriceList table table tr td:nth-child(4) img{ max-width: 18px; height: auto;}
.HeaderRequency{ position: absolute; font-weight: 500; text-align: right; right: 10px; top: -40px; width: 100%; height: auto; padding: 10px; color: #000;}
.HeaderPackageFree{ position: absolute; font-weight: 600; text-align: center; left: -1px; top: -63px; width: 100%; height: auto; padding: 10px; background-color: #000; color: #fff;}
.HeaderPackageFree span{ display: block; }
.HeaderPackagePremium{ position: absolute; font-weight: 600; text-align: center; left: 0; top: -63px; width: 100%; height: auto; padding: 10px; background-color: #A80000; color: #fff;}
.HeaderPackagePremium span{ display: block; }
.MobileHeader{ display: none;}

.MembershipBoxShadow .TailInfos{ padding: 0; margin: 20px auto; max-width: 720px;}
.MembershipBoxShadow .TailInfos.bottom{ padding: 0; margin: -10px 0 40px; max-width: 100%; }
.MembershipBoxShadow .TailInfos a{ color: #000; text-decoration: underline;}
.MembershipBoxShadow .TailInfos .Inner{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; padding: 0px;}
.MembershipBoxShadow .TailInfos .Inner .Left{ width: 100%; font-weight: 600;}
.MembershipBoxShadow .TailInfos .Inner .Left .Title{ border: 1px solid #000; color: #000; margin-bottom: 10px; font-size: 18px; font-weight: 600; padding: 5px 10px; text-align: center; }
.MembershipBoxShadow .TailInfos .Inner .Left p{ margin: 15px 0; }
.MembershipBoxShadow .TailInfos .Inner .Left p.sub-title{ font-size: 20px; margin: 0 0 15px;}
.MembershipBoxShadow .TailInfos .Inner .Left p.FontSmall{margin: 25px 0;}
.MembershipBoxShadow .TailInfos .Inner .Right{ width: 38%; }
.MembershipBoxShadow .TailInfos .Inner .Right .Title{ border: 1px solid #fff; background-color: #000; color: #fff; margin-bottom: 10px; font-size: 18px; font-weight: 600; padding: 5px 10px; text-align: center; }
.MembershipBoxShadow .TailInfos .Inner .Right img{ width: 100%; max-width: 100%; height: auto; margin-top: 20px; }
.MembershipBoxShadow .TailInfos .Inner .Right p{ margin: 0; }
.FontSmall{ color: #595857; font-size: 14px; font-weight: 300; }
.FontRed{ color: #A80000;}
.Center{ text-align: center;}

.MembershipBoxShadow .Ondemand{ padding: 0;}
.MembershipBoxShadow .Ondemand .Header{ display: block; text-align: center; padding: 10px; background-color: #006283; color: #fff;}
.MembershipBoxShadow .Ondemand .Header h2{ font-size: 20px; font-weight: 600;}
.MembershipBoxShadow .Ondemand .Inner{ display: flex; flex-wrap: wrap; justify-content: space-between; padding: 30px;}
.MembershipBoxShadow .Ondemand .Inner .Left{ width: 48%; color: #595857; font-size: 14px; }
.MembershipBoxShadow .Ondemand .Inner .Left p:first-child{ margin-top: 0; }
.MembershipBoxShadow .Ondemand .Inner .Left p.Title{ font-weight: 600; font-size: 20px; color: #000; margin: 0;}
.MembershipBoxShadow .Ondemand .Inner .Left p:last-child{ margin-bottom: 0; }
.MembershipBoxShadow .Ondemand .Inner .Left img{ width: 100%; max-width: 100%; height: auto; }
.MembershipBoxShadow .Ondemand .Inner .Right{ width: 48%; }
.MembershipBoxShadow .Ondemand .Inner .Right ul{ margin: 0; }
.MembershipBoxShadow .Ondemand .Inner .Right ul li{ display: flex; flex-wrap: nowrap; justify-content: space-between; padding: 8px 0; border-bottom: 1px solid #727171;}
.MembershipBoxShadow .Ondemand .Inner .Right ul li:last-child{ border-bottom: 0px solid #727171;}
.MembershipBoxShadow .Ondemand .Inner .Right ul li p{ margin: 0;}
.MembershipBoxShadow .Ondemand .Inner .Right ul li p:last-child{ min-width: 90px; text-align: right; margin: 0;}

.PackagePriceBox{ width: auto; margin: auto; color: #000; padding: 0 0 20px 0;}
.PackagePriceBoxPadding{ padding: 40px 0;}
.PackagePriceBox ul{ display: flex; flex-wrap: wrap; justify-content: center;}
.PackagePriceBox ul li{ width: 36%; margin: 1%; overflow: auto; /*padding-bottom: 50px;*/ position: relative; text-align: center; color: #000; border: 1px solid #ccc; border-radius: 5px; overflow: hidden; color: #595857!important; /*background-color: #bfbfbf; background-size: 90%;*/ transition: all .3s;}
.PackagePriceBox ul li p{ margin: 0; padding: 0;}
.PackagePriceBox ul li:nth-child(1) { margin-left: 0; border-top: 5px solid #000;}
.PackagePriceBox ul li:nth-child(2) { border-top: 5px solid #A80000;}
/*.PackagePriceBox ul li:nth-child(3) { margin-right: 0;}*/
.PackagePriceBox ul li .Title{ display: block; padding: 20px 10px; font-size: 16px; font-weight: 500; /*color: #fff;*/ letter-spacing: 2px; }
.PackagePriceBox ul li .Title span{ display: block; padding: 10px 10px 0 10px; font-size: 15px; font-weight: 500; color: #fff; letter-spacing: normal; text-align: center; }
/*.PackagePriceBox ul li:nth-child(1) .Title{ background-color: #8c8c8c;}
.PackagePriceBox ul li:nth-child(2) .Title{ background-color: #595959;position: relative;}
.PackagePriceBox ul li:nth-child(3) .Title{ background-color: #000000;}*/
.PackagePriceBox ul li .Price{ display: block; padding:  10px 10px; background-color: #fff; color: #000; font-size: 22px; font-weight: 600; letter-spacing: 1px; }
.PackagePriceBox ul li  span.sub{ display: block; font-size: 14px; font-weight: 300; letter-spacing: 0; color: #888; margin-top: 20x;}
.PackagePriceBox ul li:nth-child(2) .Title .promotion{display:block; position: absolute; top:-25px; left:0; background-image: url(../images/price-promotion.png);  background-repeat: no-repeat; background-size: contain; /*background-position: top center;*/ width: 100%; height: 55px; font-size: 14px; color: #fff; font-style: normal; line-height: 55px;}
.PackagePriceBox ul li .DescriptionList{ /*min-height: 670px;*/  font-size: 16px; font-weight: 300; padding-bottom: 100px; }
.PackagePriceBox ul li .DescriptionList ul{ display: block; clear: both; margin: 0; padding: 30px 30px; overflow: hidden; min-height: 250px;}
.PackagePriceBox ul li .DescriptionList ul li{ display: block; overflow:visible; width: 100%; height: auto; clear: both; text-align: left; padding: 5px 0; position: relative; z-index: 0; font-size: 16px; border: 0px; }
.PackagePriceBox ul li .DescriptionList ul li:last-child{ border-bottom: 0;}
.PackagePriceBox ul li .DescriptionList ul li:last-child:before,.PackagePriceBox ul li .DescriptionList ul li:last-child:after{display: none;}
.PackagePriceBox ul li .DescriptionList ul li p{ position: relative; padding-left: 25px; overflow: hidden;}
.PackagePriceBox ul li .DescriptionList ul li p:before{ position: absolute; content: ''; font-size: 20px; width: 16px; height: 16px; border-radius: 0px; /*background-color: #000;*/ font-weight: 600; left: 0; top: 3px; background-image: url('../images/icon/check-solid.svg');  background-repeat: no-repeat; background-size: contain;}
.PackagePriceBox ul li .DescriptionList ul li p span{ display: block; font-size: 13px;}
.PackagePriceBox ul li .SubDetail{ font-size: 14px; }
.PackagePriceBox ul li .Action{ position: absolute; min-height: 65px; /*background-color: #F0F0F0; padding-top: 20px;*/ width: 100%; text-align: center; left: 0; right: 0; bottom: 20px; font-size: 14px; letter-spacing: 2px; margin: 0 auto; }
.PackagePriceBox.bottom ul li .Action{position: relative; margin-top: 50px;}
.PackagePriceBox ul li .Action a.Links{ display: block; text-decoration: none; padding: 8px 10px; border-radius: 5px; max-width: 250px; margin: auto; background-color: #000; color: #fff; font-size: 16px;}
.PackagePriceBox ul li .Action a.Links:hover{ background-color: #333; }
.PackagePriceBox ul li .Action p{ margin-top: 10px;}
.PackagePriceBox ul li a{ color: #000; text-decoration: underline;}
.PackagePriceBox ul li a.BTN1{ background-color: #000; }
.PackagePriceBox ul li a.BTN2{ background-color: #A80000!important; }
.PackagePriceBox ul li a.BTN2:hover{ background-color: #333!important; }
.PackagePriceBox ul li .Soon{ font-size: 14px; letter-spacing: 2px; margin: auto; margin-top: 40px; margin-bottom: 20px; display: block; padding: 7px 10px; max-width: 250px; background-color: #fff; color: #000; }
.PackagePriceBox ul li .CaptionTail{ min-height: 80px; font-size: 11px; letter-spacing: 1px; margin: 20px 0 10px 0; text-align: left; color: #ccc; }
.PackagePriceBox2{ margin: auto; text-align: center; margin-bottom: 40px;}
.PackagePriceBox2 .HeaderBox{ display: block;}
.PackagePriceBox2 .HeaderBox h2{ text-align: center; }

/* PagenotFound */
.PagenotFound{ margin: auto; padding: 40px 20px; text-align: center; font-size: 20px; color: #999;}
.PagenotFound h2{ font-size: 40px; color: #000; font-weight: 600; }

/* Footer */
/*footer{ background-color: #3E3E3E; color: #fff; padding: 0; overflow: auto; }
footer .FooterBox{ height: auto; margin: auto; overflow: auto; padding: 60px 0; position: relative; }
footer .FooterBox .FooterLogo{ margin-bottom: 10px; overflow: auto; font-size: 14px; display: flex; align-items: end;}
footer .FooterBox .FooterLogo .Logo{ width: 80px; max-width: 80px; margin-right: 10px; height: auto; }
footer .FooterBox .FooterLogo .Logo img{ width: auto; max-width: 100px; height: auto;}
footer .FooterBox .FooterLogo .Text{ display: inline-block;}
footer .FooterBox .FooterLogo .Text br{ display: inline-block;}
footer .FooterBox .Lang{ position: absolute; top: 60px; right: 0;}
footer .FooterBox a{ color: #fff;}
footer .FooterBox a:hover{ color: #a80000;}
footer .FooterBox p{ margin: 0; padding: 0;}
footer .FooterBox .FooterNav{ font-size: 14px; border-top: 1px solid #3E3E3E; }
footer .FooterBox .FooterNav ul { margin: 0; padding: 0;}
footer .FooterBox .FooterNav ul li{ margin: 10px 0 5px 0; display: block; }
footer .FooterBox .FooterNav ul li a{ text-decoration: none;}
footer .Copyrights{ background-color: #000; padding: 10px 0; text-align: center; font-size: 12px; letter-spacing: 1px; }*/
/* BacktoTop */
/*.cd-top { display: block; height: 40px; width: 40px; position: fixed; bottom: 20px; right: 20px; box-shadow: 0 0 10px rgba(0, 0, 0, 0.05); border-radius: 50%; overflow: hidden; text-indent: 100%; white-space: nowrap; background: #000 url(../images/icon/icon-btt.svg) no-repeat center; background-size: 50%; visibility: hidden; opacity: 0; z-index: 100; -webkit-transition: opacity .3s 0s, visibility 0s .3s; -moz-transition: opacity .3s 0s, visibility 0s .3s; transition: opacity .3s 0s, visibility 0s .3s; }
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover { -webkit-transition: opacity .3s 0s, visibility 0s 0s; -moz-transition: opacity .3s 0s, visibility 0s 0s; transition: opacity .3s 0s, visibility 0s 0s; }
.cd-top.cd-is-visible { visibility: visible; opacity: 1; }
.cd-top.cd-fade-out { opacity: .8; }
.no-touch .cd-top:hover { background: rgba(250,176,6,1); opacity: 1; }*/

/* ArayZ */
.ArayZ{ width: auto; height: auto; margin: 40px 0;}
.ArayZBox{ margin: auto; padding: 30px; display: flex; flex-wrap: nowrap; justify-content: space-between; flex-direction: row-reverse; background-image: url(../images/arayz/ArayZ-bg.png);  background-repeat: no-repeat; background-size: cover; background-position: center; }
.ArayZBox .Left{ margin: 0; }
.ArayZBox .Left .LeftPic{ display: flex; flex-wrap: nowrap; align-items: center; margin-left: 60px;}
.ArayZBox .Left .LeftPic .Picture{ margin: 0;}
.ArayZBox .Left .LeftPic .Picture img{ width: 100%; max-width: 200px; height: auto; }
.ArayZBox .Left .LeftPic .RightDetail{ margin-left: 40px; font-size: 20px; color: #fff;}
.ArayZBox .Left .LeftPic .RightDetail .Title{ font-size: 25px; font-weight: 600;}
.ArayZBox .Left .LeftPic .RightDetail .BTNWrite{ margin: 15px 0; width: 100%; max-width: 300px; position: relative;}
.ArayZBox .Left .LeftPic .RightDetail .BTNWrite:after{ position: absolute; width: 13px; height: 25px; right: 15px; top: 12px; content: ''; background-image: url(../images/arayz/ArayZ-right-arrow-black.svg);  background-repeat: no-repeat; background-size: contain; background-position: center;}
.ArayZBox .Left .LeftPic .RightDetail .BTNWrite a{ display: block; font-size: 18px; font-weight: 600; background-color: #fff; color: #000; padding: 10px 20px; border: 1px solid #000;}
.ArayZBox .Left .LeftPic .RightDetail .BTNWrite a:hover{ border: 1px solid #000;}
.ArayZBox .Left .LeftPic .RightDetail .BTNBlack{ margin: 15px 0; width: 100%; max-width: 300px; position: relative;}
.ArayZBox .Left .LeftPic .RightDetail .BTNBlack:after{ position: absolute; width: 13px; height: 25px; right: 15px; top: 12px; content: ''; background-image: url(../images/arayz/ArayZ-right-arrow-white.svg);  background-repeat: no-repeat; background-size: contain; background-position: center;}
.ArayZBox .Left .LeftPic .RightDetail .BTNBlack a{ display: block; font-size: 18px; font-weight: 600; background-color: rgba(0, 0, 0, 0.5); color: #fff; padding: 10px 20px; border: 1px solid #fff;}
.ArayZBox .Left .LeftPic .RightDetail .BTNBlack a:hover{ background-color: #fff; border: 1px solid #fff; color: #000;}
.ArayZBox .Left .LeftPic .RightDetail .BTNBlack:hover:after{ background-image: url(../images/arayz/ArayZ-right-arrow-black.svg); }
.ArayZBox .Right{ margin: 0; }
.ArayZBox .Right img{ width: 100%; max-width: 130px; height: auto;}

/* MagazineList */
.MagazineList{ margin-top: 0px;}
.MagazineList ul{ display: flex; flex-wrap: wrap; justify-content: left;}
.MagazineList ul li{ width: 22%; margin: 2% 2% 4% 2%;  }
.MagazineList ul li:nth-child(4n+0){ margin-right: 0; }
.MagazineList ul li:nth-child(4n+1){ margin-left: 0; }
/*.MagazineList ul li:nth-child(5n+1){ background-color: blue; margin-left: 0; }*/
.MagazineList ul li a{ display: block; color: #000;transition: all .2s;}
.MagazineList ul li a:hover{ color: #666; transition: all .2s; }
.MagazineList ul li a:hover .Picture img{ opacity: 0.7; transition: all .2s;}
.MagazineList ul li .Picture{ width:100%; height: 310px; overflow: hidden; text-align: center; display: flex; justify-content: center; align-items: center; }
.MagazineList ul li .Picture img{ display: block; margin: auto; width: auto; height: auto; max-width: 100%; max-height: 100%; /* width: 100%; height: 100%; object-fit: cover;*/ transition: all .2s; }
.MagazineList ul li .Detail{ margin-top: 10px;}
.MagazineList ul li .Detail .Title{ margin: 0; font-size: 16px; font-weight: bold; margin-top: 10px;}
.MagazineList ul li .Detail .Date{ margin: 0; font-size: 12px; font-weight: bold;color: #B4B4B4; margin-top: 15px; }
.MagazineList ul li .Detail .Date a{ color: #000; }
.MagazineList ul li .Detail .Date span{ color: #000; font-weight: 300;}
.MagazineViewall{ text-align: center;}
.MagazineViewall a{ display: inline-block; background-color: #eee; color: #000; padding: 5px 30px; }
.MagazineViewall a:hover{ background-color: #A80000; color: #fff; }

/* MagazineSingleBox */
.MagazineSingle{ max-width: 990px!important;}
.MagazineSingleBox{ padding: 20px 0; display: flex; justify-content: space-between; align-items: center; }
.LeftPicture{ width: 45%; text-align: center; background-color: #eee; }
.LeftPicture p{ margin: 0; padding: 30px 20px; }
.LeftPicture p img{ width:auto; height: auto; max-height: 500px; max-width: 100%; margin: 0!important;}
.RightDetail{ width: 50%; }
.RightDetail .ThaiBizTitle{ font-size: 25px; font-weight: 600; margin-top: 0;}
.RightDetail h1{ margin-top: 0; font-size: 28px;}
.RightDetail .Title{ margin-bottom: 5px;}
.RightDetail .Detail{ font-size: 16px; margin-top: 25px; font-weight: 500;}
.RightDetail .PDFM{ margin-top: 25px; text-align: center;}
.RightDetail .PDFM a{ display: block; padding: 5px; max-width: 280px; background-color: #a80000; color: #fff; font-size: 15px; font-weight: 600;}
.RightDetail .PDFM a:hover{ background-color: #000; color: #fff; }
.RightDetail .URLEbook{ margin-top: 15px; text-align: center;}
.RightDetail .URLEbook a{ display: block; padding: 5px; max-width: 280px; background-color: #eee; color: #000; font-size: 15px; font-weight: 600;}
.RightDetail .URLEbook a:hover{ background-color: #000; color: #fff; }

.DisplayMagazin{ margin: 30px 0; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; padding: 15px 0; border-top: 1px solid #ddd; border-bottom: 1px solid #ddd;}
.DisplayMagazin .PictureLeft{ width: 18%; }
.DisplayMagazin .PictureLeft img{ width: auto; max-width: 100%; height: auto;}
.DisplayMagazin .DetailRight{ width: 78%; text-align: left; }
.DisplayMagazin .DetailRight .title{ font-size: 28px; font-weight: 600; margin-bottom: 25px;text-align: center;}
.DisplayMagazin .DetailRight .description{margin: 25px 0 0 0;line-height: 1.5em;text-align: center;}
.DisplayMagazin .DetailRight .description span{ display:block; font-size: 14px; font-weight: 300; margin-bottom: 0px; }
.DisplayMagazin .DetailRight .TitleM{ font-size: 20px; font-weight: 600; margin-bottom: 0px; margin-left: 15px;}
.DisplayMagazin .DetailRight .DateM{ margin: 0; font-size: 14px; text-align: center;}
.DisplayMagazin .DetailRight .PDFM{ text-align: center;}
.DisplayMagazin .DetailRight .PDFM a{ display: inline-block; padding: 5px 50px; background-color: #A80000; color: #fff; font-size: 16px; font-weight: 600; min-width: 300px;}
.DisplayMagazin .DetailRight .DescriptionM{ font-size: 14px; }

.DisplayMagazin .NewsletterTop{ position: relative; width: 100%; max-width: 400px; margin: auto; margin-top: 30px; margin-bottom: 15px; }
.DisplayMagazin .NewsletterTop p{ margin: 0; position: relative;}
.DisplayMagazin .NewsletterTop p.NewsletterTopText{ margin: 0; margin-bottom: 15px; font-size: 15px; font-weight: 600; text-align: center;}
.DisplayMagazin .NewsletterTop input[type=email],.DisplayMagazin .NewsletterTop input[type=text]{ display: inline-block; outline:none; width: 100%; text-align: left; padding: 10px 10px 10px 65px; -webkit-appearance: none; -moz-appearance: none; appearance: none; border:0px; background-color: transparent; border-bottom: 1px solid #000; }
.DisplayMagazin .NewsletterTop input[type="submit"]{ position: absolute; right: 0px; top: 2px; padding: 7px 15px; display: inline-block; background-color: #000; color: #fff; outline:none; border: 0; cursor: pointer;-webkit-appearance: none; -moz-appearance: none; appearance: none; transition: all .3s; }
.DisplayMagazin .NewsletterTop2Column{ display: flex; justify-content: space-between; flex-wrap: nowrap; width: 100%; max-width: 100%; }
.DisplayMagazin .NewsletterTop2Column p.NewsletterTopText{ text-align: left; width: 50%; margin-bottom: 0; padding-top: 5px; padding-right: 10x; }
.DisplayMagazin .NewsletterTop2Column .wpcf7{ width: 50%;}
.DisplayMagazin .wpcf7 form .wpcf7-response-output{ margin-top: 0!important;}

/* QadA */
.QadA{ padding: 60px 0;}
.QadABox{ margin: 0 auto; text-align: center; }
.QadABox h2{ display: block; margin: auto; font-size: 30px; font-weight: 600; }
.QadABoxList{ margin: 0; }
.QadABoxList ul li{ margin: 30px 0; height: auto; overflow: auto; text-align: left;}
.QadABoxList ul li:last-child{ margin: 30px 0 0 0; }
.QadABoxList ul li p{ margin: 0; padding: 0; }
.QadABoxList ul li .Q{ position: relative; border-bottom: 1px solid #f2f2f2; font-size: 17px; font-weight: 700; padding: 15px 30px 15px 80px; }
.QadABoxList ul li .Q:before{ width: 70px; height: auto; position: absolute; left: 0; top: 3px; content: 'Q.'; color: #000; font-weight: 700; font-size: 30px; text-align: right; padding-right: 10px;}
.QadABoxList ul li .A{ position: relative; padding: 15px 30px 15px 80px; font-size: 17px; font-weight: 400; }
.QadABoxList ul li .A:before{ width: 70px; height: auto; position: absolute; left: 0; top: 3px; content: 'A.'; color: #A80000; font-weight: 700; font-size: 30px; text-align: right; padding-right: 10px;}

/* CorporateMemberList */
.CorporateMemberList{ margin: auto; margin-bottom: 40px;}
.CorporateMemberList h2{ text-align: center; display: block; margin: auto; font-size: 30px; font-weight: 600; }
.CorporateMemberList ul{ padding-top: 20px; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; gap: 2%;}
.CorporateMemberList ul li{ width: 18.4%; margin-top: 1%; margin-bottom: 1%; font-size: 12px; color: #444; }
.CorporateMemberList ul li img{ width: auto; height: auto; max-width: 100%; }
.CorporateMemberList ul li p{ margin: 0; padding: 10px; text-align: center;}
.CorporateMemberList ul li .CMLNamea{ border-top: 1px solid #eee; }
.CorporateMemberList ul li .ATagURL,.CorporateMemberList ul li a{ color: #444; display: block; border: 1px solid #eee; border-radius: 5px; transition: all .2s ease;}
.CorporateMemberList ul li .ATagURL:hover,.CorporateMemberList ul li a:hover{ box-shadow: 0 5px 8px 2px rgba(0, 0, 0, .14); transform: translateY(-1px); transition: all .2s ease; }

/* TagsToppageList */
.TagsToppageListLeft{ width: 82%;}
.TagsToppageList{ max-width: 1180px; margin: auto; margin-top: 160px; display: flex; justify-content: space-between; flex-wrap: wrap; }
.TagsToppageList ul{ margin: 0; padding: 0; display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; gap: 1.5%; }
.TagsToppageList ul li{ font-size: 14px; font-weight: 600; margin-bottom: 10px; }
.TagsToppageList ul li a{ display: block; background-color: #dadad6; color: #111; border-radius: 100px; padding: 5px 20px; }
.TagsToppageList ul li a:hover{ background-color: #000; color: #fff;}
.MarTopForKVToppage{ margin-top: 40px!important; }

/* LCRSlide */
.LCRSlide{ width: auto; height: auto; margin-bottom: 80px;}
.LCRSlideBox{ width: auto; max-width: 1180px; margin: auto; display: flex; justify-content: space-between; align-items: center; }
.LCRSlideBox .LCRSlideLeft{ width: 31.7%; height: auto; }
.LCRSlideBox .LCRSlideCenter{ width: 31.7%; height: auto; margin: auto; }
.LCRSlideBox .LCRSlideRight{ width: 31.7%; height: auto; }
.LCRSlideBox img{ width: 100%; height: auto; max-width: 100%; }