@charset "UTF-8";
/* CSS Document */


* {margin:0px; padding:0px;}

@font-face {
	font-family: 'Daniela';
	src:url('../images/fonts/Daniela_Bold.woff') format("woff"),
		url('../images/fonts/Daniela_Bold.ttf') format("truetype"),
		url('../images/fonts/Daniela_Bold.eot') format("embedded-opentype");
}

@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300;400;500&display=swap');

body, html {position:relative; font-size:16px; font-family:'Noto Sans TC','微軟正黑體','Microsoft Jhenghei',sans-serif; font-weight:300; overflow-x:hidden; background:#e2e1e3;}
a, input, button {text-decoration:none; outline:none !important;}
a:hover, a:focus, a:active {text-decoration:none; cursor:pointer !important; outline:none !important;}
ul, li {list-style:none;}

#wrapper_inx {display:block; width:100%; max-width:1000px; margin:auto; position:relative;}


#idx_head {display:block; width:100%; max-width:1000px; height:auto; margin:auto;}
#idx_head p {font-size:13px; background:#444; color:white; text-align:center; line-height:25px;}

.hd_slogan {position:relative; width:100%; height:auto; padding:50px 0px;}
.hd_slogan img {display:block; width:70%; max-width:400px; height:auto; margin:auto;}

.idx_slide, .un_slide {position:relative; width:100%;}
.idx_slide img, .un_slide img {width:100%; height:auto;}
.un_slide {border-bottom:1px solid white;}

.pd_class {font-size:20px; margin:20px;}

.pd_list {position:relative; width:100%; background:white;}

.pd_list ul li {display:inline-block; width:33.3%; box-sizing:border-box; vertical-align:top; border-top: 2px solid #e2e1e3; margin:-2px -0.4% 2px 0px;}
.pd_list ul li a {display:block; position:relative; padding:10px 20px 10px 40px; color:#231815; font-weight:400; font-size:14px;}
.pd_list ul li a::before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: -5px 0 0 0;
    padding: 0;
    border: 2px solid;
    border-color: #444444 #444444 transparent transparent;
    transform: rotate(45deg);
}
.pd_list ul li a dl {
    display: flex;
    flex-direction: row-reverse;
    flex-wrap: nowrap;
    align-items: center;
    margin: 0;
    padding: 0;
}
.pd_list ul li a dt {
    width: 25%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}
.pd_list ul li a dt img {
    width: 100%;
    vertical-align: bottom;
}
.pd_list ul li a dd {
    display: block;
    position: relative;
    width: 75%;
    padding: 0 20px 0 0;
    box-sizing: border-box;
    color:#231815; font-weight:400;
}

.pd_list ul li.hasChild a {padding:20px 20px 20px 40px; color:#231815; font-weight:400;}
.pd_list ul li.hasChild a::before {transform: rotate(135deg);}
.pd_list ul li.hasChild ul {width:100%; position:relative;}
.pd_list ul li.hasChild li {width:100%; border-top:0px;}
.pd_list ul li.hasChild li > a {padding:10px 20px 10px 60px;}
.pd_list ul li.hasChild li > a::before {left:35px; transform: rotate(45deg);}


/*.pd_list a {display:block; background:white; margin-bottom:2px; position:relative;}
.pd_list a p {display:inline-block; vertical-align:middle; width:75%; max-width:545px; margin-left:20px; box-sizing:border-box; padding:10px 20px; font-size:16px; color:#231815; font-weight:400;}
.pd_list a p::before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: -5px 0 0 0;
    padding: 0;
    border: 2px solid;
    border-color: #444444 #444444 transparent transparent;
    transform: rotate(45deg);
}
.pd_list a p span {display:block; color:#cc0000;}
.pd_list a img {display:inline-block; vertical-align:middle; width:25%; max-width:182px; height:auto;}

.pd_list_secclass {display:block; width:100%; box-sizing:border-box; position:relative; background:white; padding:20px 20px 20px 40px; font-size:16px; color:#231815; font-weight:400;}
.pd_list_secclass::before {
    content: "";
    display: block;
    position: absolute;
    left: 20px;
    top: 50%;
    width: 6px;
    height: 6px;
    margin: -5px 0 0 0;
    padding: 0;
    border: 2px solid;
    border-color: #444444 #444444 transparent transparent;
    transform: rotate(135deg);
}
.pd_list a p.sec_lt {padding:10px 20px 10px 40px;}
.pd_list a p.sec_lt::before {left:40px;}
.pd_list a.sec_bt {margin-bottom:0px;}*/


.allProducts {
    margin: 30px 0;
}
.allProducts a {
    display: block;
    position: relative;
    margin: 0;
    padding: 10px 30px;
    text-align: center;
    font-size: 16px;
    font-weight: 400;
    color:#444;
    background-color: #ffffff;
}
.allProducts a:hover {cursor:pointer;}
.allProducts a img {
    width: 20px;
    height: auto;
    vertical-align: middle;
    margin-right: 0.5em;
}

.news {position:relative;}
.news img {width:100%; height:auto;}

.statement {position:relative;}
.statement img {display:block; width:100%;}



@media screen and (max-width:768px) {

    .hd_slogan {padding:6% 0px;}
	
	.pd_class {margin:15px 20px;}
	/*.pd_list a p {width:65%; font-size:15px;}*/

    .pd_list ul li {width:100%;}
	
}