html { font-size:16px; }
html * { max-height:9999999px; }
body {
    /*font-family:"微軟正黑體", "Microsoft JhengHei";*/
    font-size:1rem;
}

a:hover { text-decoration:none; color:#c7161e; } 

.center { text-align:center; }
.img-100 { width:100%; height:auto; }
.lineType1 { width:auto; height:1px; background:url(../images/line_dot3.gif) repeat-x left top; }
.lineType2 { width:auto; height:1px; background-color:#ababab; }

.btn-1 { display:inline-block; padding:10px 20px; border:2px solid #ababab; color:#5e5e5e; border-radius:30px; }
.btn-1 .txt { margin-left:1.5rem; vertical-align:1px; }
.btn-1:hover { border:2px solid #f0831e; background-color:#f0831e; color:#fff; } 

.btn-2 { display:inline-block; padding:10px 60px; border:2px solid #c7161e; color:#c7161e; border-radius:30px; background-color:#fff; cursor:pointer; }

#back2top { position:fixed; bottom:50px; right:16px; opacity:0.8; z-index:30; }
.page-loading { position:fixed; left:0; top:0; width:100%; height:100%; background-color:#000; opacity:0.8; z-index:80; }
.page-loading img { position:absolute; top:50%; left:50%; margin-left:-40px; margin-top:-15px; }

/*.animated { visibility:hidden; }*/
.slideInUp { animation-delay:0.3s; /*animation-duration:1s;*/ }
.delay-dot5s { animation-delay:0.5s; /*animation-duration:1s;*/ }
.delay-dot7s { animation-delay:0.7s; /*animation-duration:1s;*/ }
.delay-dot8s { animation-delay:0.8s; /*animation-duration:1s;*/ }

nav.topnav { padding:0; width:100%; }
nav.topnav a { color:#c7161e; }
/* nav.topnav a:hover { color:#f76600; } */

nav.topnav .navbar-brand { padding:5px 10px 0; margin-left:0.5rem; margin-right:0.5rem; }

nav.topnav .menu1 { }
nav.topnav .menu1 .nav-item { font-size:1rem; line-height:normal; }
nav.topnav .menu1 a.item { display:table-cell; height:100px; vertical-align:middle; padding:10px; text-align:center; }
nav.topnav .menu1 a.item:hover { background-color:#fed52b; }
nav.topnav .menu1 a.active { background-color:#fed52b; }

nav.topnav .menu2 { padding:0; margin:0 0.5rem 0 0.5rem; line-height:normal; list-style:none; }
nav.topnav .menu2 .nav-item { display:table; width:auto; height:100px; white-space:nowrap; }
nav.topnav .menu2 .nav-item a.item { display:table-cell; width:auto; height:90px; vertical-align:middle; text-align:center; font-size:1rem; padding:10px 10px 0; }  
nav.topnav .menu2 .nav-item a.item > span.fas { display:block; font-size:1.5rem; margin-bottom:3px; }
nav.topnav .menu2 .nav-item a.now { background-color:#fed52b; }

.menu1_area { padding:10px; background-color:#fed52b; position:absolute; left:0; width:100%; z-index:49; min-height:120px; }
.menu1_area .menu { padding-bottom:10px; }
.menu1_area .menu .item a { display:block; background:url(../images/line_dot1.gif) repeat-x bottom left; padding:10px 0; color:#000000; font-size:1.1rem; margin-top:2px; }
.menu1_area .menu .item a:hover { color:#c7161e; }

.menu2_area { position:absolute; left:0; width:100%; z-index:50; padding:10px; background-color:#fed52b; min-height:92vh; border-radius:0 0 10px 10px; box-shadow:0 6px 10px -6px rgb(0,0,0); }
.menu2_area .menu2_inner { }
/*
.menu2_area:after{
    content:'';
    position:absolute;
    width:100%;
    bottom:1px;
    left:0;
    z-index:-1;
    box-shadow:0 0 10px 2px rgb(0,0,0);
    background-color:#000;
}
*/
.menu2_area .container { }
.menu2_area .container .wrapper { min-height:200px; padding:0; }
.menu2_area .col2 .img-1 { margin-bottom:24px; padding-right:12px; }
.menu2_area .col2 .img-2 { margin-bottom:24px; padding-left:12px; }
.menu2_area .col2 .img-3 { padding-right:12px; }
.menu2_area .col2 .img-4 { padding-left:12px; }

.menu2_area .menu { margin:0 auto; }
.menu2_area .menu .item { font-size:1.2rem; background:url(../images/line_dot1.gif) repeat-x bottom center; }
.menu2_area .menu .item a.link { display:block; padding:14px 14px 15px; position:relative; color:#333; }
.menu2_area .menu .item a.link:hover { color:#c7161e; } 
.menu2_area .menu .item a.link .fas { display:inline-block; position:absolute; top:20px; right:15px; color:#f0831e; }
.menu2_area .menu .item .sub-menu .sub-item { background:url(../images/line_dot1.gif) repeat-x top center; }
.menu2_area .menu .item .sub-menu .sub-item a.link { margin-left:2rem; color:#c7161e; }
.menu2_area .menu .item .sub-menu .sub-item a.link:hover { color:#ff0000; }

.menu2_area .lang .item a { display:block; background-color:#ffea95; color:#333; padding:15px; width:90%; text-align:center; border-radius:30px; margin:2rem auto; }
.menu2_area .lang .item a:hover { background-color:#ffffff; color:#f0831e; }
.menu2_area .search .item { background-color:#fff; color:#333; padding:5px 20px; width:90%; text-align:center; border-radius:30px; margin:2rem auto; }
.menu2_area .search .item .txt { border:0 none; padding-right:20px; padding-left:8px; height:40px; width:100%; float:left; }
.menu2_area .search .item .bxn { border:0 none; padding:0; height:40px; float:right; cursor:pointer; }

.unit_title { background-color:#fed52b; height:128px; }
.unit_title .txt { color:#c7161e; padding-top:2rem; font-size:1.5rem; } 
.unit_title .line { margin-top:1rem; height:1px; width:90px; background-color:#c7161e; }

.bodydoc .unit-menu { text-align:center; }
.bodydoc .unit-menu .col { padding-left:2px; line-height:normal; }
.bodydoc .unit-menu .col:first-child { padding-left:0px; }
.bodydoc .unit-menu .col a { color:#ababab; display:block; padding:16px 6px; border-bottom:1px solid #ababab; font-size:1.1rem; display:block; }
.bodydoc .unit-menu .col a.active { color:#202020; border-bottom:1px solid #202020; }
.bodydoc .unit-menu .col a:hover { color:#c7161e; }
.bodydoc .unit-cls .col { min-width:20%; }

.m-nav { margin:1rem 0; position:relative; }
.m-nav .m-sel-title { padding:3px 0; text-align:center; position:relative; border-bottom:2px solid #202020; padding-bottom:0.5rem; }
.m-nav .m-sel-title .name { display:inline-block; margin-right:2rem; margin-left:2rem; }
.m-nav .m-sel-title .icon { display:inline-block; position:absolute; top:3px; right:10px; }
.m-nav .m-nav-div { position:relative; margin-bottom:1rem; margin-top:1rem; }  
.m-nav .m-nav-menu { border:1px solid #808080; border-radius:5px; margin-top:0.125rem; width:100%; background-color:#fff; }
.m-nav ul.m-nav-menu { margin:0; padding:0; list-style-type:none; } 
.m-nav ul.m-nav-menu li { margin:0 1.5rem; padding:0.5rem 0; text-align:center; border-top:1px solid #808080; }
.m-nav ul.m-nav-menu li:first-child { border-top:0px none #e8e8e8; }
.m-nav ul.m-nav-menu li a { color:#202020; display:block; padding:0.5rem 0;}
.m-nav ul.m-nav-menu li a:active { color:#c7161e; }

.bodydoc .m-page { margin:1rem 0; position:relative; }
.bodydoc .m-page .bdr { text-align:center; }
.bodydoc .m-page .m-sel-title { padding:10px 20px; display:inline-block; border-bottom:0 none; }
.bodydoc .m-page .m-sel-title .name { margin:0 0.5rem; }
.bodydoc .m-page .m-sel-title .icon { position:static; }
.bodydoc .m-page .m-now a { color:#f0831e; }
.bodydoc .m-page .prev { position:absolute; left:0; top:1px; padding:0px 5px; display:inline-block; }   
.bodydoc .m-page .next { position:absolute; right:0; top:1px; padding:0px 5px; display:inline-block; }

.page { margin:2rem; text-align:center; }
.page .prev { 
    display:inline-block; 
    color:#ababab; 
    border:2px solid #ababab;
    border-radius:20px; 
    width:40px; 
    height:40px;
    margin-right:1rem;
    font-size:16px;
    vertical-align:middle; 
    }
.page .prev .fa-arrow-left {
    display: -ms-flexbox; 
    display:flex;
    width:100%; height:100%; 
    align-items:center;
    justify-content:center;
}
.page .next { 
    display:inline-block; 
    color:#ababab; 
    border:2px solid #ababab; 
    border-radius:20px; 
    width:40px; 
    height:40px;
    margin-left:1rem;
    font-size:16px;
    vertical-align:middle; 
}
.page .next .fa-arrow-right {
    display: -ms-flexbox; 
    display:flex;
    width:100%; height:100%; 
    align-items:center;
    justify-content:center;
}
.page a { display:inline-block; }
.page a:hover .fas { color:#c7161e; }
.page a .prev , 
.page a .next { border:2px solid #666; color:#666; }
.page a:hover .prev , 
.page a:hover .next { border-color:#c7161e; }

.page .now { color:#f0831e; display:inline-block; padding:5px 10px; }
.page .pglink { display:inline-block; }
.page .pglink a { color:#202020; display:inline-block; padding:5px 10px; }
.page .pglink a:hover { color:#c7161e; }

.bnr-jc { position:relative; }

.bnr-jc .jc {
    position:relative;
    overflow:hidden;
    width:100%;
}
.bnr-jc .jc ul {
    width:10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;
}

.bnr-jc .jc li {
    float:left; 
    width:100%;
}
.homebnr .jc a { display:block; height:100%; }

.homebnr #jc-pagination { position:absolute; left:0; bottom:20px; width:100%; text-align:center; }
.homebnr #jc-pagination a {
	display: inline-block;
    width:12px;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
    margin-left: 10px;
	background:#132332;
	border-radius:6px;
}
.homebnr #jc-pagination a.now { background:#02A0EA; }
.homebnr .jc .img { width:100%; height:100%; }

.bodydoc .home_a1 { background-color:#fed52b; }
.bodydoc .home_a1 .mnews { width:450px; margin:1rem auto; position:relative; }
.bodydoc .home_a1 .mnews .tit { font-size:1.3rem; color:#c7161e; }
.bodydoc .home_a1 .mnews .more { position:absolute; top:6px; right:0; color:#f0831e; }
.bodydoc .home_a1 .mnews .more a { color:#f0831e; }
.bodydoc .home_a1 .mnews .more a:hover { color:#c7161e; }
.bodydoc .home_a1 .mnews .line { margin:0.5rem 0; height:1px; width:90px; background-color:#c7161e; }
.bodydoc .home_a1 .mnews .list .item { padding:0.5rem 0; background:url(../images/line_dot2.gif) repeat-x bottom left; }
.bodydoc .home_a1 .mnews .list .item a { color:#333; }
.bodydoc .home_a1 .mnews .list .item a:hover { color:#c7161e; }
.bodydoc .home_a1 .td2 .item { width:100%; overflow:hidden; }
.bodydoc .home_a1 .td2 .item img { transition:transform 0.2s; }
.bodydoc .home_a1 .td2 .item:hover img { transform:scale(1.1); } 

.bodydoc .home_a2 { margin:3rem auto 2rem; }
.bodydoc .home_a2 .item { margin-bottom:2rem; text-align:center; }
.bodydoc .home_a2 .item a { 
    display:inline-block;
    width:100%;
    overflow:hidden;
}
.bodydoc .home_a2 .item a img { transition:transform 0.2s; }
.bodydoc .home_a2 .item a:hover img { transform:scale(1.1); }
.bodydoc .home_a2 .item img { width:100%; max-width:350px; }
.bodydoc .home_a2 .more { margin-bottom:1.5rem; color:#f0831e; }
.bodydoc .home_a2 .more a { color:#f0831e; }
.bodydoc .home_a2 .more a:hover { color:#c7161e; }
.bodydoc .home_a2 .more .line { margin:0.5rem 0; height:2px; width:66px; background-color:#f0831e; }

.bodydoc .home_a3 { margin-bottom:2rem; }
 
.bodydoc .home_a4 .td1 .tit { font-size:1.5rem; color:#c7161e; } 
.bodydoc .home_a4 .td1 .td1_ii > .line { margin:1rem 0 2rem; height:1px; width:90px; background-color:#c7161e; }
.bodydoc .home_a4 .td1 .content p { margin-bottom:1.5rem; font-size:1rem; }
.bodydoc .home_a4 .td1 .more { margin-bottom:1.5rem; color:#f0831e; }
.bodydoc .home_a4 .td1 .more a { color:#f0831e; }
.bodydoc .home_a4 .td1 .more a:hover { color:#c7161e; }
.bodydoc .home_a4 .td1 .more .line { margin:0.5rem 0; height:2px; width:66px; background-color:#f0831e; }

.bodydoc .home_a4 .td2 .col-12 { margin-bottom:30px; }
.bodydoc .home_a4 .td2 a { display:inline-block; width:100%; overflow:hidden; }
.bodydoc .home_a4 .td2 a img { transition:transform 0.2s; }
.bodydoc .home_a4 .td2 a:hover img { transform:scale(1.1); }

.bodydoc .html { padding:1rem 1rem 1.5rem; }
.bodydoc .html img { max-width:100%; height:auto !important; }
.bodydoc .html table { max-width:100%; }

.bodydoc .product .qsearch { margin-top:1.5rem; border-bottom:1px solid #ababab; }
.bodydoc .product .qsearch .group { display: -ms-flexbox; display: flex; }
.bodydoc .product .qsearch .group .item { font-size:1.1rem; color:#5e5e5e; padding:0 30px; white-space:nowrap; padding-bottom:20px; cursor:pointer; }
.bodydoc .product .qsearch .group .item.active { background:url(../images/icon_arr_up1.gif) no-repeat center bottom; }
.bodydoc .product .qsearch .group-list { display: -ms-flexbox; display: flex; padding:0 10px 15px; background-color:#fed52b; }
.bodydoc .product .qsearch .group-item { margin-top:15px; }
.bodydoc .product .qsearch .group-item a { display:inline-block; background-color:#ffea95; color:#6a3906; padding:10px 50px; border-radius:30px; margin:0 8px; }
.bodydoc .product .qsearch .group-item a.active { background-color:#f0831e; color:#ffffff; }
.bodydoc .product .qsearch_sel { margin-bottom:1rem; }
.bodydoc .product .qsearch_sel .item { margin-top:1rem; }
.bodydoc .product .qsearch_sel .txt { margin-right:10px; }
.bodydoc .product .qsearch_sel .sel { padding:10px 20px; border-radius:30px; background-color:#f1f1f1; color:#5e5e5e; margin-left:10px; cursor:pointer; }
.bodydoc .product .qsearch_sel .clear { padding:8px 20px; border-radius:30px; background-color:#ffffff; color:#5e5e5e; margin-left:10px; border:2px solid #ababab; cursor:pointer; }

.bodydoc .product .qsearch-mb { }
.bodydoc .product .qsearch-mb .smenu-tit { margin:1rem 0; text-align:center; padding:10px 0; border-bottom:2px solid #ababab; position:relative; }
.bodydoc .product .qsearch-mb .smenu-tit .fas { position:absolute; top:12px; right:20px; font-size:20px; }
/*.bodydoc .product .qsearch-mb .group-area { position:absolute; top:0; left:0; width:100%; background-color:#fff; z-index:100; }*/
.bodydoc .product .qsearch-mb .group-area { padding-bottom:2rem; }
.bodydoc .product .qsearch-mb .group { border-bottom:1px solid #ababab; }
.bodydoc .product .qsearch-mb .group .item { padding:12px 45px 12px 15px; position:relative; cursor:pointer; }
.bodydoc .product .qsearch-mb .group .item .fas { position:absolute; top:16px; right:20px; }
.bodydoc .product .qsearch-mb .group .item .sel { color:#909090; }
.bodydoc .product .qsearch-mb .group .group-list { padding:15px 10px 0; background-color:#fed52b; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; /*border-radius:5px 5px 0 0;*/ }
.bodydoc .product .qsearch-mb .group .group-list .group-item { margin:0 8px 15px; }
.bodydoc .product .qsearch-mb .group .group-list .group-item a { background-color:#ffea95; color:#6a3906; display:inline-block; padding:8px 16px; border-radius:30px; }
.bodydoc .product .qsearch-mb .group .group-list .group-item a.active { background-color:#f0831e; color:#ffffff; } 
.bodydoc .product .qsearch-mb .clear { padding:10px 20px; border-radius:30px; background-color:#ffffff; color:#5e5e5e; border:2px solid #ababab; cursor:pointer; margin:30px 15px; text-align:center; }
.bodydoc .product .qsearch-mb .bxn { background-color:#f6aa00; padding:1rem 0; border-radius:6px; }
.bodydoc .product .qsearch-mb .bxn > div { text-align:center; padding:0 15px; }
.bodydoc .product .qsearch-mb .bxn > div a { display:block; border:2px solid #fff; color:#fff; padding:10px; border-radius:30px; }
.bodydoc .product .qsearch-mb .bxn > div a.active { color:#c7161e; background-color:#fff; }

.bodydoc .product .list { margin:3rem -15px 1rem; }
.bodydoc .product .list .item { float:left; width:50%; padding:0 15px; margin-bottom:30px; text-align:center; }
.bodydoc .product .list .item a { color:#222; display:inline-block; width:100%; overflow:hidden; }
.bodydoc .product .list .item a img { transition:transform 0.2s; }
.bodydoc .product .list .item a:hover { color:#c7161e; }
.bodydoc .product .list .item a:hover img { transform:scale(1.1); }
.bodydoc .product .list .item .name { margin-top:0.5rem; }

.bodydoc .product .list .td1 { width:100%; }
.bodydoc .product .list .td2 { width:100%; }
.bodydoc .product .list .td3 { width:100%; }
.bodydoc .product .list .td1 .item { width:100%; }
.bodydoc .product .list .item .fdesc { color:#f0831e; margin-top:0.5rem; font-size:1.2rem; }
.bodydoc .product .list .td1 .item .name { margin-top:0.5rem; font-size:1.5rem; }

.bodydoc .product .list .td2 .item:nth-child(2n+1) { clear:both; }
.bodydoc .product .list .td3 .item:nth-child(2n+1) { clear:both; }
.bodydoc .product .list .clear { clear:both; }

.bodydoc .product .detail { margin:15px 0 1rem; }

.bodydoc .product .detail .pname { text-align:center; font-size:1.8rem; margin-bottom:25px; }
.bodydoc .product .detail .td1 .award { margin-top:1rem; margin-left:-5px; margin-right:-5px; margin-bottom:2rem; }
.bodydoc .product .detail .td1 .award .item { padding:0 5px; margin-bottom:10px; max-width:12.5%; }

.bodydoc .product .detail .td2 .depict { padding-bottom:30px; border-bottom:1px solid #ababab; margin-bottom:15px; margin-top:20px; }
.bodydoc .product .detail .td2 .thumb {
    display:none;
    -ms-flex-wrap: wrap; 
    flex-wrap: wrap;
    align-items:center;
    margin-right:-12px;
    margin-top:30px;  
    padding-bottom:15px;
}
.bodydoc .product .detail .td2 .thumb .item { margin-right:12px; margin-bottom:12px; overflow:hidden; cursor:pointer; }
.bodydoc .product .detail .td2 .thumb .item .img-fluid { max-width:80px; }
.bodydoc .product .detail .td2 .thumb .item img { transition:transform 0.2s; }
.bodydoc .product .detail .td2 .thumb .item:hover img { transform:scale(1.2); } 

.bodydoc .product .detail .pimg { position:relative; }
.bodydoc .product .detail .pimg .video { position:absolute; top:0; left:0; z-index:10; width:100%; height:100%; display:block; width:100%; height:100%; background:url(../images/play.png) no-repeat center center; }
.bodydoc .product .detail .jc {
    position:relative;
    overflow:hidden;
    width:100%;      
    /* background-color:#efefef; */
}
.bodydoc .product .detail .jc ul {
    width:10000em;
    position: relative;
    list-style: none;
    margin: 0;
    padding: 0;

    display: -ms-flexbox; 
    display:flex;
    align-items:center;
}

.bodydoc .product .detail .jc li {
    text-align:center; 
}
.bodydoc .product .detail .jc .arr { position:absolute; font-size:50px; z-index:20; top:50%; margin-top:-34px; cursor:pointer; color:#d77976; line-height:normal; }
.bodydoc .product .detail .jc .prev { left:0; padding:10px 15px; }
.bodydoc .product .detail .jc .next { right:0; padding:10px 15px; }

.bodydoc .product .detail .td2 .info { margin-top:15px; color:#5e5e5e; }
.bodydoc .product .detail .td2 .info .tit { padding-bottom:15px; position:relative; border-bottom:1px solid #ababab; cursor:pointer; }
.bodydoc .product .detail .td2 .info .tit .fas { position:absolute; top:5px; right:20px; }
.bodydoc .product .detail .td2 .info .tit span.fa-plus { display:inline-block; }
.bodydoc .product .detail .td2 .info .tit span.fa-minus { display:none; }
.bodydoc .product .detail .td2 .info .content { display:none; }
.bodydoc .product .detail .td2 .info .content .fld { margin-top:20px; }
.bodydoc .product .detail .td2 .info .content .fld .ftit { }
.bodydoc .product .detail .td2 .info .content .fld .ftxt { display:block; color:#f0831e; }

.bodydoc .product .detail .pdesc { margin-bottom:3rem; }
.bodydoc .product .detail .pdesc .tit { text-align:center; color:#ea6b8c; font-size:1.5rem; border-bottom:1px solid #ababab; padding-bottom:10px; position:relative; cursor:pointer; }
.bodydoc .product .detail .pdesc .tit span.icon { font-size:1rem; vertical-align:3px; }
.bodydoc .product .detail .pdesc .tit span.sw { position:absolute; right:20px; top:8px; } 
.bodydoc .product .detail .pdesc .tit span.fa-plus { display:none; }
.bodydoc .product .detail .pdesc .tit span.fa-minus { display:inline-block; }
.bodydoc .product .detail .pdesc .content { margin:2rem 0; }
.bodydoc .product .detail .pdesc .content img { max-width:100%; height:auto !important; }
.bodydoc .product .detail .pdesc .content table { max-width:100%; }

.bodydoc .product .detail .link_area { text-align:center; color:#5e5e5e; margin:50px 0 30px; }
.bodydoc .product .detail .link_area .col-12 { margin-bottom:30px; }
.bodydoc .product .detail .link_area span.tit { display:inline-block; color:#ababab; }
.bodydoc .product .detail .link_area span.share { display:inline-block; margin-left:15px; line-height:40px; }
.bodydoc .product .detail .link_area span.link:hover { cursor:pointer; color:#000000; } 
.bodydoc .product .detail .link_area span.buy { display:inline-block; margin-left:15px; color:#c7161e; }
.bodydoc .product .detail .link_area span.buy a { color:#ffffff; background-color:#f0831e; display:inline-block; border:2px solid #f0831e; border-radius:30px; padding:6px 30px; }
.bodydoc .product .detail .link_area span.buy a:hover { color:#f0831e; background-color:#ffffff; }

.bodydoc .product .detail .back { text-align:center; margin-bottom:30px; }

#jc-pagination { text-align:center; margin:15px 0 30px; }
#jc-pagination a {
	display: inline-block;
    width:16px;
	height:16px;
	overflow:hidden;
	text-indent:-9999px;
    margin: 5px 5px;
	background:#fff;
    border:2px solid #ababab;
	border-radius:8px;
}
#jc-pagination a.now { background-color:#ababab; }

.bodydoc .report { margin:3rem 0 1rem; }
.bodydoc .report .list .item { margin:0.75rem 0; }
.bodydoc .report .list .item .date { color:#c7161e; padding-right:3rem; margin-bottom:0.5rem; }
.bodydoc .report .list .item a { color:#202020; }
.bodydoc .report .list .item a:hover { color:#c7161e; }

.bodydoc .report .detail { text-align:center; }
.bodydoc .report .detail .subject { font-weight:bold; font-size:1.2rem; margin-bottom:1rem; }
.bodydoc .report .detail .date { color:#c7161e; margin-bottom:0.5rem; }
.bodydoc .report .detail .desc { text-align:left; margin:1rem 0; }
.bodydoc .report .detail .desc img { max-width:100%; height:auto !important; }
.bodydoc .report .detail .desc table { max-width:100%; }
.bodydoc .report .detail .back { margin:1.5rem 0 2rem; }

.bodydoc .news { margin:3rem 0 1rem; }
.bodydoc .news .list .item { margin:0.75rem 0; }
.bodydoc .news .list .item .date { color:#c7161e; padding-right:3rem; margin-bottom:0.5rem; }
.bodydoc .news .list .item a { color:#202020; }
.bodydoc .news .list .item a:hover { color:#c7161e; }

.bodydoc .news .detail { text-align:center; }
.bodydoc .news .detail .subject { font-weight:bold; font-size:1.2rem; margin-bottom:1rem; }
.bodydoc .news .detail .date { color:#c7161e; margin-bottom:0.5rem; }
.bodydoc .news .detail .desc { text-align:left; margin:1rem 0; }
.bodydoc .news .detail .desc img { max-width:100%; height:auto !important; }
.bodydoc .news .detail .desc table { max-width:100%; }
.bodydoc .news .detail .back { margin:1.5rem 0 2rem; }

.bodydoc .quantity .list { margin:3rem 0 1rem; }
.bodydoc .quantity .list .item { display:block; border:2px solid #ababab; min-height:150px; text-align:center; padding:20px; margin-bottom:30px; }
.bodydoc .quantity .list .item .subject { color:#000; font-size:1.2rem; margin-bottom:1.2rem; }
.bodydoc .quantity .list .item .go { color:#f6aa00; }
.bodydoc .quantity .list .item:hover .go { color:#c7161e; } 

.bodydoc .quantity .intro { margin:3rem 0 1rem; }
.bodydoc .quantity .intro .subject { text-align:center; margin-bottom:15px; font-size:1.2rem; }
.bodydoc .quantity .intro .desc { padding:2rem 2rem; }
.bodydoc .quantity .intro .desc img { max-width:100%; height:auto !important; }
.bodydoc .quantity .intro .desc table { max-width:100%; }
.bodydoc .quantity .intro .start { margin-top:1rem; margin-bottom:3rem; }
.bodydoc .quantity .intro .start .tit { color:#ea6b8c; font-size:1.5rem; text-align:center; margin-bottom:20px; }
.bodydoc .quantity .intro .start .form { border:2px solid #ababab; padding:40px 0 10px; }
.bodydoc .quantity .intro .start .form input.text {  border-radius:1.5rem; background-color:#f1f1f1; border:0 none; display:inline-block; width:auto; }
.bodydoc .quantity .intro .start .form .btn-2 { margin-left:1rem; }
.bodydoc .quantity .intro .start .form .item { margin-bottom:30px; text-align:center; }
.bodydoc .quantity .intro .start .form .item .rq { color:#c7161e; }

.bodydoc .quantity .exam .subject { text-align:center; font-size:1.2rem; margin:15px; }
.bodydoc .quantity .exam .bdr { border:1px solid #ababab; margin-bottom:3rem; }
.bodydoc .quantity .exam .bdr .notice { padding:10px 15px; border-bottom:1px solid #ababab; }
.bodydoc .quantity .exam .bdr .notice img { max-width:100%; height:auto !important; }

.bodydoc .quantity .exam .bdr .it0 { background-color:#faf3e6; }
.bodydoc .quantity .exam .bdr .num,
.bodydoc .quantity .exam .bdr .age { text-align:center; }
.bodydoc .quantity .exam .bdr .head { padding:10px 0; } 
.bodydoc .quantity .exam .bdr .item { padding:10px 0; }
.bodydoc .quantity .exam .bdr .td { padding:0 5px; }
.bodydoc .quantity .exam .bdr label.y { margin-right:2.5rem; } 
.bodydoc .quantity .exam .bdr .bxn { text-align:center; padding:2rem 0; }

.bodydoc .quantity .result { margin:3rem 0 3rem; }
.bodydoc .quantity .result .tit { text-align:center; color:#ea6b8c; font-size:1.4rem; padding:10px 10px; margin-top:1rem; }
.bodydoc .quantity .result .desc { padding:2rem 1.5rem; font-size:1.1rem; color:#5e5e5e; }
.bodydoc .quantity .result .desc img { max-width:100%; height:auto !important; }
.bodydoc .quantity .result .desc table { max-width:100%; }
.bodydoc .quantity .result .plist { margin:2rem -15px 0; } 
.bodydoc .quantity .result .plist .item { float:left; width:50%; padding:0 15px; margin-bottom:30px; text-align:center; }
.bodydoc .quantity .result .plist .item a { color:#222; }
.bodydoc .quantity .result .plist .item a:hover { color:#c7161e; }
.bodydoc .quantity .result .plist .item .name { margin-top:0.75rem; }


.bodydoc .contact { margin:3rem 0 3rem; }
.bodydoc .contact .welcome { color:#5e5e5e; }
.bodydoc .contact .info { margin:2.5rem 0; border:2px solid #c6c6c6; padding:20px; }
.bodydoc .contact .info .row .td1 { border-right:0 none; border-bottom:1px solid #c6c6c6; padding-bottom:20px; padding-right:0; }
.bodydoc .contact .info .row .td2 { padding-top:20px; padding-left:0px; }
.bodydoc .contact .info .row .tel { padding-left:30px; background:url(../images/body_icon_tel.gif) no-repeat 0 3px/20px; }
.bodydoc .contact .info .row .line { padding-left:30px; background:url(../images/body_icon_line.gif) no-repeat 0 3px/20px; }
.bodydoc .contact .info .row .c2 { color:#f0831e; }


.bodydoc .contact .cform .form-group { margin-bottom:1.8rem; }
.bodydoc .contact .cform .form-group label { color:#cb262d; }
.bodydoc .contact .cform .form-group span.rq { color:#000; }
.bodydoc .contact .cform .form-group .form-control { border-radius:1.5rem; background-color:#f1f1f1; border:0 none; }
.bodydoc .contact .cform .form-group textarea { padding:1rem; min-height:150px; }

.bodydoc .contact .cform select {
    -webkit-appearance:none;
    -moz-appearance:none;
    appearance:none;
}
.bodydoc .contact .cform select { cursor:pointer; 
    background-image: url("data:image/svg+xml;charset=UTF-8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%3E%3Ctitle%3Edown-arrow%3C%2Ftitle%3E%3Cg%20fill%3D%22%23808080%22%3E%3Cpath%20d%3D%22M10.293%2C3.293%2C6%2C7.586%2C1.707%2C3.293A1%2C1%2C0%2C0%2C0%2C.293%2C4.707l5%2C5a1%2C1%2C0%2C0%2C0%2C1.414%2C0l5-5a1%2C1%2C0%2C1%2C0-1.414-1.414Z%22%20fill%3D%22%23808080%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E");
    background-size: 0.8rem;
    background-position: calc(100% - 0.8rem) center;
    background-repeat: no-repeat;
}
.bodydoc .contact .cform select::-ms-expand { display:none; }


@keyframes rotate-fas {
    to { transform: rotate(90deg); }
}
.rotate-fas {
    animation-name: rotate-fas;
    animation-duration: 0.3s;
    animation-timing-function: linear;
}
 
.footer .foot1_area .col1 { 
    background-color:#f6aa00; 
    color:#fff; 
    padding-top:1.5rem; 
    padding-bottom:1.5rem; 
    text-align:center; 
}
.footer .foot1_area .col1 .bdr { background-color:#fff; padding:10px 1.2rem; border-radius:22px; white-space:nowrap; margin:0.5rem auto 1rem; }
.footer .foot1_area .col1 .bdr .fas { color:#f6aa00; }
.footer .foot1_area .col1 .bdr input.txt { border:0 none; padding:0; width:92%; }

.footer .foot1_area .col1 .bxn { border:2px solid #fff; background-color:#f6aa00; color:#fff; padding:8px 0; border-radius:22px; text-align:center; display:block; width:100%; margin:0 auto; cursor:pointer; }

.footer .foot1_area .col2 { background-color:#f0831e; padding-top:1.5rem; padding-bottom:1.5rem; text-align:center; }
.footer .foot1_area .col2 .bxn  { border:2px solid #fff; background-color:#f0831e; color:#fff; padding:8px 0; border-radius:22px; text-align:center; display:inline-block; width:100%; cursor:pointer; }

 
.footer .foot_bg2 { background-color:#fed52b; }
.footer .foot_bg2 .container { padding-top:50px; /* background-color:#dec51b; */}

.footer .foot2_area .col-12 { padding:0 25px; }
.footer .foot2_area .td1 { margin-bottom:3rem; }
.footer .foot2_area .td1 .webname { color:#c7161e; margin-bottom:2rem; }
.footer .foot2_area .td1 .webname strong { font-size:1.5rem; font-weight:normal; }
.footer .foot2_area .td1 .icon span { display:inline-block; margin-bottom:10px; }
.footer .foot2_area .td1 .tit { color:#c7161e; margin-bottom:0.6rem; font-size:1.2rem; }

.footer .foot2_area .td2 { margin-bottom:3rem; }
.footer .foot2_area .td2 .item { margin-bottom:0.75rem; padding-left:30px; color:#69665b; }
.footer .foot2_area .td2 .item .note { color:#f0831e; }
.footer .foot2_area .td2 div.addr { background:url(../images/foot_icon_addr.gif) no-repeat 0 2px/20px; }
.footer .foot2_area .td2 div.tel { background:url(../images/foot_icon_tel.gif) no-repeat 0 2px/20px; }
.footer .foot2_area .td2 div.fax { background:url(../images/foot_icon_fax.gif) no-repeat 0 2px/20px; }
.footer .foot2_area .td2 div.line { background:url(../images/foot_icon_line.gif) no-repeat 0 2px/20px; }
.footer .foot2_area .td2 div.telegram { background:url(../images/foot_icon_telegram.gif) no-repeat 0 2px/20px; }

.footer .foot2_area .td3 { color:#c7161e; margin-bottom:3rem; }
.footer .foot2_area .td3 .item { margin-bottom:0.75rem; }
.footer .foot2_area .td3 a { color:#c7161e; }
.footer .foot2_area .td3 a:hover { color:#ff0000; }

.footer .foot_bg3 { margin:1rem 0 2rem; color:#5e5e5e; font-size:15px; }
.footer .foot_bg3 a { color:#5e5e5e; }
.footer .foot_bg3 a:hover { color:#c7161e; }
.footer .foot_bg3 span.link { display:inline-block; }
.footer .foot_bg3 .td1 { margin-bottom:2rem; }
.footer .foot_bg3 .td2 { text-align:center; }
.footer .foot_bg3 .td3 { text-align:center; margin-top:1rem; }
  
.cookie_notice_o { position:fixed; bottom:0; left:0; width:100%; background-color:#fed52b; box-shadow:0 6px 10px 3px rgb(100,100,100); }
.cookie_notice { padding:20px 15px; }
.cookie_notice .brief { }
.cookie_notice .brief a { text-decoration:underline; color:#c7161e; }
.cookie_notice .btnok { }
.cookie_notice .btnok a { display:inline-block; background-color:#fff; color:#c7161e; border-radius:5px; padding:10px 15px; }
  
  
.ui-dialog { min-width:250px; }
.ui-widget-overlay {
	background: #000000;
	opacity: .3;
	filter: Alpha(Opacity=30); /* support: IE8 */
}
button.ui-button { outline:0 none; }

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

.video-container-4by3 {
	position: relative;
	padding-bottom: 75%;
	padding-top: 0px;
	height: 0;
	overflow: hidden;
}

.video-container-4by3 iframe, .video-container object, .video-container embed {
	position: absolute;
	top: 0;left: 0;
	width: 100%;
	height: 100%;
}

@media (max-width: 1199.98px) {
}

@media (max-width: 991.98px) {
    .footer .foot_bg1 .container { max-width:none; }
}

@media (max-width: 767.98px) {
    nav.topnav .navbar-brand img.logo { width:120px; }
    /*nav.topnav .menu2 .nav-item a.item { padding:1rem 1rem 1rem; }*/
    .menu2_area .search { padding-top:30px; }
    .menu2_area .search .item { padding:5px 15px; }
}

@media (max-width: 575.98px) {
    nav.topnav .navbar-brand img.logo { width:110px; }
    nav.topnav .menu2 { margin-right:0.3rem; }
    nav.topnav .menu2 .nav-item a.item { padding:10px 1rem 0; min-width:56px; }
    nav.topnav .menu2 .nav-item .t1 { display:none; }
    .bodydoc .product .detail .pimg .video { background-size:30%; } 

    #back2top img { width:42px; }

    .bodydoc .home_a1 .mnews { width:100%; padding-left: 15px; padding-right:15px; }
    .bodydoc .home_a1 .mnews .more { right:15px; }
}


@media (min-width: 576px) {
    nav.topnav .menu2 .nav-item a.item { min-width:96px; }
    .menu2_area .lang .item a { max-width:350px; }

    #jc-pagination a {
    	display: inline-block;
        width:20px;
    	height:20px;
    	overflow:hidden;
    	text-indent:-9999px;
        margin: 5px 10px;
    	background:#fff;
        border:2px solid #ababab;
    	border-radius:10px;
    }

    .bodydoc .contact .cform .row .bxn { max-width:380px; }
    
    .footer .foot1_area .col1_ii { max-width:510px; margin:0 auto; }
    .footer .foot1_area .col2_ii { max-width:510px; margin:0 auto; }
}

@media (min-width: 768px) {
    nav.topnav .navbar-brand { padding:10px 20px 0; }
    nav.topnav .menu1 a.item { height:110px; }
    nav.topnav .menu1 .nav-item a.item { padding:6px 4px; width:50px; padding-top:30px; }
    nav.topnav .menu2 .nav-item { height:110px; }  
    nav.topnav .menu2 .nav-item a.item { padding-top:20px; }
    nav.topnav .menu2 .nav-item a.item:hover { color:#c7161e; background-color:#fed52b; }

    .menu2_area { padding:20px; }
    .menu2_area .container .wrapper { padding:50px 0; }
    .menu2_area .menu { max-width:90%; margin:0 auto; }
    .menu2_area .search .item { max-width:500px; }

    .bodydoc .home_a2 .more { }
    .bodydoc .home_a3 { margin-bottom:3rem; }
    .bodydoc .home_a4 .td1 .td1_ii > .line { margin:1rem 0 3rem; }
    .bodydoc .home_a4 .td1 .content p { margin-bottom:2rem; font-size:1.1rem; }
    .bodydoc .home_a4 .td1 .more { margin-bottom:2rem; } 

    .bodydoc .html { padding:2rem; }
    .bodydoc .report .list .item .date { margin-bottom:0; }

    .bodydoc .product .list .item { width:25%; }
    .bodydoc .product .list .td1 { width:50%; float:left; }
    .bodydoc .product .list .td2 { width:50%; float:left; }
    .bodydoc .product .list .td3 { clear:both; }
    
    .bodydoc .product .list .td2 .item { width:50%; }
    .bodydoc .product .list .td3 .item:nth-child(2n+1) { clear:none; }
    .bodydoc .product .list .td3 .item:nth-child(4n+1) { clear:both; }

    .bodydoc .quantity .result .plist .item { width:25%; }

    .bodydoc .contact .info .row .td1 { border-right:1px solid #c6c6c6; border-bottom:0 none; padding-right:30px; padding-bottom:0; }
    .bodydoc .contact .info .row .td2 { padding-left:30px; padding-top:0; }

    .footer .foot1_area .col1_ii { max-width:690px; margin:0 auto; }
    .footer .foot1_area .col2_ii { max-width:690px; margin:0 auto; }
}

@media (min-width: 992px) {
    nav.topnav .menu1 .nav-item { font-size:1.1rem; }
    nav.topnav .menu1 .nav-item a.item { padding:10px 14px; width:76px; padding-top:30px; } 
    .menu2_area .menu { max-width:80%; margin:0 auto; }
    
    .bodydoc .home_a2 .more { }
    .bodydoc .home_a4 .td1 { padding-left:30px; padding-right:30px; }
    
    .bodydoc .html { min-height:300px; font-size:1.2rem; }
    .bodydoc .report .detail .desc { font-size:1.2rem; }
    .bodydoc .news .detail .desc { font-size:1.2rem; }
    .bodydoc .product .detail .pdesc .content { font-size:1.2rem; }
    
    .bodydoc .product .detail { margin:30px 0 1rem; }
    .bodydoc .product .detail .pname { margin-bottom:50px; }

    /* .bodydoc .product .detail .jc .arr { display:none; } */
    .bodydoc .product .detail .td2 .thumb {
        display: -ms-flexbox; 
        display:flex;
    }
    .bodydoc .product .detail .td2 .info .tit span.fa-plus { display:none; }
    .bodydoc .product .detail .td2 .info .tit span.fa-minus { display:inline-block; }
    .bodydoc .product .detail .td2 .info .content { display:block; }
    .bodydoc .product #jc-pagination { display:none; } 

    .footer .foot_bg1 { background:url(../images/foot_bg1.gif) repeat center top; }
    .footer .foot_bg1 .container { background:url(../images/foot_bg2.gif) repeat center top; }
    .footer .foot1_area .col1 { padding-right:2%; }
    .footer .foot1_area .col2 { padding-left:2%; text-align:left; }

    .footer .foot1_area .col1_ii { max-width:none; margin:0 auto; }
    .footer .foot1_area .col2_ii { max-width:none; margin:0 auto; }

    .footer .foot1_area .col1 .bdr { margin:0; }
    .footer .foot1_area .col1 .bxn { width:150px; margin:0; }
    .footer .foot1_area .col2 .bxn { width:150px; }
    
    .footer .foot2_area .td1 .webname strong { display:block; }
    .footer .foot2_area .td2 { padding-left:30px; padding-right:30px; }

    .footer .foot_bg3 .td1 { margin-bottom:0; }
    .footer .foot_bg3 .td2 { text-align:right; }
    .footer .foot_bg3 .td3 { text-align:right; margin-top:0; }
}

@media (min-width: 1200px) {
    nav.topnav .menu1 .nav-item a.item { padding:10px 14px; width:auto; padding-top:30px; } 
    .menu2_area .menu { max-width:70%; margin:0 auto; }

    .bodydoc .home_a1 .mnews { width:540px; margin:1rem auto; position:relative; }
    .bodydoc .home_a1 .mnews .tit { font-size:1.5rem; }

    .bodydoc .home_a1 .mnews .line { margin:1rem 0; width:90px; }
    .bodydoc .home_a1 .mnews .list { font-size:1.1rem; }
    
    .footer .foot1_area .col1 { padding-right:3%; }
    .footer .foot1_area .col2 { padding-left:3%; }
    .footer .foot2_area .td1 .webname strong { display:inline; }
}

@media (min-width: 1400px) {
    .navbar-expand-xl2 {
    	-ms-flex-flow: row nowrap;
    	flex-flow: row nowrap;
    	-ms-flex-pack: start;
    	justify-content: flex-start;
    }
    .navbar-expand-xl2 .navbar-collapse {
    	display: -ms-flexbox !important;
    	display: flex !important;
    	-ms-flex-preferred-size: auto;
    	flex-basis: auto;
    }
    
    .navbar-expand-xl2 .navbar-nav {
    	-ms-flex-direction: row;
    	flex-direction: row;
    }    
}