.account_panel { *zoom: 1; padding-top: 20px; }

.account_panel:after { content: ""; display: block; clear: both; }

.account_panel a, .account_panel a:link { text-decoration: underline; }

.account_panel li { font-size: var(--apr-font-size-md); line-height: 20px; margin-bottom: 10px; overflow: hidden; }

.not_login_user .account_panel li a { font-size: var(--apr-font-size-sm); }

.account_panel .block { min-width: 340px; }

.account_panel .block.user_information { float: left; margin-top: 5px; }

.account_panel .block.user_information .user_icon { float: left; margin-right: 15px; height: 80px; }

.account_panel .block.user_information ul { min-width: 240px; margin-top: 5px; }

.account_panel .block.user_environment { float: right; width: 540px; }

.account_panel .block.user_environment th, .account_panel .block.user_environment td { text-align: center; border: 1px solid #e0d7c1; }

.account_panel .block.user_environment th { background-color: #e0d7c1; color: var(--apr-color-white); }

.account_panel .block.user_environment .status { font-size: var(--apr-font-size-md); font-weight: 600; }

.account_panel .block.user_environment .status .disabled { color: var(--apr-color-gray); }

.notice { line-height: 1.4; }

a, a:link { text-decoration: none; }

a:hover, a:link:hover { text-decoration: underline; }

.content_wrapper { padding: 0 35px 20px 35px; }

/* for current message code */
.content_wrapper .box.help_box { border: none; text-align: center; }

.content_wrapper .box.help_box h2 { display: none; }

.content_wrapper .box.help_box .faq_block { *zoom: 1; font-size: var(--apr-font-size-sm); margin: 20px 0 0 0; }

.content_wrapper .box.help_box .faq_block:after { content: ""; display: block; clear: both; }

.content_wrapper .box.help_box .article_groups { display: inline-block; padding-left: 20px; background: white url(/assets/sara/icon_ad_arrow.png?e5fd96bb907f8ca83cd47cda0c09b8f5526f8372541b923139c58389539b9552) no-repeat left center; }

.content_wrapper .box.help_box .article_groups + .article_groups { margin-left: 20px; }

/* for new message code */
/* .notification { text-align: center; ul { @include clearfix; font-size: var(--apr-font-size-sm); margin: 20px 0; li { display: inline-block; padding-left: 20px; background: white image-url('sara/icon_ad_arrow.png') no-repeat left center; } li + li { margin-left: 20px; } } } */
h2.title_circle { font-size: var(--apr-font-size-lg); margin: 50px 0 15px 0; padding: 0 0 0 25px; }

h2.title_circle:first-child { margin-top: 20px; }

a.togglable { font-size: var(--apr-font-size-md); color: var(--color-citrus-dark-nut); }

a.togglable:hover { background-color: var(--apr-color-extra-light-gray) !important; text-decoration: none; }

a.togglable.arrow_top { font-weight: 600; background-color: var(--apr-color-extra-light-gray); }

.block.faq_block > .togglable_list { overflow: hidden; }

.block.faq_block > .togglable_list > .togglable_list_item:first-of-type { border-top: none; }

.block.faq_block > .togglable_list .togglable_list_item .togglable_list_item { border-top-style: dotted; }

.block.faq_block > .togglable_list .togglable_list_item .togglable_list_item:first-child { border-top-style: solid; }

.block.faq_block > .togglable_list .togglable_list_item .togglable_list_item:only-child > a { display: none; }

.block.faq_block > .togglable_list .togglable_list_item .togglable_list_item a.arrow_bottom { background-color: rgba(245, 245, 245, 0.4); }

.block.faq_block > .togglable_list .togglable_list_item .togglable_list_item a.arrow_top { background-color: whitesmoke; }

.block.faq_block a.togglable { padding: 15px 15px 15px 40px; }

.block.faq_block a.togglable ~ ul a.togglable { list-style: disc none inside; padding-left: 70px; background-position: 50px center; }

.block.faq_block .article_contents { padding: 0; }

.block.faq_block .article_contents .block { padding: 20px 20px 10px 50px; }

.block.category_block ul { *zoom: 1; }

.block.category_block ul:after { content: ""; display: block; clear: both; }

.block.category_block ul li { display: block; width: 447px; float: left; margin: -1px 0 0 -1px; border: 1px solid #ded5c0; overflow: hidden; }

.block.category_block ul li:nth-child(1) { border-radius: 5px 0 0 0; }

.block.category_block ul li:nth-child(2) { border-radius: 0 5px 0 0; }

.block.category_block ul li:nth-last-child(2) { border-radius: 0 0 5px 0; }

.block.category_block ul li:last-child { border-radius: 0 0 0 5px; }

.block.category_block ul li:last-child.odd { border-radius: 0 0 5px 5px; }

.block.category_block ul li h3, .block.category_block ul li p { font-family: sans-serif; }

.block.category_block ul li a { display: flex; align-items: center; padding: 20px; min-height: 55px; text-decoration: none; color: var(--color-citrus-dark-nut); background: var(--apr-color-white) url(/assets/sara/icon_arrow_right.png?614ff9e941aca5a633d5c7826e110bf261824a138e4bdf9a627e8892e05f5674) no-repeat 97% center; }

.block.category_block ul li a:hover { background-color: var(--apr-color-extra-light-gray); }

.block.category_block ul li a .help_icon { padding-right: 22px; display: inline-block; vertical-align: 3px; }

.block.category_block ul li .help_item_text { display: inline-block; }

.block.category_block ul li .help_item_text h3 { font-size: 23px; }

.block.category_block ul li .help_item_text p { font-size: var(--apr-font-size-sm); color: var(--apr-color-gray); }

.block.contact_block { *zoom: 1; }

.block.contact_block:after { content: ""; display: block; clear: both; }

.block.contact_block .article { *zoom: 1; clear: left; font-size: var(--apr-font-size-md); margin-bottom: 30px; border-bottom: 1px solid #ebe6d0; }

.block.contact_block .article:after { content: ""; display: block; clear: both; }

.block.contact_block .article h3 { font-size: var(--apr-font-size-sm); }

.block.contact_block .article li { padding: 15px 30px; float: left; width: 40%; }

.block.contact_block .article li.odd { clear: left; }

.block.contact_block .article li .ic_arrow_circle_right { vertical-align: -4px; }

.help_category .togglable_list_item:first-child { border-top: none; }

.help_category a, .help_category a:link { text-decoration: none; }

.help_category h2 { border: none; }

.help_category h3.title_circle { padding-top: 6px; padding-left: 25px; margin-top: 30px; font-size: var(--apr-font-size-lg); }

.help_category .box .togglable, .help_category .box .togglable:link { font-size: var(--apr-font-size-lg); padding: 13px 0 13px 45px; background-position: 20px center; text-decoration: none; }

.help_category .box:last-child { margin-bottom: 30px; }

.help_category .box .article_contents { padding: 20px 20px 0 25px; }

.help_group h2 { border: none; }

.help_group .title_circle { font-size: var(--apr-font-size-md); padding: 10px 25px; margin-left: 20px; }

.help_group .togglable_list > .togglable_list_item:only-child { border: none; }

.help_group .togglable_list > .togglable_list_item:only-child > a { display: none; }

.article_wrapper { position: relative; border-radius: 5px; background: var(--apr-color-white); border: 1px solid #e3dcca; margin-bottom: 10px; }

.article_wrapper .page_header .title_border { padding-top: 15px; }

.article_wrapper .admin { position: absolute; top: 10px; right: 35px; padding: 10px 0 0 20px; z-index: 100; }

.article_wrapper .category_header { border-bottom: 1px solid #e3dcca; }

.article_wrapper .category_header a { display: block; padding: 10px; text-decoration: none; }

.article_wrapper .category_header a:hover { background: var(--apr-color-extra-light-gray); }

.article_contents { padding: 20px 20px 0 20px; }

.article_contents a, .article_contents a:link { text-decoration: underline; }

.article_contents p { font-size: var(--apr-font-size-md); *zoom: 1; line-height: 1.85em; padding-bottom: 30px; color: #333; word-wrap: break-word; }

.article_contents p:after { content: ""; display: block; clear: both; }

.article_contents h2 { font-size: var(--apr-font-size-xl); color: var(--color-citrus-dark-nut); margin: 10px 0 30px 0; border-left: 6px solid var(--color-citrus-orange); padding-left: 12px; }

.article_contents h3 { font-size: var(--apr-font-size-lg); background: url(/assets/sara/title_circle.png?baf5eed2e1da89ba212b766ff0b92ea33defeba0717c8575230f832a96583eae) no-repeat 0 2px; color: var(--color-citrus-dark-nut); margin-bottom: 15px; padding-left: 22px; }

.article_contents h4 { font-size: var(--apr-font-size-lg); color: var(--color-citrus-dark-nut); margin-bottom: 10px; }

.article_contents h5 { font-size: var(--apr-font-size-md); color: var(--color-citrus-dark-nut); margin-bottom: 10px; }

.article_contents ol { list-style-type: decimal; }

.article_contents ul { list-style: disc; }

.article_contents ul, .article_contents ol { font-size: var(--apr-font-size-md); list-style-position: inside; margin-bottom: 15px; line-height: 24px; }

.article_contents li ul, .article_contents li ol { padding-left: 40px; }

.article_contents hr { border-width: 1px 0 0 0; border-color: #ebe6d0; border-style: solid; height: 1px; margin: 20px 0 25px 0; }

.article_contents strong { font-size: var(--apr-font-size-md); display: block; font-weight: 600; }

.article_contents em { font-weight: 600; }

.article_contents .article_title { font-size: 189%; font-weight: 600; color: var(--color-citrus-dark-nut); }

.article_contents .otherpf { border: 1px solid #ebe6d0; border-width: 1px 0px; padding: 15px 10px 0 15px; margin: 10px 0 20px 0; }

.article_contents .otherpf h3 { background: none; padding: 0; margin-bottom: 10px; font-size: var(--apr-font-size-sm); }

.article_contents .attention_snippet p { color: var(--apr-color-dark-gray); font-size: var(--apr-font-size-sm); }

.article_contents .main_content img { vertical-align: top; max-width: 560px; }

.article_contents .main_content img.left { float: left; margin: 0 10px 5px 0; }

.article_contents .main_content img.right { float: right; margin: 0 0 5px 10px; }

.article_contents .main_content img.center { display: block; margin: 0 auto; }

.article_contents .main_content .image_with_caption { display: block; }

.article_contents .main_content .image_with_caption.center { display: block; margin: 0 auto; }

.article_contents .main_content .image_with_caption.left { float: left; margin: 0 15px 10px 0; }

.article_contents .main_content .image_with_caption.right { float: right; margin: 0 0 10px 15px; }

.article_contents .main_content .image_with_caption .image_caption { font-size: var(--apr-font-size-xs); padding-top: 8px; display: block; line-height: 140%; color: var(--apr-color-dark-gray); text-align: left; }