*{ box-sizing: border-box; }
body, html{
    padding: 0px; margin: 0px; 
    font-family: 'Roboto', Arial, Helvetica, sans-serif; 
    font-size:16px; 
    overflow-x: hidden !important;
}
a,
a:visited{ color: #871D1D;}
/*====================================================================================================*/
/* MSIC */
/*====================================================================================================*/
.law_logo{ display: block; height: 90px; height: auto;  }
.law_logo--sml{ display: block;  }
/*----------------------------------------------------------------------------------------------------*/
.law_main a{ text-decoration: none; color: inherit; transition: ease all 0.3s; transition-property: color, background-color, border-color;}
.law_main a:before,
.law_main a:after{ transition: ease all 0.3s; }

.law_sep{ display: flex; justify-content: center; align-items: center; }
.law_sep:after{ 
    content: ""; display: block;
    border-left: 1px solid #000; height:20px; 
} 
/*----------------------------------------------------------------------------------------------------*/
.law_select{ position: relative; }
.law_select > span:after{
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 10px; margin-bottom: 5px; 
}
.law_select .law_select_option{ display: none; }
.law_select:hover .law_select_option{
    position: absolute; display: block; top:100%; z-index: 2;    
    padding: 0px; left: 0px; top:100%; min-width: 100%;
}
.law_select .law_select_option:before{
    content: ""; display: block; width: 0px; height: 0px;
    border-style: solid;
    border-width: 5px; margin: 0px 0px 0px 10px;
    border-color:transparent transparent #871D1D transparent;
}
.law_select:hover .law_select_option_bg{
    background: #871D1D; color:#FFF; padding: 5px 10px;
}
.law_select .law_select_option a{
    display: block; margin: 0px; text-align: left; white-space: nowrap;
    border-bottom: 1px solid rgba(255,255,255,0.3); padding: 10px 10px;
    opacity:0.8; color: #FFF !important; text-decoration: none;
}
.law_select .law_select_option a:last-of-type{ border: none; }
.law_select .law_select_option a:hover{ opacity:1;  }
/*----------------------------------------------------------------------------------------------------*/
.law_icon:before{
    content:''; display: inline-block; vertical-align: top;;
    width: 16px; height: 16px; 
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center center;
}
.law_icon--margin:before{ margin-right: 5px; }
.law_icon--m:before{ width: 24px; height: 24px;}
.law_icon--l:before{ width: 32px; height: 32px;}
.law_icon--xl:before{ width: 40px; height: 40px;}
.law_icon--cir:before{ border-radius: 50%; border:1px solid #B4B4B4;  }
.law_icon--cir:hover:before{ border:1px solid #871D1D;  }
.law_icon--social:before{ background-color: #B4B4B4; border-radius: 50%;  background-size: 60%;  }    
.law_icon--social:hover:before{ background-color: #871D1D;}    

.law_icon--login:before { background-image: url(/img/icon_lock.png);   background-size: 12px; filter: invert(); }
.law_icon--search:before{ background-image: url(/img/icon_search.png); background-size: 24px; }
.law_icon--search2:before{ background-image: url(/img/icon_search2.png); background-size: 24px; }
.law_icon--search3:before{ background-image: url(/img/icon_search.png); background-size: 24px; filter: invert(1); }
.law_icon--share:before { background-image: url(/img/icon_share.png);  background-size: 18px; }
.law_icon--print:before { background-image: url(/img/icon_print.png);  background-size: 21px; }

.law_icon--fb:before { background-image: url(/img/icon_fb.png); }
.law_icon--tw:before { background-image: url(/img/icon_tw.png); }
.law_icon--ig:before { background-image: url(/img/icon_ig.png); }
.law_icon--in:before { background-image: url(/img/icon_in.png); }
.law_icon--ut:before { background-image: url(/img/icon_ut.png); }
/*----------------------------------------------------------------------------------------------------*/
.law_icon2{ display: inline-block; position: relative; width: 32px; height: 32px; }
.law_icon2 span{ 
    position:absolute; box-sizing:border-box;
    background-color:#000;
    transition:ease all 0.3s; 
}
.law_icon2--equiv span:nth-of-type(1){ 
    width:80%; height:6%; 
    left:10%; top:20%; opacity:1;
    transform:rotate(0deg); 
}
.law_icon2--equiv span:nth-of-type(2){ 
    width:80%; height:6%; 
    left:10%; bottom:20%; opacity:1;
    transform:rotate(0deg); 
}
.law_icon2--equiv span:nth-of-type(3){
    width:80%; height:6%; 
    left:10%; top:47%; opacity:1;
    transform:rotate(0deg); 
}
.law_icon2--x span:nth-of-type(1){ 
    width:100%; height:6%; 
    left:16%; top:11%; opacity:1;
    transform:rotate(45deg); transform-origin:0% 50%; 
}
.law_icon2--x span:nth-of-type(2){ 
    width:100%; height:6%; 
    left:16%; bottom:11%; opacity:1;
    transform:rotate(-45deg); transform-origin:0% 50%; 
}
.law_icon2--x span:nth-of-type(3){
    width:50%; height:6%; 
    left:25%; top:45%; opacity:0;
    transform:rotate(0deg); 
}
/*----------------------------------------------------------------------------------------------------*/
.law_ext{ 
    display: inline-block; text-transform: uppercase; font-weight: normal;
    background: #871D1D !important; color: #FFF !important; text-decoration: none !important;
    padding: 5px !important;; border-radius: 4px; font-size: 10px; line-height: 1em;
}
.law_ext:after { display: none !important; }
.law_ext:before{ display: none !important; }
.law_ext--xls{ background: #1D871D !important; }
.law_ext--doc{ background: #1D1D87 !important; }
.law_ext--ppt{ background: #EE1D1D !important; }
.law_ext--txt{ background: #999999 !important; }
/*----------------------------------------------------------------------------------------------------*/
.swiper-slide-active .law_img{ height: 100%; }
.law_img{ position: relative; }
.law_img:before{ content: ""; display: block; padding-bottom: 50%;} 
.law_img img{ position: absolute; top:0px; left: 0px; width: 100%; height: 100%; object-fit: contain; object-position: center center; background-color: #FFF;  }
.law_img--left img{ object-position: center left; }
.law_img--3x2:before{ padding-bottom: 66.66%; } 
.law_img--4x3:before{ padding-bottom: 75%; } 
.law_img--1x1:before{ padding-bottom: 100%; } 
.law_img--report:before{ padding-bottom: 136%; } 
.law_img--report{ max-width: 250px; margin-left: auto; box-shadow: 0px 5px 10px rgba(0,0,0,0.1); }

@media screen and (max-width: 767px){ 
    .law_img--report{ margin: 0px auto;}
}

@media print{
    .law_img{ max-width: 50%; }
}
/*====================================================================================================*/
/* HEADER */
/*====================================================================================================*/
.law_print_logo{ width:40%; height: auto; margin: 40px auto; display: none; }

.law_header{ position: static; top:0px; left: 0px; z-index: 99; width: 100%; }
.law_header .law_main{ max-width: 1500px; margin: 0px auto; padding: 30px 0px 0px 0px; }

.law_header_top{ display: flex; justify-content: space-between; align-items: flex-end; padding: 0px 10px; }
.law_header_top_left  { display: flex; justify-content: flex-start; align-items: center; }
.law_header_top_center{ display: flex; justify-content: center;     align-items: center; }
.law_header_top_right { display: flex; justify-content: flex-end;   align-items: center; }

.law_header_top a{ display:block; margin: 0px 10px; font-size:16px; }        
.law_header_top a:hover{ color:#871D1D; }        
/*----------------------------------------------------------------------------------------------------*/
.law_header_menu{  background: #B4B4B4; color: #FFF; }
.law_header_menu .law_header_main{ 
    max-width: 1260px; list-style: none; margin: 30px auto 0px auto; padding: 0px; 
}
.law_header_menu > ul{display: flex; justify-content: space-between; align-items: stretch; }

.law_header_menu > ul > div{ 
    display: flex;
    justify-content: space-between;
}

.law_header_menu > ul > div > span{
    margin-top: 16px;
    border-top: 4px solid rgba(0,0,0,0);
    border-bottom: 4px solid rgba(0,0,0,0);
}

.law_header_menu > ul > div > span:hover{ border-bottom-color: #871D1D; }   

.law_header_menu > ul > li > a{ 
    display:block; height: 100%;
    padding: 16px 0px; font-size:16px; line-height: 1.5em;font-weight: lighter;
    border-top: 4px solid rgba(0,0,0,0);
    border-bottom: 4px solid rgba(0,0,0,0);
}

.law_header_menu > ul > li:hover > a{ border-bottom-color: #871D1D; }        
.law_header_menu .law_sep:after{ border-left: 1px solid #FFF; height:24px; } 
.law_header_menu .law_icon{ margin:0px 0px;}
/*----------------------------------------------------------------------------------------------------*/
.law_header_menu .law_header_submenu{ display: none; position: absolute; left: 0px; width: 100%; z-index: 100; }
.law_header_menu li:hover .law_header_submenu,
.law_header_menu li.active .law_header_submenu{ 
    display: block;
}

.law_header_menu .law_header_submenu_bg{ 
    background:#F4F4F4 ; color:#000; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
    max-width:1500px; margin:0px auto; padding:60px 0px 120px 0px; 
    overflow: auto; max-height: calc(100vh - 240px);
}
.law_header_menu .law_header_submenu .law_header_main{
    display: flex; justify-content: space-between; align-items: flex-start;
}
.law_header_menu .law_header_submenu_highlight{ width: calc(33.33% - 100px); }
.law_header_menu .law_header_submenu_highlight h3{
    font-family: 'Times New Roman', Times, serif; letter-spacing: -1px;
    font-size: 36px; font-weight: normal; margin: 0px; padding: 0px;
}
.law_header_menu .law_header_submenu_highlight p{ margin: 20px 0px; padding: 0px; }
.law_header_menu .law_header_submenu_highlight a{ font-weight: bold; }

.law_header_menu .law_header_submenu_menu{ 
    width: calc(66.66% - 100px); padding-top: 54px;
    display: flex; justify-content: space-between; align-items: flex-start;
}
.law_header_menu .law_header_submenu_menu ul{  width:calc(50% - 40px); list-style: none;  margin: 0px; padding: 0px; }
.law_header_menu .law_header_submenu_menu li{ font-size:18px; margin: 0px 0px 20px 0px; padding:0px; }

.law_header_menu .law_header_submenu_highlight a,
.law_header_menu .law_header_submenu_menu a{ font-weight: 500; }
.law_header_menu .law_header_submenu_highlight a:not(.law_icon):after,
.law_header_menu .law_header_submenu_menu a:not(.law_icon):after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 5px; margin-bottom: 2px;
}
.law_header_menu .law_header_submenu_highlight a:hover,
.law_header_menu .law_header_submenu_menu a:hover{ color:#871D1D; }
/*----------------------------------------------------------------------------------------------------*/
.law_header_search{ max-width: 1000px; margin:0px auto;  }
.law_header_search input{ 
    display: block; width: 100%; opacity:0.5;
    background: none; border: none; border-bottom: 1px solid #000; border-radius: none;
    font-size: 32px; height: 60px; line-height: 60px; outline: 0px; padding-right: 60px;
}
.law_header_search .search_btn{ position: relative; height:0px; }
.law_header_search .search_btn a{ position: absolute; bottom: 18px; right: 0px; }

.law_header_search .keyword { margin: 20px 0px; }
.law_header_search .keyword span{ color: #871D1D ; font-weight: bold;} 
.law_body .law_header_search input,
.law_body .law_header_search .search_btn{ max-width: 800px; }
/*----------------------------------------------------------------------------------------------------*/
.law_header .law_header_main_logo{ display: none; }

.law_header.law_header--float{ 
    position: fixed; top:-100px; transition: ease all 0.3s; z-index: 99;
    background: #FFF; box-shadow: 0px 5px 10px rgba(0,0,0,0.1);
}
.law_header.law_header--float .law_main{ padding: 0px 0px 0px 0px; }
.law_header.law_header--float .law_header_top { display: none; }
.law_header.law_header--float .law_header_menu{ background: #FFF; color: #000; }
.law_header.law_header--float .law_header_menu .law_header_main_logo{ display: flex; align-items: center; }
.law_header.law_header--float .law_header_menu .law_header_main_logo a{ padding: 0px; border:none !important; height: auto; }
.law_header.law_header--float .law_header_menu .law_header_main_logo a img{ width:48px; height: auto; }

.law_header.law_header--float .law_header_menu .law_header_main{ margin-top: 0px; }
.law_header.law_header--float .law_header_menu .law_header_main .law_sep{ display: none; }
.law_header.law_header--float .law_header_menu .law_header_main .law_icon--search:before{ filter: invert(1); }
.law_header.law_header--float .law_header_menu .law_header_main > li > a{ font-size: 15px;}
.law_header.law_header--float .law_header_menu .law_header_submenu_bg{ max-width:100%; }

.law_header.law_header--hidden .law_header_submenu{ display: none !important; } 
/*----------------------------------------------------------------------------------------------------*/
.law_header_mobile_spacer{ display: none; }
.law_header_mobile{ 
    position: fixed; top:0px; left: 0px; width:100%;     
    padding: 0px 10px;  z-index: 99;
    background:#FFF; display: none;    
}
.law_header_mobile .law_header_mobile_main{
    display: flex; justify-content: space-between; align-items: center;
    padding: 15px 10px; border-bottom: 1px solid #DDD; background: #FFF; 
    position: relative; z-index: 99;
}
.law_header_mobile .law_header_mobile_main img{ height: 40px; width: auto; }
.law_header_mobile .law_header_mobile_l{ width: 25%; }
.law_header_mobile .law_header_mobile_r{ width: 25%; text-align: right; }
.law_header_mobile .law_header_mobile_c{ width: 50%; text-align: center; }

.law_header_mobile_search,
.law_header_mobile_submenu{
    position: fixed; top:0px; left: 0px; width:100%; height: 100%; overflow: auto;
    padding: 120px 20px 120px 20px;  z-index: 98;
    display: none; background:rgba(255,255,255,0.98);    
}
.law_header_mobile_submenu a{ text-decoration: none; color: inherit; }
.law_header_mobile_submenu ul{ list-style: none; margin:0px; padding: 0px ; }
.law_header_mobile_submenu li{ padding: 15px 40px 15px 0px; margin: 0px; border-bottom: 1px solid #DDD; position: relative; }
.law_header_mobile_submenu ul > div{ padding: 15px 40px 15px 0px; margin: 0px; border-bottom: 1px solid #DDD; position: relative; }
.law_header_mobile_submenu li li{ font-size: 14px; padding: 0px; margin: 10px 0px; border: none; }
.law_header_mobile_submenu li li a:after{
    content: ""; display: inline-block; vertical-align: middle;
    width:4px; height: 4px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 5px; margin-bottom: 2px;
}
.law_header_mobile_submenu .law_header_mobile_toggle{
    display:block; content: ""; 
    position: absolute; right: 5px; top:20px;
    transition: ease all 0.3s;
    width:8px; height: 8px; transform: rotate(45deg); 
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;    
}
.law_header_mobile_submenu .law_header_mobile_toggle.opened{ transform: rotate(-135deg); top:25px; }

.law_header_mobile_misc  { padding: 40px 0px 0px 0px; }
.law_header_mobile_misc a{ display: block; font-size: 12px; margin-bottom: 10px;}

.law_header_mobile_search .law_header_search .search_btn a{ bottom: 10px; }

.law_header_mobile .law_select{ display: none; }
.law_header_mobile--opened .law_icon--search3{ display: none; }
.law_header_mobile--opened .law_select{ display: block; }
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1340px){ 
    .law_header_menu .law_header_main{  margin-left:40px; margin-right: 40px; }
}
@media screen and (max-width: 1180px){ 
    .law_header{ display: none; }
    .law_header_mobile{ display: block; }   
    .law_header_mobile_spacer{ height: 75px; display: block; } 
}
@media print{
    .law_header{ display: none; }
    .law_print_logo{ display: block; }
}
/*====================================================================================================*/
/* FOOTER */
/*====================================================================================================*/
.law_footer{ 
    max-width: 100%; margin: 0px auto 0px auto; padding: 60px 0px;
    background: #F4F4F4; position: relative; 
    background-image:url(/img/footer.png); background-size:cover;
    background-repeat: no-repeat;
    background-position: center right;     
}
.law_footer .law_main{ max-width:1200px; margin:0px auto; }
.law_footer .law_footer_logo img{ width:280px; height:auto; }
/*----------------------------------------------------------------------------------------------------*/
.law_footer .law_footer_highlight{ margin:40px 0px 0px 0px; width:75%; }
.law_footer .law_footer_highlight h3{
    font-size: 16px; color: #871D1D; 
    margin:20px 0px; padding:0px;
}
.law_footer .law_footer_highlight p{
    display: flex; justify-content: flex-start; 
    align-items: flex-start; flex-wrap: wrap;
}
.law_footer .law_footer_highlight p a{ display: block; margin-right: 40px; margin-bottom: 20px; width: calc(33% - 40px); }
.law_footer .law_footer_highlight p a:after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 5px; margin-bottom: 2px;
}
.law_footer .law_footer_highlight p a:hover{ color: #871D1D; }
/*----------------------------------------------------------------------------------------------------*/
.law_footer .law_footer_copy{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }

.law_footer .law_footer_caring{ padding-right: 40px; }
.law_footer .law_footer_caring img{ width: 100px; height: auto; }

.law_footer .law_footer_links{ padding-right: 40px; }
.law_footer .law_footer_links p{ font-size: 12px; margin: 10px 0px; padding: 0px; }
.law_footer .law_footer_links p a{
    display: inline-block; padding: 0px 10px 0px 0px; margin: 0px 10px 0px 0px;
    border-right: 1px solid #B4B4B4;
}
.law_footer .law_footer_links p a:hover{ color:#871D1D; }
.law_footer .law_footer_links p a:last-of-type{ border: none; }

.law_footer .law_footer_social{ text-align: left; margin-left: auto;}
.law_footer .law_footer_social a{ margin-right: 5px; }
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px){ 
    .law_footer{ background-position: center right -160px; }
    .law_footer .law_main{ margin-left:40px; margin-right: 40px;  }

    .law_footer .law_footer_highlight p a{ width: calc(50% - 20px); margin-right: 20px;  }
}
@media screen and (max-width: 767px){ 
    .law_footer .law_footer_highlight h3{ font-size: 16px; }
    .law_footer .law_footer_highlight p{ font-size: 14px; }
    .law_footer .law_footer_highlight p a{ width: calc(100% - 20px); margin-right: 20px;  }

    .law_footer .law_footer_caring,
    .law_footer .law_footer_links,
    .law_footer .law_footer_social{ width: 100%; padding-right: 0px; margin-bottom: 20px; }

    .law_footer .law_footer_links p{ font-size: 10px; }
}
@media print{
    .law_footer{ display: none; }
}
.law_totop{
    display: block; position: fixed; bottom:-200px; right: 40px; z-index: 97;;
    width:60px; height: 60px; transition: ease all 0.3s;;
    background: #871D1D; border-radius: 50%;;
    /*box-shadow: 0px 5px 10px rgba(0,0,0,0.5);*/
}
.law_totop:hover{ background: #717171; }
.law_totop.show{ bottom: 40px; }

.law_totop:after{
    content: "";
    display: block; width: 15px; height: 15px; margin:25px auto; 
    transform: rotate(-135deg);
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
}
@media screen and (max-width: 767px){ 
    .law_totop{ right: 20px;  }
    .law_totop.show{ bottom: 20px; }
    .law_totop{ width:40px; height: 40px; }
    .law_totop:after{ width: 12px; height: 12px; margin:15px auto;  }
}
@media print{.law_totop{ display: none; } }
/*====================================================================================================*/
/* BODY */
/*====================================================================================================*/
.law_body .law_main{ max-width: 100%; margin: 0px auto; }

/*----------------------------------------------------------------------------------------------------*/
.law_body h1,
.law_body h2{ font-family: 'Times New Roman', Times, serif; letter-spacing: -1px; }
.law_body h1{ font-size: 55px; line-height: 1.0em; font-weight: normal; margin: 30px 0px; padding: 0px; text-align: center;  }
.law_body h2{ font-size: 40px; line-height: 1.0em; font-weight: normal; margin: 30px 0px; padding: 0px; }
.law_body h3{ font-size: 25px; line-height: 1.2em; font-weight: normal; margin: 30px 0px; padding: 0px; font-family: 'Times New Roman', Times, serif; }
.law_body dt,
.law_body h4{ font-size: 20px; line-height: 1.8em; font-weight: normal; margin: 20px 0px; padding: 0px; }
.law_body h5{ font-size: 18px; line-height: 1.2em; font-weight: bold;   margin: 20px 0px; padding: 0px; }
.law_body h6{ font-size: 18px; line-height: 1.2em; font-weight: bold;   margin: 20px 0px; padding: 0px; color:#871D1D; }
.law_body th,
.law_body td,
.law_body dd,
.law_body li,
.law_body p { font-size: 16px; line-height: 1.5em; font-weight: normal; margin: 20px 0px; padding: 0px; }

.law_body h1 span,
.law_body h1 a{ display: inline-block; padding-bottom: 5px; border-bottom: 2px solid #871D1D; }
.law_body h1 a:hover{ color:#871D1D; }

.law_body p span { color:#871D1D; }
.law_body li a,
.law_body dd a,
.law_body p a{ color:#871D1D; text-decoration: underline; font-weight: 500;}
.law_body li a:hover,
.law_body dd a:hover,
.law_body p a:hover{ color: #B4B4B4;}
.law_body p .date{ display: block; margin-top: 5px; }

.law_body td a{ color:#871D1D; text-decoration: underline; font-weight: 500;}
.law_body .law_table--type2 td:first-of-type a,
.law_body th a{ color:inherit; text-decoration: underline; font-weight: 500;}

.law_body .law_table--type2 td:first-of-type a:hover,
.law_body td a:hover,
.law_body th a:hover{ color: #B4B4B4;}

.law_body hr{ width: 100px; margin: 30px auto; border:none; border-top:3px solid #871D1D; }

.law_body ol,
.law_body ul{ margin: 20px 0px; padding: 0px 0px 0px 40px;  }
.law_body ol ol,
.law_body ol ul,
.law_body ul ol,
.law_body ul ul{ margin: 10px 0px 0px 0px; }

.law_body ol ol{ list-style: lower-alpha; }
.law_body ol ol ol{ list-style: lower-roman; }
.law_body ol ol ol ol{ list-style:decimal; }

.law_body li{  margin: 0px 0px 10px 0px; }
.law_body li li{ font-weight: normal; }

.law_body ul{ list-style: none; }
.law_body ul li{ position: relative; }
.law_body ul li:before{ 
    content: ""; display: block;
    position: absolute; top:8px; left: -20px; width: 6px; height: 6px;
    background: #871D1D; border-radius: 50%;
}
.law_body ol li li:before,
.law_body ul li li:before{ background: #D1D1D1; }      

.law_body ol li { margin-bottom: 40px;}
.law_body ol ol li { margin-bottom: 10px;}
.law_body ol ol ol li { margin-bottom: 5px;}

@media print{
    .law_body ul li{ list-style: disc; }
    .law_body ol li{ list-style: decimal; }
}
@media screen and (max-width: 767px){  
    .law_body h1{ font-size: 30px; line-height: 1.0em; text-align: left; }
    .law_body h2{ font-size: 24px; line-height: 1.0em; }
    .law_body h3{ font-size: 20px; line-height: 1.2em; }
    .law_body dt,
    .law_body h4{ font-size: 18px; line-height: 1.2em; }
    .law_body h5{ font-size: 16px; line-height: 1.2em; }
    .law_body h6{ font-size: 14px; line-height: 1.2em; }
    .law_body th,
    .law_body td,
    .law_body dd,
    .law_body li,
    .law_body p { font-size: 14px; line-height: 1.5em; }
    
}
@media print{
    .law_body{ padding-top: 20px; }

    .law_body h1{ font-size: 32px; line-height: 1.0em; }
    .law_body h2{ font-size: 28px; line-height: 1.0em; }
    .law_body h3{ font-size: 20px; line-height: 1.2em; }
    .law_body dt,
    .law_body h4{ font-size: 18px; line-height: 1.2em; }
    .law_body h5{ font-size: 16px; line-height: 1.2em; }
    .law_body h6{ font-size: 14px; line-height: 1.2em; }
    .law_body th,
    .law_body td,
    .law_body dd,
    .law_body li,
    .law_body p { font-size: 14px; line-height: 1.5em;  }

    h1,
    h2,
    h3,
    h4,
    h5,
    h6,
    p,    
    th,
    td,
    dt,
    dd,
    li,
    img{ 
        page-break-before: auto; 
        page-break-after: auto;
        page-break-inside: avoid;
    }
}
/*====================================================================================================*/
/* BODY Compo */
/*====================================================================================================*/
.law_crumb{ 
    text-align: center; 
    display: flex; justify-content: center; flex-wrap: wrap;
}
.law_crumb > a{ display: block; text-align: left; }
.law_crumb > a:after,
.law_crumb > .law_select:after{ content: "/"; display: inline-block; margin: 0px 10px; }
.law_crumb > :last-child:after{ content: "" !important; }
.law_crumb .law_select{ text-align: left; }
.law_crumb .law_select .law_select_option a{ position: relative; padding-right: 20px; white-space: normal; min-width: 300px; }
.law_crumb .law_select .law_select_option a:after{ 
    display: inline-block; content: ""; vertical-align: middle; 
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;    
    margin-left: 10px; 
    position: absolute;
    top:calc(50% - 3px); right: 10px;
}

@media screen and (max-width: 839px){  
    .law_crumb{ justify-content: flex-start; } 

    .law_crumb .law_select{ position: static; }
    .law_crumb .law_select:hover .law_select_option{
        position: absolute; left: 20px; top:auto;  width: calc(100% - 40px); min-width: 0px;
    }
    .law_crumb .law_select:hover .law_select_option a{ white-space: normal; }    
    .law_crumb .law_select .law_select_option:before{
        content: ""; border: none; height: 5px;
    }
}
/*----------------------------------------------------------------------------------------------------*/
.law_share{ text-align: center; }
.law_share a{ margin: 0px 5px; }
.law_share:after{ 
    content: ""; display: block; 
    width:60px; height: 4px; margin: 20px auto;
    background: #871D1D;
}
.law_share a:hover:before{ background-color: #7ce3e3; border-color:#7ce3e3 ; filter:invert(1); }

@media screen and (max-width: 767px){  
    .law_share{ text-align: left; }
    .law_share:after{ margin-left: 25px; margin-right: 25px;}
    
}
@media print{ .law_share { display: none; } }
/*----------------------------------------------------------------------------------------------------*/
.law_table{ margin: 10px 0px; }
.law_table table{ width: 100%; border-spacing: 0px; }
.law_table th{ padding: 15px 20px; background: #871D1D; color: #FFF; text-align: left;}
.law_table td{ padding: 15px 20px; background: #FFF;}
.law_table td,
.law_table th{  border-left:1px solid #D1D1D1; border-top:1px solid #D1D1D1; }
.law_table td:last-of-type,
.law_table th:last-of-type{ border-right:1px solid #D1D1D1; }
.law_table tr:last-of-type th,
.law_table tr:last-of-type td{ border-bottom:1px solid #D1D1D1; }

.law_table--type2 tr:first-of-type th:first-of-type,
.law_table--type2 tr:first-of-type td:first-of-type{ opacity: 0; border:none }
.law_table--type2 td:first-of-type{ background: #717171; color: #FFF; }
.law_table--type3 th{ width: 50%;}

.law_table .law_table{ margin: 0px !important; overflow: auto !important; }

@media screen and (max-width: 1220px){ 
    .law_table th{ padding: 15px 20px; }
    .law_table td{ padding: 15px 20px; }
}
@media screen and (max-width: 767px){ 
    .law_table{ overflow: scroll; overflow-x: scroll; overflow-y: hidden; }
    .law_table table{ min-width: 800px; }
}

.law_table_label{ display: none; }
@media screen and (max-width: 1023px){ 
    .law_table--responsive{ overflow: auto !important; overflow-x: auto !important; overflow-y: auto !important; }
    .law_table--responsive table{ display: block; min-width: auto !important; }
    .law_table--responsive tbody{ display: block; }
    .law_table--responsive tr:first-of-type{ display: none; }
    .law_table--responsive tr{ display: block; width: 100%; border: 1px solid #D1D1D1; border-bottom: none; margin-bottom: 20px; }
    .law_table--responsive th{ display: none; }
    .law_table--responsive td{ 
        display: flex; align-items: stretch; justify-content: flex-start;
        padding: 0px; margin: 0px;
        border:none !important; border-bottom: 1px solid #D1D1D1 !important;
    }
    .law_table--responsive .law_table_label{ display: block; padding: 15px 20px; width:33%; background: #871D1D; color: #FFF;  }
    .law_table--responsive .law_table_data { display: block; padding: 15px 20px; width:67%;word-wrap:break-word;}

    .law_table--responsive .law_table_label a{ color: inherit; }
}
@media screen and (max-width: 767px){ 
    .law_table--responsive .law_table_label{ width:40%;}
    .law_table--responsive .law_table_data { width:60%;}
}
/*----------------------------------------------------------------------------------------------------*/
.law_video{ position: relative; margin: 10px 0px; }
.law_video:before{ content: ""; display: block; padding-bottom: 50%; background: #000;}
.law_video--4x3:before { padding-bottom: 75%; }
.law_video--16x9:before{ padding-bottom: 56.25%; }

.law_video iframe,
.law_video video,
.law_video img{ position: absolute; display: block; width: 100%; height: 100%; top:0px; left: 0px; object-fit: cover; }
.law_video a{ 
    position: absolute; display: block;
    width: 80px; height: 80px; top:calc(50% - 40px); left:calc(50% - 40px);
    background: #871D1D; color: #FFF;
    border-radius: 50%;;
}
.law_video a:hover{ background: #717171; }
.law_video a:before{
    content: ""; display: block; 
    width:0px; height: 0px; margin: 28px 38px; transform: scaleY(0.6);
    border-width: 12px;
    border-style: solid;
    border-color: transparent transparent transparent #FFF;
}
.law_news_item .law_video a,
.law_gallery .law_video a,
.law_gallery2 .law_video a{ transform: scale(0.6); }

@media print{
    .law_video{ width: 50%; }
    .law_video a{ display: none; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_gallery{ display: flex; justify-content: flex-start; align-items: flex-start; flex-wrap: wrap; }
.law_gallery > *{ width: calc(50% - 20px);  margin: 10px 10px; object-fit: contain; object-position: center center; background-color: #FFF; }
.law_gallery--4col{ padding: 60px 0px; }
.law_gallery--4col  > *{ width: calc(25% - 20px);  }
.law_gallery .law_video{ margin: 10px !important; }

@media screen and (max-width: 1220px){ 
    .law_gallery > *{ width: calc(50% - 10px); margin: 5px 5px; }
    .law_gallery--4col  > *{ width: calc(25% - 10px);  margin: 5px 5px; }
    .law_gallery .law_video{ margin: 5px !important; }
}

@media screen and (max-width: 767px){ 
    .law_gallery--4col  > *{ width: calc(50% - 10px);  margin: 5px 5px; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_index{ margin:10px 0px; }

.law_index span{ font-size: 12px; font-weight: bold; color:#B4B4B4; display: block; margin: 20px 0px;; }
.law_index a{ display:block; text-decoration:none; color:inherit; margin:10px 0px; }
.law_index a:hover{ color:#871D1D; }
.law_index a:after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 5px; margin-bottom: 2px;
}

/*----------------------------------------------------------------------------------------------------*/
.law_accordion dl{ padding: 40px 0px; margin: 0px; border-top:1px solid #DDD; }
.law_accordion dl:last-of-type{ border-bottom:1px solid #DDD; }
.law_accordion dl dd{ margin: 20px 20px 0px 20px; padding: 0px; }
.law_accordion dl dt{ margin: 0px 20px 0px 20px;  padding: 0px; line-height: 1.5em; }
.law_accordion dl dt a{ position: relative; display: block; padding-right: 40px; }
.law_accordion dl dt a:before{
    content: ""; vertical-align: middle; 
    position: absolute; right: 5px; top: calc(50% - 5px - 3px );
    width:10px; height: 10px; transform: rotate(45deg); transition: ease all 0.3s;;
    border-bottom: 1px solid #000;
    border-right: 1px solid #000;        
}
.law_accordion dt a:hover{ color: #871D1D; }
.law_accordion dl.active dt a:before{ transform: rotate(-135deg); top: calc(50% - 5px + 3px); }

.law_accordion dl dl{ border: none !important; padding: 0px;}
.law_accordion dl dl dd{ padding: 0px; margin: 20px 0px;}

.law_accordion h1,
.law_accordion h2,
.law_accordion h3,
.law_accordion h4,
.law_accordion h5,
.law_accordion h6,
.law_accordion ul,
.law_accordion ol,
.law_accordion p{ margin-left: 0px !important;  margin-right: 0px !important;  }

@media screen and (max-width: 1220px){ 
    .law_accordion dl dd{ margin: 20px 20px 0px 20px; }
    .law_accordion dl dt{ margin: 0px 20px 0px 20px;  }
}
@media print{  
    .law_accordion dl dt a:before{ display: none; }
    .law_accordion dl   { padding: 0px 0px; }
    .law_accordion dl dd{ margin: 20px 0px; }
    .law_accordion dl dt{ margin: 20px 0px; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_banner{ position: relative; }
.law_banner .law_banner_slide{ position: relative; background: #000;}
.law_banner .law_banner_slide:before{ content: ""; display: block; /*padding-bottom: 36.25%;*/ padding-bottom: 29%; }
.law_banner .law_banner_img{
    position: absolute; width: 100%; height: 100%; top:0px; left: 0px;
    object-fit: cover; opacity: 1;
}
.law_banner_img--mobile {display: none;}
.law_banner .law_banner_text{
    position: absolute; width: 100%; height: 100%; top:0px; left: 0px;
    display: flex; justify-content: center; align-items: center;
    color: #FFF; text-align: center;
}
.law_banner .law_banner_text--top   { align-items: flex-start; padding-top: 40px; }
.law_banner .law_banner_text--bottom{ align-items: flex-end;   padding-bottom: 100px; }
.law_banner .law_banner_text--left  { justify-content: flex-start; text-align: left;  }
.law_banner .law_banner_text--right { justify-content: flex-end;   text-align: right; }
.law_banner .law_banner_text--dark  { color: #000;}

.law_banner .law_banner_text h1,
.law_banner .law_banner_text h2,
.law_banner .law_banner_text h3,
.law_banner .law_banner_text h4,
.law_banner .law_banner_text h5,
.law_banner .law_banner_text h6,
.law_banner .law_banner_text p{ max-width: 600px; margin: 0px; padding: 0px 40px; } 
.law_banner .law_banner_nav{
    position: absolute; bottom: 0px; left:0px;
    width:100%; z-index: 1; text-align: center; 
    padding-bottom: 60px;
}
.law_banner .law_banner_nav .swiper-pagination-bullet{
    width:40px; height: 2px; background: rgba(255,255,255,0.5); opacity: 1;
    border-radius: 0px; margin: 0px 2px;
}
.law_banner .law_banner_nav .swiper-pagination-bullet-active{ background: rgba(255,255,255,1); }

.law_cookie{ 
    position: fixed; bottom: 0px; left:0px; width: 100%; z-index: 2;  
    background: rgba(100,110,128,0.9); color: #FFF; 
}
.law_cookie_body{  padding: 40px 0px; }
.law_cookie_body p{ position: relative; }
.law_cookie_body .law_cookie_accept{
    display: inline-block; padding: 10px 20px; 
    text-decoration: none; text-transform: uppercase;
    background: #FFF; color: #000;
    font-size: 14px; font-weight: bold;;
}
.law_cookie_body .law_cookie_accept span{ display: inline-block; margin-left: 10px ;}
.law_cookie_body .law_cookie_accept:hover{ color: #FFF; background: #871D1D; }

.law_cookie_body .gui-close{
    position: absolute; top:0px; right: 0px; opacity: 0.9;
    color: #FFF; text-decoration: none; font-size: 30px; line-height: 20px; font-weight: 100;
}
.law_cookie_body .gui-close:hover{ opacity: 1; }

@media screen and (max-width: 1023px){ 
    .law_banner .law_banner_slide:before{ padding-bottom:75%; }
}
@media screen and (max-width: 767px){ 
    .law_banner{ margin: 40px 0px; }
    .law_banner .law_banner_slide:before{ padding-bottom:100%; }
    .law_cookie_body{  padding: 1px 0px; margin-left: 20px !important; margin-right: 20px !important;  }
}
@media print{
    .law_cookie,
    .law_banner{ display: none; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_subbanner{ position: relative; }
.law_subbanner:before{ content: ""; display: block; padding-bottom: 33.33%; }
.law_subbanner .law_subbanner_img,
.law_subbanner .law_subbanner_text{ position: absolute; width: 100%; height: 100%; top:0px; left: 0px; }

.law_subbanner .law_subbanner_img{ background: rgb(71, 71, 71); }
.law_subbanner .law_subbanner_img img{ width: 100%; height: 100%; object-fit: cover; opacity: 0.5; }

.law_subbanner .law_subbanner_text{ 
    color: #FFF; display: flex; flex-direction: column; justify-content: center; padding: 0px 20px; 
}
.law_subbanner .law_subbanner_text > *{ max-width: 560px; margin: 10px auto; text-align: center; }

.law_subbanner .law_member_box{ position: absolute; bottom: 0px; width: 100%;;  }
.law_subbanner .law_member_box_bg{ background: #FFF; max-width: 1000px; margin: 0px auto; padding: 20px; text-align: center; }
.law_subbanner .law_member_box span{ display: inline-block; border-bottom: 1px solid #871D1D; padding-bottom: 5px;}

.law_subbanner--member{ margin-bottom:0px !important; }
.law_subbanner--member .law_subbanner_img img{ opacity: 1; }
.law_subbanner--about .law_subbanner_img img{ opacity: 1; }
.law_subbanner--about:before{ content: ""; display: block; padding-bottom: 25%; }
.law_subbanner_img--mobile {display: none;}
@media screen and (max-width: 1260px){ 
    .law_subbanner:before{ padding-bottom: 40%; }
}
@media screen and (max-width: 1023px){ 
    .law_subbanner:before{ padding-bottom: 60%; }
}
/*--log#16137 max-width:479px--*/
@media screen and (max-width: 1300px) {
    .law_subbanner:before {padding-bottom: 100%;}
    .law_subbanner_img--desktop, .law_banner_img--desktop {display: none;}
    .law_subbanner_img--mobile, .law_banner_img--mobile {display: block;}
}
@media print{
    .law_subbanner{ position: static; }
    .law_subbanner:before{ display: none; }
    .law_subbanner .law_subbanner_img,
    .law_subbanner .law_subbanner_text{ position: static; margin: 20px 0px; }
    .law_subbanner .law_subbanner_img img{ max-width: 50%; margin:0px auto; display: block; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_btn{ 
    display: inline-block; padding: 15px 30px; margin: 0px 5px 5px 0px;
    font-size: 12px; line-height: 1em;; text-transform: uppercase; 
    background: #871D1D; color: #FFF !important; 
    text-decoration: none !important;
}
.law_btn:after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #FFF;
    border-right: 1px solid #FFF;
    margin-left: 20px; margin-bottom: 2px;
}
a:hover .law_btn,
.law_btn:hover{ background: #717171; color: #FFF !important;  }

.law_btn--link{
    display: inline-block; font-weight: normal !important; 
    text-decoration:none !important; color:inherit !important;
}
.law_btn--link:after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 5px; margin-right: 5px; margin-bottom: 2px;
}
.law_btn--link:hover{ color: #871D1D !important; } 

@media print{ .law_btn{ border:1px solid #000; } }
/*----------------------------------------------------------------------------------------------------*/
.law_tab{ margin: 10px 0px; display: flex; flex-wrap: wrap; align-items: center; }
.law_tab > a{
    display: block; padding: 5px 0px; margin: 10px 20px 10px 0px; 
    border-bottom: 1px solid rgba(0,0,0,0); color: #B4B4B4;    
}
.law_tab > a:hover,
.law_tab > a.active{
    border-bottom: 1px solid #871D1D; color:#000;
}
.law_tab .law_select{
    border-left: 1px solid #DDD; padding: 5px 20px;
}
.law_tab .law_select span{ border-bottom: 1px solid #DDD; padding: 5px 0px ;}
.law_tab .law_select.mobile{ display: none; }

.law_body .law_tab > a{ font-size: 20px; }

@media screen and (max-width: 767px){ 
    .law_tab .law_select{ width: 100%; border:none; }
    .law_tab .law_select > span{ display: block; position: relative; }
    .law_tab .law_select > span:after{ position: absolute; right: 0px; top:4px}
    
    .law_tab{ display: flex; align-items: flex-end; justify-content: flex-start; }
    .law_tab > a{ margin: 0px 20px 10px 0px;  }
    .law_tab .law_select.mobile{ display: block; }
    .law_tab .law_select{ 
        width: calc(50% - 5px); border-bottom:1px solid #DDD; 
        font-size: 14px; padding: 10px 5px;  margin-right: 10px;
    } 
    .law_tab .law_select:last-of-type{ margin-right: 0px; }
    .law_tab .law_select span{ border-bottom: none; padding: 0px;}
}

/*----------------------------------------------------------------------------------------------------*/
.law_notice h1,
.law_notice h2,
.law_notice h3,
.law_notice h4,
.law_notice h5,
.law_notice h6,
.law_notice p{ text-align: left; margin-top: 20px; margin-bottom: 20px; }

.law_notice_item{ 
    display: flex; justify-content: space-between; flex-wrap: wrap;
    padding:40px 0px; border-bottom: 1px solid #DDD;
}
.law_notice_item:last-of-type{ border-bottom:none;}

.law_notice_item h1,
.law_notice_item h2,
.law_notice_item h3,
.law_notice_item h4,
.law_notice_item h5,
.law_notice_item h6,
.law_notice_item p{ margin-left: 0px !important; margin-right: 0px !important;}

.law_notice_item_date{ width:calc(25% - 20px); color: #871D1D; } 
.law_notice_item_date h3{ font-weight: bold; margin-top: 0px;  margin-bottom: 0px;  }
.law_notice_item_text{ width:calc(75% - 0px); } 

.law_notice_item_text > a > :first-child{ margin-top: 0px; }
.law_notice_item_text > a > :last-child{ margin-bottom: 0px; }

.law_notice_item_text .law_gallery{ padding: 0px !important; margin: 0px !important; }
.law_notice_item_text .law_gallery > *{margin: 0px;}

.law_notice_item:hover h1,
.law_notice_item:hover h2,
.law_notice_item:hover h3,
.law_notice_item:hover h4,
.law_notice_item:hover h5,
.law_notice_item:hover h6{ color: #871D1D; } 

@media screen and (max-width: 767px){     
    .law_notice_item_date{ width:calc(100%); } 
    .law_notice_item_text{ width:calc(100%); } 
    .law_notice_items{ border-top: none; }
    .law_notice_item_date h3{ margin: 0px; }
    
    .law_notice .law_tab > a{  display: none;}
}
/*----------------------------------------------------------------------------------------------------*/
.law_layout{ display: flex; flex-wrap: wrap;  justify-content: space-between; align-items: center }
.law_layout--top{ align-items: flex-start; }
.law_layout--2col .law_layout_col{ width: calc(50% - 40px); }
.law_layout--3col .law_layout_col{ width: calc(33.33% - 40px); }
.law_layout--4col .law_layout_col{ width: calc(25% - 40px); }
.law_layout--news .law_layout_col:nth-of-type(odd) { width: calc(40% - 40px); }
.law_layout--news .law_layout_col:nth-of-type(even){ width: calc(60% - 40px); }

.law_layout--member{ align-items: flex-start; border-top: 1px solid #871D1D; padding-top: 60px; }
.law_layout--member .law_layout_col:nth-of-type(odd) { width: calc(30% - 40px); }
.law_layout--member .law_layout_col:nth-of-type(even){ width: calc(70% - 0px); }

.law_layout_col h1,
.law_layout_col h2,
.law_layout_col h3,
.law_layout_col h4,
.law_layout_col h5,
.law_layout_col h6,
.law_layout_col p{ text-align: left; margin-left: 0px !important; margin-right: 0px !important; }

.law_layout_col .law_tab  { margin: 0px !important; }
.law_layout_col .law_video{ margin: 0px !important; }

@media screen and (max-width: 1023px){     
    .law_layout--news .law_layout_col:nth-of-type(2){ display: none; }
    .law_layout--news .law_layout_col:nth-of-type(3){ display: none; }
    .law_layout--news .law_layout_col{ width:100% !important; }

    .law_layout--member .law_layout_col:nth-of-type(odd) { width: calc(40% - 0px); }
    .law_layout--member .law_layout_col:nth-of-type(even){ width: calc(60% - 0px); }
}
@media screen and (max-width: 767px){     
    .law_layout{  margin:0px 0px; }
    .law_layout--2col .law_layout_col,.law_layout--3col .law_layout_col, .law_layout--4col .law_layout_col{ width:100%; margin: 10px 0px; }
    .law_layout--reverse{ flex-direction: column-reverse;}

    .law_layout--member .law_layout_col:nth-of-type(odd) { width: calc(100% - 0px); }
    .law_layout--member .law_layout_col:nth-of-type(even){ width: calc(100% - 0px); }
}
@media print{
    .law_layout{ margin:0px 0px; }
    .law_layout--2col .law_layout_col, .law_layout--3col .law_layout_col, .law_layout--4col .law_layout_col{ width:100%; margin: 10px 0px; }
    .law_layout--news .law_layout_col:nth-of-type(2){ display: none; }
    .law_layout--news .law_layout_col:nth-of-type(3){ display: none; }
    .law_layout--news .law_layout_col{ width:100% !important; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_news{ background: #FBEFEF;  padding: 60px 0px; border-top:1px solid #FFF; }
.law_news--member{ margin-top: 0px !important;} 

.law_news > :first-child{ margin-top: 0px !important; }
.law_news h1,
.law_news h2,
.law_news h3,
.law_news h4,
.law_news h5,
.law_news h6,
.law_news p{ text-align: left; }
.law_news .tag,
.law_notice .tag{ 
    font-size: 10px; line-height: 1em;
    display: inline-block; vertical-align: middle;
    padding: 5px 5px; margin-left:5px; 
    background: #871D1D; color: #FFF;
    border-radius: 4px;
}
.law_news .date{ 
    position: relative; top:-20px; left:-40px;
    margin: 0px; width: 70px; height: 70px;
    background: #dde8f0; color: #000;
    display: flex; flex-direction: column; 
    justify-content: center; text-align: center;
    line-height: 1em;
}
.law_news .date span{ color: #000; }
.law_news .date .day  { display: block; font-size: 20px; }
.law_news .date .month{ display: block; font-size: 12px; }

@media print{
    .law_news .date{ border: 1px solid #000; }    
}
/*----------------------------------------------------------------------------------------------------*/
.law_news_items{ 
    display: flex; flex-wrap: wrap; align-items: stretch; justify-content: flex-start; padding:20px 0px 0px 20px;
}
.law_news_item{ 
    width: calc(25% - 20px); background: #FFF; 
    margin:0px 20px 20px 0px;  padding: 10px 20px 20px 20px;
    position: relative;
}
a.law_news_item:hover .date{  background: #871D1D; color: #FFF; transition: ease all 0.3s; }
a.law_news_item:hover .date span{ color: #FFF;  }
a.law_news_item:hover h1,
a.law_news_item:hover h2,
a.law_news_item:hover h3,
a.law_news_item:hover h4,
a.law_news_item:hover h5,
a.law_news_item:hover h6{ color: #871D1D; transition: ease all 0.3s; }

.law_news_item h1,
.law_news_item h2,
.law_news_item h3,
.law_news_item h4,
.law_news_item h5,
.law_news_item h6,
.law_news_item p{ margin-left: 10px !important; margin-right: 10px !important; margin-top:20px; margin-bottom: 20px; }
.law_news_item .law_img{ margin-top: 20px; }

.law_news_item hr{ margin-left: 10px !important; margin-top: 40px; width: 60px;}

.law_news_items .law_news_item h1:last-child,
.law_news_items .law_news_item h2:last-child,
.law_news_items .law_news_item h3:last-child,
.law_news_items .law_news_item h4:last-child,
.law_news_items .law_news_item h5:last-child,
.law_news_items .law_news_item h6:last-child,
.law_news_items .law_news_item p:last-child{ margin-bottom: 40px;}

.law_news_items .law_news_item h3{ max-height: 3.6em; overflow: hidden; }

.law_news_item h4{ font-weight: bold; line-height: 1.2em;}
.law_news_item h4:after{ 
    content: ""; display: inline-block; vertical-align: middle;
    width:6px; height: 6px; transform: rotate(-45deg);
    border-bottom: 1px solid #871D1D;
    border-right: 1px solid #871D1D;
    margin-left: 10px; margin-bottom: 3px;    
}
.law_news_items--3col .law_news_item{ width: calc(33.33% - 20px); } 
.law_news_items--2col .law_news_item{ width: calc(50% - 20px); } 

@media screen and (max-width: 1260px){ 
    .law_news_item{  width: calc(33.33% - 20px); }
    .law_news_items--3col .law_news_item{ width: calc(33.33% - 20px); } 
    .law_news_items--2col .law_news_item{ width: calc(50% - 20px); } 
}
@media screen and (max-width: 1023px){ 
    .law_news_item{  width: calc(50% - 20px); }
    .law_news_items--3col .law_news_item{ width: calc(50% - 20px); } 
    .law_news_items--2col .law_news_item{ width: calc(100% - 20px); } 
}
@media screen and (max-width: 767px){
    .law_news_item{  width: calc(100% - 20px); }
    .law_news_items--3col .law_news_item{ width: calc(100% - 20px); } 
    .law_news_items--2col .law_news_item{ width: calc(100% - 20px); } 
}
@media print{
    .law_news .date{ top:0px; left:0px; }
    .law_news_item{  
        width: calc(50% - 20px); padding: 10px 10px; border:1px solid #B4B4B4; 
        page-break-before: auto; 
        page-break-after: auto;
        page-break-inside: avoid;
    }
    .law_news_items--3col .law_news_item{ width: calc(50% - 20px); } 
    .law_news_items--2col .law_news_item{ width: calc(100% - 20px); } 
}
/*----------------------------------------------------------------------------------------------------*/
.law_news_nav{ display: flex; justify-content: space-between; align-items: center;} 
.law_news_nav .law_news_prev:before,
.law_news_nav .law_news_next:before{
    font-family: 'Noto Sans TC', sans-serif; 
    font-size: 24px; content: "\2190"; 
    display: inline-block; width:60px; height: 60px; line-height: 60px;
    text-align: center; 
    border: 1px solid #000;
} 
.law_news_nav .law_news_next:before{ content: "\2192"; }
.law_news_nav .law_news_prev:hover:before,
.law_news_nav .law_news_next:hover:before{ background: #871D1D; color:#FFF; }

.law_news_nav--paging{ justify-content: center; margin-top: 40px; }
.law_news_nav--paging .law_news_nav_page{ padding: 0px 40px; }
.law_news_nav--paging .law_news_nav_page a{
    display: inline-block; padding: 0px 20px;
    border-left: 1px solid #871D1D;
}
.law_news_nav--paging .law_news_nav_page a:first-of-type{
    border-left: none;
}

@media screen and (max-width: 767px){     
    .law_news_nav .law_news_prev:before,
    .law_news_nav .law_news_next:before{ width:40px; height: 40px; line-height: 40px; }
    .law_news_nav .law_news_prev:before,
    .law_news_nav .law_news_next:before{ font-size: 18px; }
}
@media print{ .law_news_nav{ display: none; } }

/*----------------------------------------------------------------------------------------------------*/
.law_news_swiper .swiper-slide{ height: auto; padding: 20px 10px; }
.law_news_swiper .swiper-slide .law_news_item{ display: block; width: 100%; height: 100%; margin: 0px; }
/*----------------------------------------------------------------------------------------------------*/
.law_inputs{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-start; }

.law_input{ width:calc(50% - 20px); }
.law_input label{ display: block; font-weight: bold; margin-bottom:10px; }
.law_input input[type=text],
.law_input select,
.law_input textarea{
    display: block; border-radius: 0px; width: 100%;;
    background: none; border:none;
    border-bottom: 1px solid #DDD; border-radius: 0px;
    padding: 5px 10px;
    outline: none;
}
.law_input select{
    background-image:url(/img/select.png);
    background-position:center right 10px;
    background-repeat:no-repeat;

    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}

.law_input--radio a,
.law_input--checkbox a{ font-size:12px; display: inline-block; margin: 0px 20px 20px 0px; color: #B4B4B4; }

.law_input--radio div,
.law_input--checkbox div{ font-size:12px; display: inline-block; margin: 0px 20px 20px 0px;  }
.law_input--radio label,
.law_input--checkbox label{ display: inline-block !important; }

.law_input--radio a:before,
.law_input--checkbox a:before{
    content: ""; display: inline-block; vertical-align: middle;
    margin-right: 5px; width: 10px; height: 10px;
    border:1px solid #B4B4B4; 
}
.law_input--radio a:before{ border-radius: 50%; }

.law_input--radio a.checked,
.law_input--checkbox a.checked{ color:#000; }
.law_input--radio a.checked:before,
.law_input--checkbox a.checked:before{ background: #871D1D;  }

/*----------------------------------------------------------------------------------------------------*/
input[type="radio"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle; margin-bottom: 2px; margin-left: 2px; margin-right: 4px;
    background-color: transparent;
    border: 1px solid transparent;
}
input[type="radio"]:before {
    content:"";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 50%;
    border: 1px solid #871D1D;
    top: -1px;
    left: -1px;
    background-color: #fff;
}
input[type="radio"]:checked:after {
    content:""; 
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
    background-color: #871D1D;
    border-radius: 50%;
}
input[type="checkbox"] {
    position: relative;
    width: 12px;
    height: 12px;
    vertical-align: middle; margin-bottom: 2px; margin-left: 2px; margin-right: 4px;
    background-color: transparent;
    border: 1px solid transparent;
}
input[type="checkbox"]:before {
    content:"";
    position: absolute;
    display: inline-block;
    width: 12px;
    height: 12px;
    border-radius: 2px;
    border: 1px solid #871D1D;
    top: -1px;
    left: -1px;
    background-color: #fff;
}
input[type="checkbox"]:checked:after {
    content:""; 
    position: absolute;
    width: 10px;
    height: 10px;
    top: 1px;
    left: 1px;
    background-color: #871D1D;
    border-radius: 2px;
}

.law_input--checkbox--pencil input[type="checkbox"] {    
    width: 24px; height: 24px; 
    background: none; border: none;
}
.law_input--checkbox--pencil input[type="checkbox"]:before { 
    width: 24px; height: 24px;  
}
.law_input--checkbox--pencil input[type="checkbox"]:after{ 
    content:""; 
    position: absolute;
    width: 22px; height: 22px;
    top: 1px; left: 1px;
    
    background-image: url(/img/close.svg);
    background-color: #FFF;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 20px;
}
.law_input--checkbox--pencil input[type="checkbox"]:checked:after { 
    background-image: url(/img/pencil.svg);
    background-color: #FFF;
}
.law_input--checkbox--pencil .flex{ 
    display: flex; align-items: center; justify-content: space-between;
    margin-right: 0px;
}
.law_input--checkbox--pencil .title{
    font-size: 25px !important; font-weight: bold;
}
/*----------------------------------------------------------------------------------------------------*/
.law_search:after{
    display: block; content: "";
    height: 4px; width: 100%;
    border-top:1px solid #DDD;
    border-bottom:1px solid #DDD;
    margin-top:80px;
}
.law_search h1,
.law_search h2,
.law_search h3,
.law_search h4,
.law_search h5,
.law_search h6,
.law_search p{ margin: 20px 0px !important; text-align: left; max-width: 600px; }
.law_search h5{ border-bottom: 1px solid #871D1D; display: inline-block; }
.law_search h4{ line-height: 1.2em; }

.law_search_main { display: flex; justify-content: space-between; flex-wrap: wrap; align-items: flex-start; align-items: stretch; }
.law_search_left { width:66.66%; padding-right: 0px; }
.law_search_right{ width:33.33%; padding-left: 40px; border-left: 1px solid #DDD; display: flex; align-items: center; }
.law_search_full{ width: 100%; }

.law_search .law_index { margin: 0px 0px !important;  }
.law_search .law_inputs{ margin: 20px 0px; }
.law_search .law_input:nth-of-type(1){ width:calc(33.33% - 20px);  }
.law_search .law_input:nth-of-type(2){ width:calc(66.66% - 20px);  }

.law_search .law_search_action{ display: flex; justify-content: flex-start; flex-wrap: wrap; align-items: center; }
.law_search .law_search_action > *{ margin-right: 20px; } 
.law_search .law_search_action .law_index{ margin:10px 0px  !important; }


.law_search_full .law_inputs{ align-items: flex-start; margin: 0px; padding: 20px 0px; }
.law_search_full .law_input:nth-of-type(1){ width:calc(40% - 20px);  }
.law_search_full .law_input:nth-of-type(2){ width:calc(40% - 20px);  }
.law_search_full .law_input:nth-of-type(3){ width:calc(20% - 20px);  }
.law_search.law_search--full:after{ margin-top: 20px; }
.law_search.law_search--full .law_btn{ align-self: flex-end; }

.law_search.law_search--full .law_input--radio div, 
.law_search.law_search--full .law_input--checkbox div { margin-bottom: 0px; }

@media screen and (max-width: 2561px){ 
    .law_search_left { width:100%; }
    .law_search_right{ width:100%; margin-top: 40px; padding:40px  0px; border:none; border-top: 1px solid #DDD; }
    .law_search:after{ margin-top: 0px; }
}
@media screen and (max-width: 2560px){ 
    .law_search_full .law_inputs{ justify-content: flex-start; align-items: center; }
    .law_search_full .law_input:nth-of-type(1){ width:calc(50% - 20px); margin-right: 20px;  }
    .law_search_full .law_input:nth-of-type(2){ width:calc(50% - 20px); margin-right: 20px; }
    .law_search_full .law_btn{ margin: 10px 10px 0px 0px; }
}
@media screen and (max-width: 767px){ 
    .law_search .law_inputs{ margin: 0px 0px; }
    .law_search .law_inputs .law_input{ width:100%; margin: 10px 0px; }
    .law_search.law_search--full:after{ margin-top: 20px; }

    .law_search.law_search--full .law_btn{ margin-top: 15px; }
}
@media print{ .law_search{ display: none; } }
/*----------------------------------------------------------------------------------------------------*/
.law_search_result{ background: #FBEFEF; padding:60px 0px; }
.law_search_result h1,
.law_search_result h2,
.law_search_result h3,
.law_search_result h4,
.law_search_result h5,
.law_search_result h6,
.law_search_result p{ margin:10px 0px !important; }
.law_search_result span{ font-weight: bold; color: #871D1D; }
.law_search_result p{ opacity: 0.7; }
.law_search_result_items{ margin-bottom: 40px; }
.law_search_result_item{ 
    display: block; border-bottom: 1px solid #DDD; padding: 20px 0px; 
}
.law_search_result_item:hover h3{ color: #871D1D; }
.law_search_result_item:first-of-type{ padding-top: 0px; }
.law_search_result_item:last-of-type{ padding-bottom: 0px;  border: none; }
/*----------------------------------------------------------------------------------------------------*/
.law_alert{ background: #871D1D; color: #FFF; }
.law_alert_item{
    display: flex; justify-content: flex-start; align-items: center;
    padding: 20px 20px; margin: 0px auto; max-width: 1500px; 
    border-bottom: 1px solid rgba(255,255,255,0.5);
}
.law_alert_item:last-of-type{ border:none; }
.law_alert_item strong,
.law_alert_item p{ display: block; padding: 0px 40px 0px 0px; margin: 0px; }
.law_alert_item a{ color: inherit; opacity:0.8;  }
.law_alert_item a:hover{ opacity:1; }
.law_alert_item .gui-close{ 
    display: block; margin-left: auto; 
    color: #FFF; text-decoration: none; font-size: 30px; line-height: 20px; font-weight: 100;
}

@media screen and (max-width: 767px){ 
    .law_alert_item { flex-wrap: wrap; }
    .law_alert_item strong{ width: 100%; }
    .law_alert_item p{ width: 90%; }
}
@media print{ .law_alert{ display: none; } }
/*----------------------------------------------------------------------------------------------------*/
.law_form{ text-align: left; }
.law_form > :first-child{ margin-top: 0px; }
.law_form > :last-child{ margin-bottom: 0px; }
.law_form .law_logo{ margin: 0px auto; max-width: 100%; }
.law_form h4{ line-height: 1.2em;}
.law_form hr{ width: 100%; margin: 60px auto;}
/*----------------------------------------------------------------------------------------------------*/
.law_form_item{ text-align: left; margin: 30px 0px ; overflow: auto; }
.law_form_item label{ display: block; margin: 5px 0px; }
.law_form_item label.notnull:after{ content:" *"; color:#871D1D; }
.law_form_item .msg{ display: block; margin: 5px 0px; font-size: 14px; color: #B4B4B4; }
.law_form_item .msg.error{ color: #871D1D; }
.law_form_item .msg.hidden{ display: none;}
.law_form_item .msg.hidden.error{ display: block;}

.law_form_item input[type=text],
.law_form_item input[type=password],
.law_form_item select,
.law_form_item textarea{
    display: block; margin: 5px 0px; padding: 15px; width: 100%;
    border: 1px solid #DDD;
    border-radius: 4px;
}
.law_form_item textarea{ height: 240px; }
.law_form_item input.error,
.law_form_item select.error,
.law_form_item textarea.error{ border: 1px solid #871D1D;} 

.law_form_item h1,
.law_form_item h2,
.law_form_item h3,
.law_form_item h4,
.law_form_item h5,
.law_form_item h6{ margin: 5px 0px !important;}
.law_form_item h3{ font-weight: 500; }
.law_form_item h4{ font-weight: 500; color: #871D1D;}

.law_form_item .datepicker{ 
    background-image: url(/img/calendar.png);
    background-repeat: no-repeat; background-position: center right 10px;
    padding-right: 30px !important;
}
.law_form_item select{
    background-image:url(/img/select.png);
	background-position:center right 10px;
	background-repeat:no-repeat;
	
	-webkit-appearance:none;
	-moz-appearance:none;
    appearance:none;
    padding-right: 30px !important;
}
.law_form_item .law_input--radio *,
.law_form_item .law_input--checkbox *{ font-size: inherit; }
/*----------------------------------------------------------------------------------------------------*/
.law_form_item .login{ display: flex; justify-content: space-between; align-items: stretch; }
.law_form_item .login input{ background: #E9E9E9; margin: 0px; }
.law_form_item .login a{ 
    display: flex; align-items: center;
    margin-left: 20px; padding: 0px 40px; 
    background: #871D1D; color: #FFF;
    border-radius: 4px;
}
.law_form_item .login a:hover{ background: #717171; }
.law_form_item .loginInfo input{ background: #E9E9E9; margin: 0px; }
/*----------------------------------------------------------------------------------------------------*/
.law_form_item.contact .contactLeft{ width: 50%; float: left; }
.law_form_item.contact .contactLeft input{ width: 85%; }
.law_form_item.contact .contactRight{ width: 45%; float: left; margin-left: 20px; }


/*----------------------------------------------------------------------------------------------------*/
.law_form_item .captcha{ display: flex; justify-content: space-between; align-items: center;}
.law_form_item .captcha img  { width: calc(25% - 10px); height: 50px; object-fit: cover; }
.law_form_item .captcha input{ width: calc(75% - 10px); }

@media screen and (max-width: 767px){ 
    .law_form_item .captcha img  { width: calc(50% - 5px); }
    .law_form_item .captcha input{ width: calc(50% - 5px); }
}
/*----------------------------------------------------------------------------------------------------*/
.law_form_item .phone{ display: flex; justify-content: space-between; align-items: stretch; }
.law_form_item .phone select{ width:100px; margin-right: 20px; }
/*----------------------------------------------------------------------------------------------------*/
.law_form_item .radio{ display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; }
.law_form_item .radio > *{ margin-right: 20px;}
.law_form_item .radio label{ display: inline-block; vertical-align: middle; }
/*----------------------------------------------------------------------------------------------------*/
.law_form_item .points{ display: flex; justify-content: flex-start; align-items: center; margin: 10px auto; }
.law_form_item .points .pt{ padding-right: 20px; }
.law_form_item .points .desc{ padding-right: 20px; }
.law_form_item .points .input{  margin-left: auto; font-weight: 500; white-space: nowrap; }
.law_form_item .points .input input{ width:100px; display: inline-block; margin-right: 5px; }

@media screen and (max-width: 767px){  
    .law_form_item .points{ flex-wrap: wrap; align-items: flex-start;}
    .law_form_item .points .pt{ width:15% }
    .law_form_item .points .desc{ width:85% }
    .law_form_item .points .input{ width: 85%; margin-left: auto; margin-top: 10px;; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_form_item .attendance th{ vertical-align: bottom; }
.law_form_item .attendance th,
.law_form_item .attendance td{ width:20%; padding-right: 10px; }
.law_form_item .attendance th:last-of-type,
.law_form_item .attendance td:last-of-type{ padding-right: 0px; }
.law_form_item .attendance th{ font-size:16px; font-weight: normal; text-align: left;}
.law_form_item .attendance strong{ display: block; text-align: right; }
.law_form_item .readonly{ background: #E9E9E9; }
/*----------------------------------------------------------------------------------------------------*/
.law_form_action{ text-align: left; margin: 40px 0px; }
.law_form_link { color:#B4B4B4;} 
.law_form_link a{ font-weight: normal; color:inherit; text-decoration: none; display: inline-block; padding: 0px 10px; }
.law_form_link a:hover{ color: #871D1D; }
/*----------------------------------------------------------------------------------------------------*/
.law_login{ 
    background-image: url(/img/login.jpg); background-size: cover; 
    background-repeat: no-repeat; background-position: center center; 
    padding: 60px 0px; margin-top: 40px;
}
.law_login_box{ 
    background: #FFF;
    margin: 0px auto; max-width: 800px; width: 100%;
    padding: 60px 20px; border-radius: 8px;
}

.law_login_box h2 span{ font-size: 0.8em; }
.law_login_box h2,
.law_login_box p,
.law_login_box .law_form_action,
.law_login_box .law_form_link{ text-align: center; max-width:600px !important; margin-left: auto; margin-right: auto; }
.law_login_box .law_form_item{ max-width: 480px; margin-left: auto; margin-right: auto; }
.law_login_box .law_form{ margin-left: 0px !important; margin-right: 0px !important; }

.law_login--popup{ 
    position: fixed; top:0px; left: 0px; width: 100%; height: 100%;
    background: rgba(0,0,0,0.9); margin: 0px; z-index: 100;
    display: flex; align-items: center; justify-content: center;
    flex-direction: column;
}
.law_login--popup .law_login_box{ max-height: 90%; overflow: auto; }


.law_login--popup .law_login_close{ width: 100%; max-width: 1000px; margin: 0px auto 20px auto; text-align: right; }
.law_login--popup .law_login_close .gui-close{ 
    font-size: 40px; font-weight: 100; color: #FFF; text-decoration: none;
}
@media screen and (max-width: 980px){  
    .law_login_box{ padding: 40px 20px;  }
    .law_login--popup .law_form .gui-close{ top:-100px; right: -20px; }
}
@media screen and (max-width: 840px){     
    .law_login{ padding: 40px 20px; }
}

/*----------------------------------------------------------------------------------------------------*/
.law_report h1,
.law_report h2,
.law_report h3,
.law_report h4,
.law_report h5,
.law_report h6,
.law_report p{ margin-left: 0px !important; margin-right: 0px !important; padding-right: 40px; }

.law_report--member h1,
.law_report--member h2,
.law_report--member h3,
.law_report--member h4,
.law_report--member h5,
.law_report--member h6{ margin-top: 0px; }

.law_report > h1,
.law_report > h2{ font-weight: 500; color: #000; text-align: left; }
.law_report > h3{ font-weight: 500; color: #871D1D; text-align: left; }

.law_report_item{ 
    display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; 
    padding: 10px 0px; border-bottom: 1px solid #DDD;
}
.law_report--member .law_report_item{ align-items: flex-start; }

.law_report_item:first-of-type{  padding-top: 0px; }
.law_report_item:last-of-type{ border: none; padding-bottom: 0px; }
.law_report_item--header{ padding: 0px; border-bottom: none; font-weight: 500; margin-top: 60px; }

.law_report_item h4{ font-weight: 500; }
.law_report_item_title{ width: 80%; }
.law_report_item_head{ width: 30%; }
.law_report_item_body{ width: 50%; }
.law_report_item_btn { width: 20%; text-align: right; }
.law_report_item .law_btn{ margin-left: auto; white-space: nowrap;  }
.law_report_item .law_img{ max-width: 400px; }

.law_report .law_tab,
.law_report .law_news_nav{ margin-top: 60px; margin-left: 0px !important; margin-right: 0px !important;}

.law_report--member .law_report_item_head h4{ color: #871D1D; }

@media screen and (max-width: 767px){ 
    .law_report_item_title{ width: 100%; }
    .law_report_item_head{ width: 100%; }
    .law_report_item_body{ width: 100%; }
    .law_report_item_btn { width: 100%; text-align: left;}

    .law_report_item--header{  margin-top: 40px; display: none; }
    .law_report .law_tab,
    .law_report .law_news_nav{ margin-top: 40px; }
}

/*----------------------------------------------------------------------------------------------------*/
.law_calendar{ overflow: auto; }
.law_calendar table{ width:calc(100% - 1px); min-width: 480px; border-spacing: 0px; }
.law_calendar th{ width:14%; padding: 0px 0px 10px 0px; text-align: left; color: #B4B4B4; text-transform: uppercase; }
.law_calendar td{
    vertical-align: top;   
    border-top:1px solid #DDD;
    border-left:1px solid #DDD;  
}
.law_calendar td div{ min-height: 150px;  padding: 5px; }
.law_calendar td.other div{ opacity: 0.5; }
.law_calendar td.past  div{ opacity: 0.7; }
.law_calendar td.today{ background: #F4F4F4;}
.law_calendar td > span{ font-size: 1.5em; font-weight: 500; display: block; }
.law_calendar td a > span{ font-size: 1.2em; font-weight: 500; display: block; margin-bottom: 5px; }

.law_calendar td a.star:before{
    content:""; display: block;
    float: right; width: 12px; height: 12px; 
    background-image: url(/img/star.svg);
    background-position: center center;
    background-repeat: no-repeat;
    background-size: contain;
}
.law_calendar td a.circle:before{
    content:""; display: block;
    float: right; width: 12px; height: 12px; 
    background: radial-gradient(circle, #FFF 0%, #FFF 40%, rgba(255,255,255,0) 50%, rgba(255,255,255,0) 100%);
    border:1px solid #FFF;    
    border-radius: 50%;    
}

.law_calendar td:last-of-type   { border-right: 1px solid #DDD; }
.law_calendar td a{ text-decoration: none;  }
.law_calendar tr:last-of-type td{ border-bottom:1px solid #DDD; }

.law_calendar .event{
    display: block; background: #000; color: #FFF; 
    margin: 5px 0px; padding:5px; border-radius: 5px; 
    font-size: 0.8em; line-height: 1.2em;;
}
.law_calendar .event.t1{ background: #871D1D; }
.law_calendar .event.t2{ background: #1D1D87; }
.law_calendar .event.t3{ background: #717171; }
.law_calendar .event.t4{ background: #1D871D; }
.law_calendar .event.t5{ background: #1D8787; }
.law_calendar .event.t6{ background: #87871D; }
.law_calendar .event.t7{ background: #871D87; }
.law_calendar .event.t8{ background: #877171; }
.law_calendar .event.t9{ background: #718771; }
.law_calendar .event.t10{background: #717187; }

.law_calendar .law_calendar_nav{ display: flex; justify-content: space-between; align-items: center; margin-bottom: 40px; flex-wrap: wrap; }

.law_calendar .law_calendar_prev,
.law_calendar .law_calendar_next{ vertical-align: middle; }
.law_calendar .law_calendar_prev:before,
.law_calendar .law_calendar_next:before{
    font-family: 'Noto Sans TC', sans-serif; 
    font-size: 24px; content: "\2190"; 
    display: inline-block; padding-right: 20px; 
    text-align: center;  
} 
.law_calendar .law_calendar_next:before{ content: "\2192"; }
.law_calendar .law_calendar_prev:hover:before,
.law_calendar .law_calendar_next:hover:before{ color: #871D1D;  }

.law_calendar .law_select{ display: inline-block; vertical-align: middle; }
.law_calendar .law_select > span{ font-size: 2em;; }

.law_calendar .law_tab{ margin-left: 0px !important; margin-right: 0px !important; }
.law_calendar .law_tab .t1:before,
.law_calendar .law_tab .t2:before,
.law_calendar .law_tab .t3:before,
.law_calendar .law_tab .t4:before,
.law_calendar .law_tab .t5:before,
.law_calendar .law_tab .t6:before,
.law_calendar .law_tab .t7:before,
.law_calendar .law_tab .t8:before,
.law_calendar .law_tab .t9:before,
.law_calendar .law_tab .t10:before{
    content:""; display: inline-block; width:10px; height: 10px;
    background: #000; border-radius: 50%; margin-right: 8px; vertical-align: middle;
}
.law_calendar .law_tab .t1:before{ background: #871D1D; }
.law_calendar .law_tab .t2:before{ background: #1D1D87; }
.law_calendar .law_tab .t3:before{ background: #717171; }
.law_calendar .law_tab .t4:before{ background: #1D871D; }
.law_calendar .law_tab .t5:before{ background: #1D8787; }
.law_calendar .law_tab .t6:before{ background: #87871D; }
.law_calendar .law_tab .t7:before{ background: #871D87; }
.law_calendar .law_tab .t8:before{ background: #877171; }
.law_calendar .law_tab .t9:before{ background: #718771; }
.law_calendar .law_tab .t10:before{background: #717187; }

@media screen and (max-width: 1023px){ 
    .law_calendar .law_tab{ width: 100%; }
    .law_calendar td div{ min-height: 100px; }
    .law_calendar td{font-size:0.8em; }
}
@media screen and (max-width: 767px){ 
    .law_calendar td div{ min-height: 60px; }
}
/*----------------------------------------------------------------------------------------------------*/
.law_album{ 
    position: fixed; top:0px; left: 0px; z-index: 200; width: 100%; height: 100%;
    display: flex; justify-content: center; align-items: center; flex-direction: column;
    background: rgba(0,0,0,0.9); padding: 0px 20px;
}
.law_album .law_album_inner{ position: relative; max-width: 1200px; width: 100%; }
.law_album .law_album_inner:before{ padding-bottom:50%; content: ""; display: block; }

.law_album .law_album_body{
    position: absolute; top:0px; left: 0px;
    width: 100%; height: 100%; margin: 0px auto;
}
.law_album .law_album_body .law_album_close { 
    position: absolute; text-align: right;
    top:0px; right: 0px; width: 80px; height: 80px;
    z-index: 999999; 
}
.law_album .law_album_body .law_album_swiper{ 
    position: absolute;     
    top:0px; left: 80px;
    width:calc(100% - 160px);  height: calc(100% - 50px);
}
.law_album .law_album_body .law_album_prev,
.law_album .law_album_body .law_album_next{ 
    position: absolute;     
    top:calc(50% - 40px - 20px); left: 0px;
    width:80px; height: 80px;
}
.law_album .law_album_body .law_album_next{ left: auto; right: 0px; text-align: right; }

.law_album .law_album_body .law_album_desc{ 
    position: absolute;     
    bottom:0px; left: 0px;
    width: 100%;  height: 80px;
    color:#FFF; padding: 20px 80px;
    display: flex; justify-content: space-between; align-items: center;
}

.law_album .law_album_close a{     
    color: #FFF; text-decoration: none;
    font-size: 30px; font-weight: 100;
    display: inline-block; line-height: 40px; width: 60px; text-align: center;
} 
.law_album .law_album_prev,
.law_album .law_album_next{ outline: none; }
.law_album .law_album_prev:before,
.law_album .law_album_next:before{
    font-family: 'Noto Sans TC', sans-serif; 
    font-size: 24px; content: "\2190"; 
    display: inline-block; width:60px; height: 60px; line-height: 60px;
    text-align: center; 
    border: 1px solid #FFF; color: #FFF;    
}  
.law_album .law_album_next:before{ content: "\2192"; }
.law_album .law_album_prev:hover:before,
.law_album .law_album_next:hover:before{ background: #871D1D; color:#FFF; }

.law_album .law_album_body .law_album_desc > div:first-of-type{ padding-right: 20px;  }
.law_album .law_album_body .law_video{ margin: 0px 0px; }

@media screen and (max-width: 767px){ 
    .law_album .law_album_body .law_album_swiper{ width:100%; left: 0px; }
    .law_album .law_album_body .law_album_prev{ display: none; }
    .law_album .law_album_body .law_album_next{ display: none; }
    .law_album .law_album_body .law_album_desc{ padding: 20px 0px; height: 40px; }
    .law_album .law_album_close a{ background: rgba(0,0,0,0.5); height: 40px; width: 40px; line-height: 38px; }
}

@media screen and (max-height: 600px){  .law_album .law_album_inner{  max-width: 980px; } }
@media screen and (max-height: 500px){  .law_album .law_album_inner{  max-width: 800px; } }
@media screen and (max-height: 400px){  .law_album .law_album_inner{  max-width: 600px; } }
/*----------------------------------------------------------------------------------------------------*/
.law_body .law_content_bg--pink{ background: #FBEFEF; padding: 1px 0px; }
.law_body .law_content_bg--red{ background: #43081f; color:#FFF; padding: 1px 0px; }

.law_body .law_content_block--home{ margin-top:160px; }

.law_body .law_content_block--center{ text-align: center; }
.law_body .law_content_block--center .law_tab{ justify-content: center; }

.law_direct_paste h1,
.law_direct_paste h2,
.law_direct_paste h3,
.law_direct_paste h4,
.law_direct_paste h5,
.law_direct_paste h6,
.law_direct_paste p,
.law_direct_paste ul,
.law_direct_paste ol,
.law_direct_paste table{ margin-left: 0px !important; margin-right: 0px !important; }
.law_direct_paste table{ width: 100%; }
.law_direct_paste hr{ width: 100%; border-top:1px solid #DDD; }

@media screen and (min-width: 900px){ 
    .law_body .law_content_block--center > *{ max-width: 860px; margin-left: auto; margin-right: auto; }
}
/*====================================================================================================*/
/* BODY Compo width / Margin */
/*====================================================================================================*/
.law_body h1,
.law_body h2,
.law_body h3,
.law_body h4,
.law_body h5,
.law_body h6,
.law_body p,
.law_body ul,
.law_body ol,
.law_body .law_form,
.law_body .law_crumb,
.law_body .law_share,
.law_body .law_tab,
.law_body .law_index,
.law_body .law_layout,
.law_body .law_report,
.law_body .law_search,
.law_body .law_calendar,
.law_body .law_notice_items,
.law_body .law_header_search,
.law_body .law_search_result_items,
.law_body .law_news_nav,
.law_body .law_direct_paste,
.law_body .law_table,
.law_body .law_accordion,
.law_body .law_video,
.law_cookie_body{ margin-left: auto; margin-right: auto; max-width: 1200px; }

.law_body .law_news_items{ margin-left: auto; margin-right: auto; max-width: 1240px; }

.law_body .law_news_swiper,
.law_body .law_gallery{ margin-left: auto; margin-right: auto; max-width: 1220px; }

.law_body .law_news_swiper .law_news_nav{ margin-left: 10px; margin-right: 10px; }
/*----------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 1280px){ 
    .law_body h1,
    .law_body h2,
    .law_body h3,
    .law_body h4,
    .law_body h5,
    .law_body h6,
    .law_body p,
    .law_body ul,
    .law_body ol,
    .law_body .law_form,
    .law_body .law_crumb,
    .law_body .law_share,
    .law_body .law_tab,
    .law_body .law_index,
    .law_body .law_layout,
    .law_body .law_report,
    .law_body .law_search, 
    .law_body .law_calendar,
    .law_body .law_notice_items,
    .law_body .law_header_search,
    .law_body .law_search_result_items,
    .law_body .law_news_nav,
    .law_body .law_direct_paste,
    .law_body .law_table,   
    .law_body .law_accordion,
    
    .law_body .law_video,
    .law_cookie_body{ margin-left: 40px; margin-right: 40px; }
}
@media screen and (max-width: 1280px){     
    .law_body .law_news_items{ margin-left: 20px; margin-right: 20px; }
}
@media screen and (max-width: 1260px){   
    .law_body .law_news_swiper,    
    .law_body .law_gallery  { margin-left: 30px; margin-right: 30px; }
}
.law_accordion .law_table { margin-left: 0px !important; margin-right: 0px !important; }
/*----------------------------------------------------------------------------------------------------*/
.law_body .law_content_block,
.law_body .law_banner,
.law_body .law_subbanner,
.law_body .law_news,
.law_body .law_notice,
.law_body .law_layout,
.law_body .law_report,
.law_body .law_search,
.law_body .law_calendar,
.law_body .law_accordion{ margin-top:60px; margin-bottom: 60px; }

.law_body .law_table{ margin-top:40px; margin-bottom: 40px; }

@media screen and (max-width: 767px){ 
    .law_body .law_content_block,
    .law_body .law_banner,
    .law_body .law_subbanner,
    .law_body .law_news,
    .law_body .law_notice,
    .law_body .law_layout,
    .law_body .law_report,
    .law_body .law_search,    
    .law_body .law_accordion{ margin-top:40px; margin-bottom: 40px; }

    .law_body .law_content_block--home{ margin-top:80px; }
    .law_body .law_table{ margin-top:20px; margin-bottom: 20px; }
}

.law_body .law_news--no_margin{  margin-top: 0px;  margin-bottom: 0px; }
/*----------------------------------------------------------------------------------------------------*/

.ani{ transform: translateY(300px); opacity: 0; position: relative;; }

/*
.ani .law_layout_col:nth-of-type(odd){  transform: translateX(-100px); }
.ani .law_layout_col:nth-of-type(even){ transform: translateX(100px);  }
.ani.law_layout--news ,
.ani.law_layout--2col { transform: translateY(0px); overflow: hidden; }
*/

.ani.triggered{ 
    transition: ease all 1s; 
    transform: none;
    opacity: 1;
}
/*
.ani.triggered .law_layout_col:nth-of-type(odd){  transform: translateX(0px); transition: ease all 1.5s; }
.ani.triggered .law_layout_col:nth-of-type(even){ transform: translateX(0px);  transition: ease all 1.5s;  }
*/

@media print{
    .ani{ transform: translateY(0px); opacity: 1; }
    .ani .law_layout_col:nth-of-type(odd){  transform: translateX(0px); }
    .ani .law_layout_col:nth-of-type(even){ transform: translateX(0px);  }
}

/*----------------------------------------------------------------------------------------------------*/
.law_sitemap{
    list-style: none;
    display: flex; flex-wrap: wrap;
    align-items: flex-start; justify-content: flex-start; 
    padding-left: 0px !important;
}
.law_sitemap li a{ text-decoration: none; color: #000; }

.law_sitemap > li { 
    width: calc(33% - 40px); min-width: 240px;
    border-top: 2px solid #871D1D;
    padding-top: 20px; padding-bottom: 40px;
    margin-right: 40px;
}
.law_sitemap ul li li:before{ background: #871D1D;}
.law_sitemap > li:before,
.law_sitemap > li > ul >li:before{ display:  none !important; }

.law_sitemap > li > a{ font-size: 1.3em; }
.law_sitemap ul ul li a{ font-size: 0.9em; font-weight: normal;}

.law_sitemap > li > ul > li{ margin-bottom: 20px; }

.law_sitemap > li > ul{ padding-left: 0px; padding-top: 10px;}

@media screen and (max-width: 1023px){ 
    .law_sitemap > li { width: calc(50% - 40px);  }
}
@media screen and (max-width: 767px){ 
    .law_sitemap > li { width: calc(100% - 0px);  }
}

/*----------------------------------------------------------------------------------------------------*/
.law_govern{
    display:flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: flex-start;
    margin: 20px 0px; padding: 25px;
    border-radius: 20px;
}
.law_govern.law_govern--red{ background: #871D1D ; color: #FFF;}
.law_govern.law_govern--grey{ background: #717171 ; color: #FFF;}
.law_govern.law_govern--lightgrey{ background: #F4F4F4 ; }
.law_govern.law_govern--white{ padding:0px; }
.law_govern_col{ width: 50%; padding-right: 40px;  }
.law_govern_col a{ text-decoration: none !important; display: block; margin-bottom: 80px; }
.law_govern_col h2,
.law_govern_col h3,
.law_govern_col h4,
.law_govern_col p{ margin: 0px 0px 10px 0px !important; color: #000; }

@media screen and  (max-width:980px ){
   .law_govern_col{ width: 50%;  }
   .law_govern_col--head{ width: 100%; padding-bottom: 20px;}
}
@media screen and  (max-width:767px ){
   .law_govern_col{ width: 100%;  }   
   .law_govern_col a{  margin-bottom: 40px; }
}