.pc-only{}
.sp-only{display: none;}
.pc-only506{}
.sp-only506{display: none;}
/* -------------------------------------  1440px  ------------------------------------- */
@media(max-width:1360px)
{
    /* Keyvisual */
    .KeyvisualBox{ max-width: 100%; margin-left: 40px; margin-right: 40px; padding: 20px 0px; }
    .KeyvisualBox ul li .Picture{ height: 400px;}

    /* SubSlide */
    .SubSlideBox{ max-width: 100%; margin-left: 40px; margin-right: 40px;}

    /* LCRSlideBox */
    .LCRSlideBox{ max-width: 100%; margin-left: 40px; margin-right: 40px;}

}

/* -------------------------------------  1259px  ------------------------------------- */
@media(max-width:1259px)
{

    /* Keyvisual */
    .KeyvisualBox ul li .Picture{ height: 350px;}
    .KeyvisualBox ul li .Detail .Title{ font-size: 30px; }

    /* SerialArticle */
    .SerialArticleList{ max-width: 100%; margin-left: 40px; margin-right: 40px; }
    .SerialArticleList ul li{ height: 300px; }
    .SerialArticleList ul li .Title{ font-size: 30px; }

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

    /* BlogTemplate */
    /*.BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ height: 300px; }*/
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .Title{ font-size: 23px;}

    /* Matching */
    /*.MatchingBox .MatchingList ul li .Picture{ height: 160px; }*/
    .MatchingBox .MatchingList ul li .Detail .Title{ font-size: 16px; }

    /* Article */
    .ArticleBox .ArticleList ul li .Detail .Title{ font-size: 16px; }

    /* AboutTJRIBox */
    .AboutTJRIBox ul li .Description{ font-size: 16px; }

    /* BeOurPartner */
    .BeOurPartnerBox{ max-width: 990px; }
    .BeOurPartnerBox ul li:nth-child(1){ font-size: 26px; line-height: 33px;}
    .BeOurPartnerBox ul li:nth-child(1) span{ font-size: 20px; }
    .BeOurPartnerBox ul li:nth-child(2){ font-size: 16px;}

    /* footer */
    /*footer .FooterBox{ max-width: 990px; }*/

    /* Events */
    .EventsBox .EventsList ul li .Detail .Title{ font-size: 16px; }

    .MemerShipExmBox ul li .InnerBox{ max-width: 990px; }
    .MemerShipExmBox ul li .Detail{ padding-right: 20px; }

    .MMTwoBox .Inner{ max-width: 990px;}

    .TagsToppageList{ max-width: 100%; margin-left: 40px; margin-right: 40px; }
    .TagsToppageList ul{ gap: 1%;}
    .TagsToppageList ul li{ font-size: 14px; }
    .TagsToppageList ul li a{ padding: 5px 15px; }
}

/* -------------------------------------  1023px  ------------------------------------- */
@media(max-width:1023px)
{
    /* Keyvisual */
    #KeyvisualTop{width: 100%; max-width: 1440px; margin: 50px auto -20px;}
    .Keyvisual{ margin: 50px 15px 0; }
    .KeyvisualBox{ width: 90%; max-width: 100%; margin: auto; }
    .KeyvisualBox ul li .Picture{ width: 50%; height: 350px;}
    .KeyvisualBox ul li .Detail{ width: 50%; }
    .KeyvisualBox ul li .Detail .Title{ font-size: 28px; }
    .SectionShare{display: none;}
    /* SubSlide */
    .SubSlideBox{ width: 90%; max-width: 100%; margin: auto;}
    .SubSlideBox h2{ font-size: 25px;}

    /* LCRSlideBox */
    .LCRSlide{ margin-top: 20px; }
    .LCRSlideBox{ width: 90%; max-width: 100%; margin: auto;}

    .MMTwoBox .Inner{  max-width: 90%;}

    /* NewandRankingArticle */
    .NewandRankingArticleBox .HeaderBox{display: block;}
    .NewandRankingArticleBox .HeaderBox h2{ font-size: 30px;}
    .NewandRankingArticleBox .HeaderBox p{ font-size: 16px; }
    .NewandRankingArticleBox .HeaderBox p a{ padding-right: 20px; }
    .NewandRankingArticleBox .HeaderBox p a:after{ width: 15px; height: 15px;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Picture{ height: auto; width: 44%;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Picture img{ width: 100%; /*height: 100%;*/ height: auto;  }
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail{  width: 56%; padding-left: 20px;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail .Title{ font-size: 16px; height: 72px; overflow: hidden;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail .CategotyDate{ font-size: 13px; height:39px;overflow: hidden; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture{ height: auto; width:44%;}
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture img{ width: 100%; /*height: 100%;*/ height: auto; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .Title{ font-size: 16px; height:72px;overflow: hidden; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .CategotyDate{ font-size: 13px; height:39px;overflow: hidden; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail{ width: 56%; padding-left: 20px;}

    /* SerialArticle */
    .SerialArticleList{ width: 90%; max-width: 100%; margin: auto;}
    .SerialArticleList ul li{ height: 250px; }
    .SerialArticleList ul li .Title{ font-size: 25px; }
    .SerialArticleList ul li .Detail{ max-width: 300px; right: 40px;}

    /* MaxWidthContent */
    .MaxWidthContent{ max-width: 90%; }


    /* Article */
    .DisplayMagazin .DetailRight .TitleM{display: block;}

    /* HeaderBox */
    .HeaderBox h2{ font-size: 30px;}
    .HeaderBox h1{ font-size: 30px;}
    .HeaderBox p{ font-size: 15px; }

    /* HeaderBoxOtherspage */
    .HeaderBoxOtherspage h2{ font-size: 20px;}
    .HeaderBoxOtherspage h1{ font-size: 20px;}
    .HeaderBoxOtherspage div{ font-size: 12px; }
    .HeaderBoxOtherspage p{ font-size: 12px; }

    /* HeaderCategoryBox */
    .HeaderCategoryBox h2{ font-size: 20px;}
    .HeaderCategoryBox h1{ font-size: 20px;}
    .HeaderCategoryBox .CategoryList{ font-size: 15px; }

    /* BlogTemplate */
    .BlogTemplateBox .BlogTemplateList ul li .Picture{ height: 110px;}
    .BlogTemplateBox .BlogTemplateList ul li .Picture img{ width: 100%; height: auto; }
    .BlogTemplateBox .BlogTemplateList ul li .Detail .Title{ font-size: 16px;}
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ height: auto; margin-bottom: 50px; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Picture img{ width: 100%; height: auto; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .Title{ font-size: 20px;}

    /* Matching */
    /*.MatchingBox .MatchingList ul li .Picture{ height: 140px; }*/
    .MatchingBox .MatchingList ul li .Detail .Title{ font-size: 16px;}

    /* Events */
    .Events{ margin: 50px 0 25px 0;}
    .EventsBox .EventsList ul li .Detail .Title{ font-size: 15px;}
    /* YearsList */
    .YearsList{ margin: 15px 0; display: block; }
    .YearsList .Years{ width: 100%;}
    .YearsList .MonthList{ width: 100%;}
    .YearsList .MonthList ul li{ margin: 0; }

    /* ArticleBox */
    .Article{ margin: 50px auto;}
    .ArticleBox .ArticleList ul li .Detail .Title{ font-size: 15px; }
    .ArticleBox .ArticleList ul li .Detail .TopCaption{ margin: 5px 0 10px 0; font-size: 13px; }

    /* AboutTJRIBox */
    .AboutTJRIBox h2{ font-size: 20px;}
    .AboutTJRIBox ul li .Description{ padding: 30px; font-size: 15px; line-height: 25px; }

    /* SNSCenter */
    .SNSCenter ul li img{ width: 80px; }

    /* BeOurPartner */
    .BeOurPartnerBox{ max-width: 90%; }
    .BeOurPartnerBox h2{ font-size: 20px;}
    .BeOurPartnerBox ul{ display: block; padding: 30px;}
    .BeOurPartnerBox ul li:nth-child(1){ width: auto; font-size: 30px; line-height: 35px; padding-right: 0px;}
    .BeOurPartnerBox ul li:nth-child(1) span{ font-size: 25px; display: block; }
    .BeOurPartnerBox ul li:nth-child(2){ width: auto; margin: 20px 0; font-size: 15px; line-height: 25px;}
    .BeOurPartnerBox ul li:nth-child(3){ width: auto; padding-left: 0px;}

    /* footer */
    /*footer .FooterBox{ max-width: 90%; }
    footer .FooterBox .FooterNav{ font-size: 14px; }*/

    /* breadcrumb navigation bar */
    .NavigationTab .breadcrumb a { font-size: 14px; }

    .Margin75{ margin-top: 50px!important;}
    .MatchingMT145{ margin-top: 75px!important;}
    .MatchingMT145Single{ margin-top: 50px!important;}

    /* AuthorListBox */
    .AuthorList ul li{ width: 31.3%; margin: 2% 3% 2% 0; }
    .AuthorList ul li:nth-child(3n+0){ margin-right: 0; }
    .AuthorList ul li:nth-child(4n+0){ margin-right: auto;}
    .AuthorList ul li:nth-child(3n-1){ margin-left: 0; }

    /* MediaTemplate */
    .MediaTemplateBox .MediaTemplateList ul li .Picture{ width:28%; }
    .MediaTemplateBox .MediaTemplateList ul li .Detail{ width: 72%;}
    .MediaTemplateBox .MediaTemplateList ul li .Detail .Title{ font-size: 15px;}
    .MediaTemplateBox .MediaTemplateList ul li .Detail .Descriptions{ font-size: 12px; }

    /* MemberShipPage  */
    .MemberShipPage .Detail{ text-align: center; margin: 40px 0; font-size: 23px;}
    .MemberShipPage .Detail h1{ font-size: 30px; margin: 40px 0;}
    .MemberShipPage .Detail h2{ font-size: 35px; margin: 0 0 40px 0;}

    /* PackagePriceBox */
    .PackagePriceBox ul li{ width: 40%;}
    .PackagePriceBox ul li .DescriptionList ul li{ font-size: 17px; }
    .PackagePriceBox ul li .Price{ font-size: 22px;}

    /* PagenotFound */
    .PagenotFound{  padding: 20px 20px;}

    /* MembershipBoxShadow */
    .MembershipBoxShadow .TailInfos .Inner .Left .Title{ font-size: 16px;}
    .MembershipBoxShadow .TailInfos .Inner .Right .Title{ font-size: 16px;}
    .MembershipBoxShadow .Ondemand .Header h2{ font-size: 18px;}
    .MembershipBoxShadow .Ondemand .Inner .Left p.Title{ font-size: 18px; }
    .MembershipBoxShadow .Ondemand .Inner .Right ul li{ font-size: 15px; }

    /* PriceList */
    .PriceList table tr td:nth-child(1){ width: 140px;}
    .PriceList table table tr td p{ margin: 0; padding: 5px 5px;}
    .PriceList table table tr td:nth-child(1){ width: 45%; }
    .PriceList table table tr td:nth-child(2){ width: 11%; padding-right: 10px;}
    .PriceList table table tr td:nth-child(3){ width: 17%; padding: 0 10px;}
    .PriceList table table tr td:nth-child(3) img{ max-width: 16px;}
    .PriceList table table tr td:nth-child(4){ width: 17%; padding: 0 10px;}
    .PriceList table table tr td:nth-child(4) img{ max-width: 16px; }
    .HeaderRequency{ right: 5px;}

    /* ArayZ */
    .ArayZBox{ padding: 20px; }
    .ArayZBox .Left .LeftPic{ margin-left: 0px;}
    .ArayZBox .Left .LeftPic .RightDetail .Title{ font-size: 20px;}
    .ArayZBox .Right img{ max-width: 110px; }

    /* MemerShip3Box */
    .MemerShip3Box ul li .Detail .TopCaption{ font-size: 23px; }
    .MemerShip3Box ul li .Detail .TopCaption span{ font-size: 15px;}

    /* MemerShipListBox */
    .MemerShipListBox ul li .Detail .Title{ font-size: 20px; }
    .MemerShipListBox ul li .Detail .Descriptions{ font-size: 16px;}
    .MatchingMT180{ margin-top: 80px!important;}

    /* MagazineList */
    .MagazineList ul li{ width: 30.66%; margin: 2% 2% 2% 2%;  }
    .MagazineList ul li:nth-child(4n+0){ margin-right: 2%; }
    .MagazineList ul li:nth-child(4n+1){ margin-left: 2%; }
    .MagazineList ul li:nth-child(3n+0){ margin-right: 0; }
    .MagazineList ul li:nth-child(3n-2){ margin-left: 0; }

    /* MagazineSingleBox */
    .MagazineSingle{ max-width: 90%!important;}
    .RightDetail h1{ font-size: 26px;}
    .RightDetail .Detail{ font-size: 15px; }

    .MemerShipExmBox ul li .InnerBox{ max-width: 90%; }
    .MemerShipExmBox ul li .Detail{ padding-right: 20px; width: calc(100% - 280px); }

    /* CorporateMemberList */
    .CorporateMemberList ul li{ width: 23.5%; }

    /* TagsToppageList */
    .TagsToppageList{ display: block;}
    .TagsToppageList{ max-width: 90%; margin: auto; margin-top: 70px;}
    .TagsToppageList ul{ justify-content: center; }
    .TagsToppageListLeft{ width: 100%;}

}  

/* -------------------------------------  768px  ------------------------------------- */
@media(max-width:768px)
{
    /* SubSlide */
    .SubSlideBox .SlideList { margin: 0; }
    .SubSlideBox .SlideCenter .slick-center img { width: 100%; max-width: 100%; height: auto; }
    .SubSlideBox .SlideCenter img { width: 100%; max-width: 100%; height: auto; }

    /* slick slide custom */
    .slick-prev{ left: -30px!important;}
    .slick-next{ right: -30px!important;}
    .pc-only{display: none!important;}
    .sp-only{display: block;}
    .FirstSP{display: block;}
    .FirstSP .SearchTopMobileSB{ width: 100%; max-width: 480px; margin: 0 auto 20px;}
    .FirstSP .RightSNS{ width: 100%; max-width: 240px; margin: 0 auto 0px;}
}

/* -------------------------------------  767px  ------------------------------------- */
@media(max-width:767px)
{
    /* Keyvisual */
    #KeyvisualTop img.banner_pc{display: none;}
    #KeyvisualTop img.banner_sp{display: block;}
    .KeyvisualBox{ width: 100%; padding: 0px 0px; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.1);}
    .KeyvisualBox ul{ margin: 0; padding: 0; box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.0);}
    .KeyvisualBox ul li a{ display: block; color: #fff; }
    .KeyvisualBox ul li .Picture{ width: 100%; height: auto;}
    .KeyvisualBox ul li .Detail{ width: 100%; padding: 20px;  }
    .KeyvisualBox ul li .Detail .Title{ font-size: 25px; }
    .KeyvisualBox ul li .Detail .CategotyDate{ color: #B4B4B4; }
    /*.KeyvisualBox .slick-dots{ bottom: -30px!important; }*/

    /* slick slide custom */
    .slick-dots{ bottom: -30px!important; }

    .HeaderBox{display: block;}

    /* NewandRankingArticle */
    .NewandRankingArticleBox{ display: block;}
    .NewandRankingArticleBox .HeaderBox h2{ font-size: 30px;}
    .NewandRankingArticleBox .HeaderBox p{ font-size: 14px; }
    .NewandRankingArticleBox .HeaderBox p a{ padding-right: 20px; }
    .NewandRankingArticleBox .HeaderBox p a:after{ width: 15px; height: 15px;}
    .NewandRankingArticleBox .ArticleRankingBox{ width: 100%;}
    .NewandRankingArticleBox .ArticleRankingBox ul{ margin-top:10px;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Picture{ height: auto; }
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail{  width: 56%; padding-left: 20px;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail .Title{ font-size: 16px; height: auto; overflow: visible;}
    .NewandRankingArticleBox .ArticleRankingBox ul li .Detail .CategotyDate{ font-size: 13px; height:auto;overflow: visible; }
    .NewandRankingArticleBox .ArticleRankingBox2{ width: 100%;}
    .NewandRankingArticleBox .ArticleRankingBox2 ul{ margin-top:10px;}
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture{ height: auto; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .Title{ font-size: 16px; height: auto; overflow: visible;}
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Detail .CategotyDate{ font-size: 13px; height:auto;overflow: visible; }
    /* HeaderBoxOtherspage */
    .HeaderBoxOtherspage h2{ font-size: 20px;}
    .HeaderBoxOtherspage h1{ font-size: 20px;}
    .HeaderBoxOtherspage div{ font-size: 12px; }
    .HeaderBoxOtherspage p{ font-size: 12px; }
    .HeaderBoxOtherspage p a{ padding-right: 20px; }
    .HeaderBoxOtherspage p a:after{ width: 15px; height: 15px;}
    .HeaderBoxOtherspage .Duration{ margin-top: 0px; margin-left: 15px;}

    /* HeaderCategoryBox */
    .HeaderCategoryBox{ margin-bottom: 15px;}
    .HeaderCategoryBox h2{ font-size: 20px;}
    .HeaderCategoryBox h1{ font-size: 20px;}
    .HeaderCategoryBox{ display: block; }
    .HeaderCategoryBox .CategoryList ul li{ margin-right: 10px; margin-bottom: 10px;}

    /* SubSlide */
    .SubSlide{ margin-top: 30px; width: 100%; overflow: hidden;}
    .SubSlideBox{ width: 100%;}
    .SubSlideBox .SlideList { margin: 0 5px; }
    .SubSlideBox .slick-dots{ bottom: -30px!important; }

    /* Article */
    .DisplayMagazin .DetailRight .description{display: none;}
    .DisplayMagazin .DetailRight .TitleM{font-size: 17px;}
    .DisplayMagazin .DetailRight .title{font-size: 20px;}
    .DisplayMagazin .NewsletterTop{ max-width: 390px;}
    .DisplayMagazin .NewsletterTop p.NewsletterTopText{ font-size: 15px;}
    .DisplayMagazin .NewsletterTop2Column{ display: block; }
    .DisplayMagazin .NewsletterTop2Column p.NewsletterTopText{ text-align: center; width: 100%; margin-bottom: 15px; }
    .DisplayMagazin .NewsletterTop2Column .wpcf7{ width: 100%;}

    /* SerialArticle */
    .SerialArticleList{ width: 100%;}
    .SerialArticleList ul li{ height: 200px; }
    .SerialArticleList ul li .Title{ font-size: 20px; }

    /* BlogTemplate */
    .BlogTemplateBox .BlogTemplateList ul li{ width: 100%; float: none; margin-bottom: 20px; }
    .BlogTemplateBox .BlogTemplateList ul li .NewIcon{ top: 10px; width: 60px; height: 30px; }
    .BlogTemplateBox .BlogTemplateList ul li .Picture{ /*height: 120px;*/ height: auto; }
    .BlogTemplateBox .BlogTemplateList ul li .Detail .Title{ font-size: 16px;}
    .BlogTemplateBox .BlogTemplateList ul li:first-child{ width: 100%; margin-right: 0; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ height: auto; margin-bottom: 10px; }
    .BlogTemplateBox .BlogTemplateList .MobileHide{ display: none;}
    /*.BlogTemplateBox .BlogTemplateList ul li:first-child a{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ width:44%; height: 120px; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail{ width: 56%; padding-left: 20px; margin-top: 0; border-left: 0px;}
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .Title{ margin: 0; font-size: 18px;}*/

    /* Matching */
    .MatchingBox .MatchingList ul li{ width: 47%; margin: 2% 0% 2% 3%; }
    .MatchingBox .MatchingList ul li .Picture{ height: auto; }
    .MatchingBox .MatchingList ul li .Detail .Title{ font-size: 16px; }
    .MatchingBox .MatchingList ul li:nth-child(3n+0){ margin-right: auto; }
    .MatchingBox .MatchingList ul li:nth-child(3n-2){ margin-left: auto; }
    .MatchingBox .MatchingList ul li:nth-child(odd){ margin-left: 0; margin-right: 3%;}

    /* Article */
    .ArticleBox .ArticleList ul li{ width: 47%; margin: 2% 0% 2% 3%; }
    .ArticleBox .ArticleList ul li .Picture{ height: auto; }
    .ArticleBox .ArticleList ul li .Detail .Title{ font-size: 15px; }
    .ArticleBox .ArticleList ul li:nth-child(3n+0){ margin-right: auto; }
    .ArticleBox .ArticleList ul li:nth-child(3n-2){ margin-left: auto; }
    .ArticleBox .ArticleList ul li:nth-child(odd){ margin-left: 0; margin-right: 3%;}
    /* ArticleListStyle2 */
    .ArticleBox .ArticleListStyle2 ul li{ width: 47%; margin: 2% 0% 2% 3%; }
    .ArticleBox .ArticleListStyle2 ul li .Picture{ height: auto; }
    .ArticleBox .ArticleListStyle2 ul li .Detail .Title{ font-size: 15px; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(3n+0){ margin-left: auto; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(3n-1){ margin-right: auto; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(odd){ margin-left: 0; margin-right: 3%;}
    .ArticleBox .ArticleListStyle2 ul li:nth-child(1){ width:47%!important; margin: 2% 3% 0 0!important; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(2){ width: 47%!important; margin: 2% 0 0 3%!important; }

    /* SingleArticle */
    .SingleArticle{ width: 90%; margin: auto; margin-top: 50px; font-size: 17px; }
    .SingleArticle h1{ font-size: 30px;}
    .SingleArticle h2{ line-height: 1.6em; width: 100%; margin: auto; margin-top: 32px; }
    .SingleArticle .FeatureImage img{width: 100%; margin: auto; margin-top: 0px;}
    .SingleArticle img{ width: 100%; margin: auto; margin-top: 32px;}
    .SingleArticle .Introduction{ font-size: 14px; }
    .SingleArticle .CategotyDate{ font-size: 13px;}
    .comment{ font-size: 13px; }

    /* AboutTJRI */
    .AboutTJRIBox ul li{ display: block; }
    .AboutTJRIBox ul li .Picture{ width: 100%; height: auto;}
    .AboutTJRIBox ul li .Description{ width: 100%; height: auto; }

    /* footer */
    /*footer .FooterBox .FooterNav{ font-size: 13px; }*/

    /* Author */
    .Author{ width: 90%; display: block; margin: auto; margin-top: 60px; margin-bottom: 60px; }
    .AuthorProfile{ width:100%; max-width: 125px; margin: auto; margin-bottom: 20px; }
    .AuthorDetail{ width:100%; max-width: 100%; text-align: left; }
    .AuthorDetail h2{ margin-bottom: 20px; }
    .AuthorDetail .Caption{ margin: 20px 0 0 0;}
    .OrganizationDetail{ margin: 0 20px 0 20px; border-top: 1px solid #BEBEBE;font-size: 15px;}

    /* AuthorDetail */
    .AuthorDetailL{ width: 30%; }
    .AuthorDetailR{ width: 65%; }

    /* SearchBox */
    .SearchBox{ margin-top: 50px; padding: 40px 20px 0px 20px; }
    .SearchBox ul{ margin: 0; padding: 0; width: 100%; display: block!important; justify-content: center; flex-direction:initial; align-items: center;}
    .SearchBox ul li{ width: 100%; text-align: center; max-width: 400px; margin-right: 0px!important; margin: auto!important; overflow: auto!important; margin-bottom: 15px!important;}
    .SearchBox label{ display: block!important;}
    .SearchBox ul li input[type=text]{ width: 100%!important;}
    .SearchBox ul li select{ width: 100%!important;}
    .SearchBox ul li h4{ display: none;}
    .ArticleBox .SearchBox{ width: 100%; margin: 0 auto!important; text-align: left!important; display: block; }
    .MatchingBox .SearchBox{ width: 100%; margin: 0 auto!important; text-align: left!important; display: block; }

    /* FeatureCorner */
    .FeatureCorner .FeatureImage{ margin: 0;}
    .FeatureCorner{ margin: 50px 0 0 0; padding-bottom: 0px; }
    .FeatureCorner h1{ margin-top: 0; font-size: 20px;}
    .FeatureCorner .Descriptions{ padding: 20px;}

    /* SingleEvent */
    .SingleEvent{ font-size: 16px;}
    .SingleEvent .Infos{ padding: 0;}
    .SingleEventBox{ width: 90%; margin: auto;}
    .SingleEvent h1{ font-size: 30px; }
    .SingleEvent .Information{ font-size: 14px; }
    .SingleEvent .Information .title{ font-size: 16px; }
    .SingleEvent ol li .title{ font-size: 16px; }
    .SingleEvent .Information .title{ font-size: 16px; }

    /* CompanyPageBox */
    .CompanyPage{ font-size: 16px;}
    .CompanyPage .Infos{ padding: 0;}
    .CompanyPageBox{ width: 90%; margin: auto;}
    .CompanyPage h1{ font-size: 30px; }
    .CompanyPage .Information{ font-size: 14px; }
    .CompanyPage .Information .title{ font-size: 16px; }
    .info_list{ font-size: 14px; }
    .info_list .title{ font-size: 16px;}
    .info_list .rows_title{ width: calc(100% - 680px); min-width: 110px; max-width: 110px; }
    .info_list .rows_info{ width: calc(100% - 110px); }
    .info_list_bg_gray{ font-size: 14px; }
    .info_list_bg_gray .title{ font-size: 16px;}
    .info_list_bg_gray .rows_title{ width: calc(100% - 680px); min-width: 110px; max-width: 110px;  }
    .info_list_bg_gray .rows_info{ width: calc(100% - 110px); }

    /* MediaTemplate */
    .MediaTemplateBox .MediaTemplateList ul li .Detail .Descriptions{ display: none; }

    /* DownloadAndEnews */
    .DownloadAndEnewsBox{ display: block; }
    .DownloadAndEnewsBox .DownloadAndEnews2Box{ width: 100%; }
    .DownloadAndEnewsBox .MarginTop25px{ margin-top: 25px;}

    /* MemberShipPage  */
    .MemberShipPage .Detail{ font-size: 20px;}
    .MemberShipPage .Detail h1{ font-size: 20px; margin-bottom: 0;}
    .MemberShipPage .Detail h1 span{ font-size: 18px; margin-top: 5px;}
    .MemberShipPage .Detail h2{ font-size: 30px;}

    .BTNKowledge{ font-size: 14px; }
    .BTNKowledge a{ padding: 12px 20px; margin-left: 0; margin-bottom: 20px; }
    .BTNKowledge a.Black{ padding: 12px 20px; margin-right: 0px; margin-bottom: 20px; }

    /* PackagePriceBox */
    .PackagePriceBox{ padding: 0; margin-bottom: 40px;}
    .PackagePriceBoxPadding{ padding: 30px 0;}
    .PackagePriceBox ul{ display: block; }
    .PackagePriceBox ul li{ width: auto; margin: 10px 0 40px 0;}
    .PackagePriceBox ul li:last-child{ margin-bottom: 0;}
    .PackagePriceBox ul li .Price{ font-size: 20px;}
    .PackagePriceBox ul li .DescriptionList{ font-size: 18px; padding-bottom: 80px;}
    .PackagePriceBox ul li .DescriptionList ul li{ padding: 3px 0; margin: 0;}
    .PackagePriceBox ul li .Price{ font-size: 20px;}
    .PackagePriceBox ul li .Action{ min-height: auto;}

    /* PagenotFound */
    .PagenotFound{ padding: 10px 0; font-size: 18px; }
    .PagenotFound h2{ font-size: 28px; }

    /* MembershipBoxShadow */
    .MembershipBoxShadow .TailInfos .Inner{ display: block; /*padding: 20px;*/}
    .MembershipBoxShadow .TailInfos .Inner .Left{ width: 100%; }
    .MembershipBoxShadow .TailInfos .Inner .Right{ width: 100%; margin-top: 20px; }
    .MembershipBoxShadow .TailInfos .Inner .Right img{ margin-top: 0; }
    .MembershipBoxShadow .Ondemand .Inner{ display: block; padding: 20px;}
    .MembershipBoxShadow .Ondemand .Inner .Left{ width: 100%;}
    .MembershipBoxShadow .Ondemand .Inner .Right{ width: 100%; } 

    /* PriceList */
    .MembershipBox{ margin-top: 50px;}
    .PriceList h2{ font-size: 25px; margin-bottom: 10px;}
    .PriceList h2 span{ display: block;}
    .PriceList .PriceHeader{ display: none;}
    .PriceList table tr td:nth-child(1){ width: 140px;}
    .PriceList table table tr td p{ margin: 0; padding: 2px 2px;}
    .PriceList table table tr td:nth-child(1){ width: 38%; font-size: 12px; }
    .PriceList table table tr td:nth-child(2){ width: 16%; font-size: 12px;  padding-right: 5px;}
    .PriceList table table tr td:nth-child(3){ width: 23%; font-size: 12px; padding: 0 5px;}
    .PriceList table table tr td:nth-child(3) img{ max-width: 16px;}
    .PriceList table table tr td:nth-child(4){ width: 23%; padding: 0 5px; font-size: 12px;}
    .PriceList table table tr td:nth-child(4) img{ max-width: 16px; }
    .HeaderRequency{ right: 0px; padding: 5px; top: -70px;}
    .HeaderPackageFree{ font-size: 12px; top: -98px; padding: 10px 5px; }
    .HeaderPackagePremium{ font-size: 12px; top: -98px; padding: 10px 5px;}
    .MobileHeader{ width: 100%; display: block; background-color: #000; color: #fff; padding: 10px; }
    .MobileHeader p{ font-size: 14px; font-weight: 600;}

    /* ArayZ */
    .ArayZBox{ padding: 15px; }
    .ArayZBox .Left .LeftPic{ margin-left: 0px;}
    .ArayZBox .Left .LeftPic .RightDetail{ margin-left: 20px;}
    .ArayZBox .Left .LeftPic .RightDetail .Title{ font-size: 15px;}
    .ArayZBox .Left .LeftPic .RightDetail .BTNWrite a{ font-size: 14px;}
    .ArayZBox .Left .LeftPic .RightDetail .BTNBlack a{ font-size: 14px;}
    .ArayZBox .Right img{ max-width: 65px; }

    /* MemerShip3Box */
    .MemerShip3Box ul li{ width: 47%; margin: 2% 0% 2% 3%; }
    .MemerShip3Box ul li .Picture{ height: auto; }
    .MemerShip3Box ul li .Detail .Title{ font-size: 15px; }
    .MemerShip3Box ul li:nth-child(3n+0){ margin-right: auto; }
    .MemerShip3Box ul li:nth-child(3n-2){ margin-left: auto; }
    .MemerShip3Box ul li:nth-child(odd){ margin-left: 0; margin-right: 3%;}

    /* MemerShipList */
    .MemerShipListBox ul li .Picture{ width: calc(100% - 230px); max-width: 230px; }
    .MemerShipListBox ul li .Detail{ width: calc(100% - 250px); margin: 0; }
    .MemerShipListBox ul li .Detail .Title{ font-size: 20px; }

    /* MagazineList */
    .MagazineList ul li{ width: 47%; margin: 3% 3% 3% 3%;  }
    .MagazineList ul li:nth-child(4n+0){ margin-right: auto; }
    .MagazineList ul li:nth-child(4n+1){ margin-left: auto; }
    .MagazineList ul li:nth-child(3n+0){ margin-right: auto; }
    .MagazineList ul li:nth-child(3n-2){ margin-left: auto; }
    .MagazineList ul li:nth-child(odd){ margin-left: 0;}
    .MagazineList ul li:nth-child(2n-0){ margin-right: 0; }

    /* MagazineSingleBox */
    .MagazineSingle{ max-width: 100%!important;}
    .MagazineSingleBox{ padding: 0 0; display: block; }
    .LeftPicture{ width: 100%;}
    .RightDetail{ width: 100%; }

    .HeaderCenter{ padding: 0 20px 50px 20px; }
    .HeaderCenter h2{ font-size: 26px;}
    .MemerShipExmBox ul li .InnerBox{ display: block;}
    .MemerShipExmBox ul li .ShotTitle{ font-size: 16px;}
    .MemerShipExmBox ul li .Picture{ width: 100%; max-width: 350px; margin: auto; float: none;}
    .MemerShipExmBox ul li .Detail{ width: 100%; float: none; padding-right: 0;}
    .MemerShipExmBox ul li .Detail .Company{ font-size: 15px;}
    .MemerShipExmBox ul li .Detail .Title{ font-size: 21px;}

    /* UserVoice */
    .UserVoice ul{ display: block;}
    .UserVoice ul li{ width: 100%; margin: 2% 0% 2% 0%; display: block; clear: both; overflow: auto; }
    .UserVoice ul li:nth-child(odd){ margin-left: auto; margin-right: auto; }
    .UserVoice ul li .Picture{ width: calc(100% - 60px); max-width: 60px; }
    .UserVoice ul li .Detail{ width: calc(100% - 0px); font-size: 15px;}
    .UserVoice ul li .Detail .Company{ font-size: 12px;}

    /* MMTwoBox */
    .MMTwoBox .Inner{ display: block; }
    .MMTwoBox .Inner .RLBox{ width: 100%; padding: 20px;}
    .MMTwoBox .Inner .RLBox .Title{ font-size: 26px;}
    .MMTwoBox .Inner .RLBox:nth-child(1){ margin-bottom: 10px; }

    /* CorporateMemberList */
    .CorporateMemberList ul li{ width: 32%;}
}

/* -------------------------------------  506px  ------------------------------------- */
@media(max-width:506px)
{
.pc-only506{display: none;}
.sp-only506{display: block;}
    /* Keyvisual */
    .KeyvisualBox ul li .Detail .Title{ font-size: 18px; }

    /* HeaderBox */
    .HeaderBox h2{ font-size: 30px;}
    .HeaderBox h2 span{ font-size: 14px;}
    .HeaderBox h1{ font-size: 30px;}
    .HeaderBox h1 span{ font-size: 14px;}
    .HeaderBox p{ font-size: 15px; }
    .HeaderBox p a{ padding-right: 20px; }
    .HeaderBox p a:after{ width: 16px; height: 16px;}

    /* NewandRankingArticle */
    .NewandRankingArticleBox .HeaderBox h2{ font-size: 30px;}
    .NewandRankingArticleBox .HeaderBox p{ font-size: 14px; }
    .NewandRankingArticleBox .ArticleRankingBox ul li .Picture{ height: auto; }
    .NewandRankingArticleBox .ArticleRankingBox2 ul li .Picture{ height: auto; }
    .RelatedRank ul li .DivFlex{ display: flex!important; }

    /* SubSlide */
    .SubSlide{ margin-bottom: 50px;}
    .SubSlideBox h2{ font-size: 18px; padding: 0 10px;}

    /* SerialArticle */
    .SerialArticleList ul li{ height: auto; max-height: 300px; }
    .SerialArticleList ul li .Picture{ height: 200px; }
    .SerialArticleList ul li .Picture img{ display: block; width: 100%; height: 100%; object-fit: cover; }
    .SerialArticleList ul li .Title{ margin: 0; font-size: 18px; text-align: center; }
    .SerialArticleList ul li .Detail{ position: absolute; max-width: 90%; right: 0; left: 0; top: 20px; bottom: 20px; margin: auto; }

    /* BlogTemplate */
    .BlogTemplateBox .BlogTemplateList ul li{ margin-bottom: 20px; }
    .BlogTemplateBox .BlogTemplateList ul li .NewIcon{ width: 50px; height: 23px; }
    .BlogTemplateBox .BlogTemplateList ul li .Detail .Title{ font-size: 16px;}
    .BlogTemplateBox .BlogTemplateList ul li .Detail .CategotyDate{ font-size: 11px;}
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Picture{ height: auto; }
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .Title{ font-size: 14px;}
    .BlogTemplateBox .BlogTemplateList ul li:first-child .Detail .CategotyDate{ font-size: 11px;}

    /* Matching */
    .MatchingBox .MatchingList ul li{ width: 100%; margin: 2% 0% 2% 0%; }
    .MatchingBox .MatchingList ul li .Picture{ height: auto; }
    .MatchingBox .MatchingList ul li .Detail .Title{ font-size: 16px; }
    .MatchingBox .MatchingList ul li .Detail .CategotyDate{ font-size: 12px; }
    .MatchingBox .MatchingList ul li:nth-child(3n+0){ margin-right: auto; }
    .MatchingBox .MatchingList ul li:nth-child(3n-2){ margin-left: auto; }
    .MatchingBox .MatchingList ul li:nth-child(odd){ margin-left: auto; margin-right: auto;}

    /* Events */
    .EventsBox .EventsList ul li{ width: 100%; margin: 2% 0% 2% 0%; }
    .EventsBox .EventsList ul li .Picture{ height: auto; }
    .EventsBox .EventsList ul li .Detail .Title{ font-size: 14px; }
    .EventsBox .EventsList ul li .Detail .CategotyDate{ font-size: 12px; }
    .EventsBox .EventsList ul li:nth-child(odd){ margin-left: auto; margin-right: auto;}
    /* YearsList */
    .YearsList .MonthList ul{ flex-wrap: wrap; }
    .YearsList .MonthList ul li{ width: 16%; margin-bottom: 5px; }

    /* ArticleBox */
    .Article{ margin: 50px 0 0 0;}
    .ArticleBox .ArticleList ul li{ width: 100%; margin: 2% 0% 2% 0%; }
    .ArticleBox .ArticleList ul li a{ display: flex; flex-wrap: wrap; justify-content: space-between; }
    .ArticleBox .ArticleList ul li .DivFlex{ width: 100%; height: auto; display: flex; flex-wrap: nowrap; justify-content: space-between; position: relative; }
    .ArticleBox .ArticleList ul li .Picture{ width: 55%; }
    .ArticleBox .ArticleList ul li .Detail{ width: 45%; margin: 0; padding-left: 20px;}
    .ArticleBox .ArticleList ul li .Detail .TopCaption{ margin: 0 0 10px 0; font-size: 12px; }
    .ArticleBox .ArticleList ul li .Detail .Title{ margin-top: 0; font-size: 14px; }
    .ArticleBox .ArticleList ul li .Detail .CategotyDate{ font-size: 11px; margin-top: 0; }
    .ArticleBox .ArticleList ul li:nth-child(3n+0){ margin-right: auto; }
    .ArticleBox .ArticleList ul li:nth-child(3n-2){ margin-left: auto; }
    .ArticleBox .ArticleList ul li:nth-child(odd){ margin-left: auto; margin-right: auto;}
    .MemberShipList .ArticleList ul li a{ display: block; }
    .MemberShipList .ArticleList ul li .Picture{ width: 100%; }
    .MemberShipList .ArticleList ul li .Detail{ width: 100%; margin-top: 10px; padding-left: 0; }
    .MemberShipList h2{ font-size: 28px;}
    /* ArticleListStyle2 */
    .ArticleBox .ArticleListStyle2 ul li{ width: 100%; margin: 2% 0% 2% 0%; }
    .ArticleBox .ArticleListStyle2 ul li a{ display: flex; flex-wrap: nowrap; justify-content: space-between; }
    .ArticleBox .ArticleListStyle2 ul li .Picture{ width: 55%; }
    .ArticleBox .ArticleListStyle2 ul li .Detail{ width: 45%; margin: 0; padding-left: 20px;}
    .ArticleBox .ArticleListStyle2 ul li .Detail .Title{ margin-top: 0; font-size: 14px; }
    .ArticleBox .ArticleListStyle2 ul li .Detail .CategotyDate{ font-size: 11px; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(3n+0){ margin-right: auto; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(3n-2){ margin-left: auto; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(odd){ margin-left: auto; margin-right: auto;}
    .ArticleBox .ArticleListStyle2 ul li:nth-child(1){ width:100%!important; margin: 2% 0 2% 0!important; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(1) a{ display: block;}
    .ArticleBox .ArticleListStyle2 ul li:nth-child(1) .Picture{ width: 100%; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(1) .Detail{ width: 100%; padding: 0; margin-top: 10px;}
    .ArticleBox .ArticleListStyle2 ul li:nth-child(2){ width: 100%!important; margin: 2% 0 2% 0!important; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(2) a{ display: block;}
    .ArticleBox .ArticleListStyle2 ul li:nth-child(2) .Picture{ width: 100%; }
    .ArticleBox .ArticleListStyle2 ul li:nth-child(2) .Detail{ width: 100%; padding: 0; margin-top: 10px;}

    /* SingleArticle */
    .SingleArticle h1{ font-size: 20px;}
    .BusinessPostBox{ font-size: 17px; }
    .BusinessPostDetailBox{ font-size: 17px; }

    /* SNSCenter */
    .SNSCenter{ margin: 20px 0; }
    .SNSCenter ul li{ margin: 0 10px!important; }
    .SNSCenter ul li img{ width: 64px; }

    /* AboutTJRIBox */
    .AboutTJRIBox h2{ font-size: 20px;}

    /* BeOurPartner */
    .BeOurPartnerBox h2{ font-size: 20px;}

    /* footer */
    /*footer .FooterBox{ padding: 40px 0; }
    footer .FooterBox .FooterLogo{ font-size: 12px; }
    footer .FooterBox .FooterLogo .Text br{ display: block;}*/

    /* breadcrumb navigation bar */
    .NavigationTab .breadcrumb a { font-size: 11px; padding: 0 10px 0 30px; }
    .NavigationTab .breadcrumb a:first-child { padding-left: 10px; }
    
    /* SearchBox */
    .SearchBox{ padding: 0px 0px 20px 0px; }

    /* FeatureCornerList */
    .FeatureCornerList{ width: 90%; }
    .FeatureCornerList ul{ margin-top:10px;}
    .FeatureCornerList ul li .Picture{ height: 120px; }
    .FeatureCornerList ul li .Detail .Title{ font-size: 14px; }
    .FeatureCornerList ul li .Detail .CategotyDate{ font-size: 11px; }

    /* SingleEvent */
    .SingleEvent h1{ font-size: 20px; }
    .SingleEvent h2{ font-size: 18px; }
    .SingleEvent .Introduction{ font-size: 14px;}
    .SingleEvent .Sponsored{ font-size: 13px; }
    .SingleEvent .CategotyDate{ font-size: 13px; }

    /* CompanyPageBox */
    .CompanyPage h1{ font-size: 20px; }
    .CompanyPage h2{ font-size: 18px; }
    .CompanyPage .Introduction{ font-size: 14px;}
    .CompanyPage .Sponsored{ font-size: 13px; }
    .CompanyPage .CategotyDate{ font-size: 13px; }

    /* AuthorListBox */
    .AuthorList ul li{ width: 47.5%; margin: 5% 0 5% 5%!important; }
    .AuthorList ul li .Picture{ max-width: 130px; }
    .AuthorList ul li .Subject{ font-size: 13px; }
    .AuthorList ul li .Name{ font-size: 15px;}
    .AuthorList ul li .Caption{ font-size: 14px;}
    .AuthorList ul li:nth-child(odd){ margin-left: 0!important; }

    /* AuthorDetail */
    .AuthorDetailLR{ display: block; }
    .AuthorDetailL{ width: 100%; }
    .AuthorDetailR{ width: 100%; margin-top: 25px; }

    /* MediaTemplate */
    .MediaTemplateBox .MediaTemplateList ul li .Picture{ width:44%; }
    .MediaTemplateBox .MediaTemplateList ul li .Detail{ width: 56%;}
    .MediaTemplateBox .MediaTemplateList ul li .Detail .Title{ font-size: 14px;}

    /* MemberShipPage  */
    .MemberShipPage .Detail{ margin:50px 0; font-size: 16px;}
    .MemberShipPage .Detail h1{ font-size: 30px; margin: 20px 0;}
    .MemberShipPage .Detail .Descriptions{ font-size: 16px;}
    .MemberShipPage .Detail .Descriptions br{ }
    .MemberShipPage .Detail .Descriptions strong{ display: block;}
    .MemberShipPage .Detail .DescriptionsSmall br{ display: none;}
    .MemberShipPage .Detail .DescriptionsSmall strong{ display: block;}
    .MemberShipPage .Detail h2{ font-size: 30px; margin: 20px 0; }
    .MemberShipPage .Detail .THinText{ font-size: 18px;}
    /*.MemberShipPage .Detail .PlanBox{ display: block; }*/
    .MemberShipPage .Detail .PlanBox .LeftFree{ /*width: 100%;*/ padding: 10px 20px; }
    .MemberShipPage .Detail .PlanBox .LeftPremium{ /*width: 100%;*/ padding: 10px 20px; }
    .MemberShipPage .Detail .PlanBox .BTN{ padding: 10px 20px;}
    .MemberShipList .HeaderBox{ margin-bottom: 10px;}
    .MemberShipList .HeaderBox h2 span{ font-size: 26px;}
    .LogoH1 img{ max-width: 120px;}
    .MemberShipPage .Detail h1{ font-size: 15px; margin: 30px 0 0 0;}
    .MemberShipPage .Detail h1 span{ font-size: 14px;}
    
    /* ArayZ */
    .ArayZBox{  display: block;}
    .ArayZBox .Left .LeftPic{ display: block; margin: auto; text-align: center;}
    .ArayZBox .Left .LeftPic .RightDetail{ margin-left: 0px;}
    .ArayZBox .Left .LeftPic .RightDetail .Title{ font-size: 16px;}
    .ArayZBox .Left .LeftPic .RightDetail .BTNBlack{ margin: 15px auto; }
    .ArayZBox .Left .LeftPic .RightDetail .BTNBlack:after{ top: 10px; height: 23px;}
    .ArayZBox .Right{ text-align: center; margin-bottom: 15px;}
    .ArayZBox .Right img{ max-width: 65px; }

    /* MemerShip3Box */
    .MemberShipPage .Detail h2{ font-size: 26px;}
    .MemerShip3Box{ margin: 20px 0 0 0;}
    .MemerShip3Box ul li{ width: 100%; margin: 2% 0% 3% 0%; }
    .MemerShip3Box ul li .Detail .TopCaption{ font-size: 25px; }
    .MemerShip3Box ul li .Detail .Title{ margin-top: 0; font-size: 15px; }
    .MemerShip3Box ul li .Detail .CategotyDate{ font-size: 11px; margin-top: 0; }
    .MemerShip3Box ul li .Picture{ padding:  0; }
    .MemerShip3Box ul li:nth-child(3n+0){ margin-right: auto; }
    .MemerShip3Box ul li:nth-child(3n-2){ margin-left: auto; }
    .MemerShip3Box ul li:nth-child(odd){ margin-left: auto; margin-right: auto;}

    /* MemerShipList */
    .MemerShipListBox ul li{ display: block; }
    .MemerShipListBox ul li .Picture{ width: 100%; max-width: 100%; float: none; }
    .MemerShipListBox ul li .Detail{ width: 100%; max-width: 100%; float: none; margin-top: 15px; }
    .MemerShipListBox ul li .Detail .Title{ font-size: 20px; }
    .MemerShipListBox ul li .Detail .Descriptions{ margin: 15px 0 0 0; }

    /* MagazineList */
    .MagazineList ul{ display: block; }
    .MagazineList ul li{ width: 100%; margin: 0 0 40px 0; text-align: center;  }
    .MagazineList ul li:nth-child(4n+0){ margin-right: auto; }
    .MagazineList ul li:nth-child(4n+1){ margin-left: auto; }
    .MagazineList ul li:nth-child(3n+0){ margin-right: auto; }
    .MagazineList ul li:nth-child(3n-2){ margin-left: auto; }
    .MagazineList ul li:nth-child(odd){ margin-left: auto;}
    .MagazineList ul li:nth-child(2n-0){ margin-right: auto; }
    .MagazineList ul li .Picture{ height: 300px; }
    /*.MagazineList ul li .Picture img{ display: block; margin: auto; width: auto; height: auto; max-width: 100%; }*/

    /* MagazineSingleBox */
    .LeftPicture{ margin-bottom: 20px; }
    .RightDetail .ThaiBizTitle{ font-size: 20px; }
    .RightDetail h1{ font-size: 23px;}
    .RightDetail .PDFDowload a{ max-width: 100%; }
    .RightDetail .URLEbook a{ max-width: 100%; }

    .DisplayMagazin{ margin: 10px 0 20px 0; padding: 10px 0; }
    .DisplayMagazin{display: block;}
    .DisplayMagazin .PictureLeft{display: block; margin: 5px auto 10px;width: 80%; max-width: 140px; }
    .DisplayMagazin .PictureLeft img{ max-width: 100%; margin: 0; }
    .DisplayMagazin .DetailRight{width: 100%; margin: 0 auto;}
    .DisplayMagazin .DetailRight .TitleM{ font-size: 16px; margin-top: 0; line-height: 1.1em;}
    .DisplayMagazin .DetailRight .title{font-size: 16px; margin: 5px auto 10px; font-weight: normal;}
    .DisplayMagazin .DetailRight .DateM{ font-size: 12px; margin: 0; }
    .DisplayMagazin .DetailRight .PDFM { margin: 10px 0;}
    .DisplayMagazin .DetailRight .PDFM a{ font-size: 13px; padding: 2px 40px; }
    .DisplayMagazin .DetailRight .DescriptionM{ font-size: 13px; line-height: 21px; margin-bottom: 0; }

    /* QadA */
    .QadABox h2{ font-size: 26px; }
    .QadABoxList ul li{ margin: 20px 0;}
    .QadABoxList ul li .Q{ font-size: 16px; padding: 15px 0px 15px 60px; }
    .QadABoxList ul li .Q:before{ width: 50px; }
    .QadABoxList ul li .A{ font-size: 16px; padding: 15px 0px 15px 60px; }
    .QadABoxList ul li .A:before{ width: 50px; }

    /* CorporateMemberList */
    .CorporateMemberList ul{ gap: 4%;}
    .CorporateMemberList ul li{ width: 48%; margin-top: 2%; margin-bottom: 2%;}

    .TagsToppageList ul li a{ padding: 5px 10px; }

    /* LCRSlideBox */
    .LCRSlide{ margin-bottom: 50px;}
    .LCRSlideBox{ display: block; }
    .LCRSlideBox .LCRSlideLeft{ width: 100%; max-width: 400px; margin: auto; height: auto; }
    .LCRSlideBox .LCRSlideCenter{width: 100%; max-width: 400px; margin: auto; height: auto; margin: 15px 0; }
    .LCRSlideBox .LCRSlideRight{ width: 100%; max-width: 400px; margin: auto; height: auto; }

    
}