body {}
.container {}
header {}
article {}

div.color{text-align:right;font-size:90%;}

aside {}


.careitem .topcontmain{background-image:url("../product/other/careitem/img/bg.jpg");}
.careitem .topcontmain h2{position:absolute;top:100px;left:0px;width:100%;}
.careitem .topcontmain h2 img{margin-left:10%;display:block;}

.careitem .itemlist{padding:40px 0px;background-color:#DFEFC9;background-image:url(../product/other/img/cbg1.png),url(../product/other/img/cbg2.png);background-repeat:no-repeat,no-repeat;background-position:top left,bottom right;}
.careitem .itemlist h2{width:90%;max-width:1000px;margin:0px auto;font-size:120%;color:#63452D;padding:0px 0px 15px;}
.careitem .itemlist ul{width:90%;max-width:1000px;margin:0px auto 30px;}
.careitem .itemlist ul li{ min-height:630px;background:#FFF;border:1px solid #CCC;border-radius:6px;padding:10px;font-size:100%;}
.careitem .itemlist ul li img{margin:0px auto 5px;display:block; max-width:170px; width:100%;}/*width設定*/
.careitem .itemlist ul li em{display:block;margin-bottom:5px;font-size:110%;color:#D4145A;}


.other main.top .topcontmain{background-image:url(../product/other/img/bgtop.jpg);}
.other main.top .topcontmain h2{position:absolute;top:200px;left:0px;width:100%;}
.other main.top .topcontmain h2 img{margin-left:10%;display:block;}

.other main.top .category{padding:40px 0px;}
.other main.top .category h2{width:90%;max-width:1000px;margin:0px auto;font-size:120%;color:#63452D;padding:0px 0px 15px;}
.other main.top .category ul{display: flex;justify-content: center;width:90%;max-width:1000px;margin:0px auto 30px;}
.other main.top .category ul li{ background:#FFF;border:1px solid #CCC;border-radius:6px;padding:10px;font-size:100%;margin-left: 2%;}
.other main.top .category ul li img{margin:0px auto 5px;display:block; max-width:170px; width:100%;}/*width設定*/
.other main.top .category ul li img:nth-child(1) {margin-bottom: 20px;}
.other main.top .category ul li em{display:block;margin-bottom:5px;font-size:110%;color:#D4145A;}


.mask .topcontmain{background-image: url("../product/other/mask/img/bg.jpg");}
.mask .topcontmain h2{position:absolute;top: 200px;left: 0px;width: 100%;}
.mask .topcontmain h2 img{margin-left: 10%;display: block;}

.mask .itemlist{padding:40px 0px;background-color:#ffdbe2;background-image:url(../product/other/mask/img/cbg.png);background-size: cover;background-repeat:no-repeat;background-position:center;}
.mask .itemlist h2{width:90%;max-width:1000px;margin:0px auto;font-size:120%;color:#63452D;padding:0px 0px 15px;}
.mask .itemlist div {display: flex;justify-content: space-between;width: 90%;max-width: 1000px;background: #FFF;border: 1px solid #CCC;border-radius: 6px;padding: 10px;margin: 0 auto 40px;}
.mask .itemlist div p.left {display: block;width: inherit;padding-right: 20px;}
.mask .itemlist div p.left span.title {display: block;font-size: 24px;font-weight: bold;color: #a07c1d;padding: 0 0 10px 0;position: relative;}
.mask .itemlist div p.left span.cont {display: block;font-size: 16px;line-height: 28px;}
.mask .itemlist div p.left span.cont small {font-size: 12px;}
.mask .itemlist div p.right img {display: block;width: 126px;}
.mask .itemlist ul{display: flex;flex-wrap: wrap;width:90%;max-width:1000px;margin:0px auto 30px;}
.mask .itemlist ul li{ min-height:300px;background:#FFF;border:1px solid #CCC;border-radius:6px;padding:10px;font-size:14px;line-height: 24px;margin-bottom: 20px;}
.mask .itemlist ul li:nth-child(3n+1) {margin-left: 0;}
.mask .itemlist ul li img{margin:0px auto 5px;display:block; max-width:170px; width:100%;}/*width設定*/
.mask .itemlist ul li em{display:block;margin-bottom:5px;font-size:18px;color:#a07c1d;}


@media (min-width: 1000px) {

}

@media (max-width: 999px) {
.careitem .topcontmain h2{height:auto;background-size:cover;}

.other main.top .topcontmain h2{height:auto;background-size:cover;}

.mask .topcontmain h2{height:auto;background-size:cover;}
}

@media (max-width: 769px) {
.careitem .topcontmain {padding:80px 0px;}
.careitem .topcontmain h2{position:static;width:100%;height:auto;margin:0px 0px;padding:0px 0px;}
.careitem .topcontmain h2 img{display:block;hegiht:auto;width:88%;}
.careitem .itemlist ul{margin-bottom:0px;}
.careitem .itemlist ul li{margin-bottom:10px;font-size:100%;}

.other main.top .topcontmain {padding:80px 0px;}
.other main.top .topcontmain h2{position:static;width:100%;height:auto;margin:0px 0px;padding:0px 0px;}
.other main.top .topcontmain h2 img{display:block;hegiht:auto;width:88%;}
.other main.top .category ul{margin-bottom:0px;}
.other main.top .category ul li{margin-bottom:10px;font-size:100%;}

.mask .topcontmain {padding:80px 0px;}
.mask .topcontmain h2{position:static;width:100%;height:auto;margin:0px 0px;padding:0px 0px;}
.mask .topcontmain h2 img{display:block;height:auto;width:88%;max-width: 180px;}
.mask .itemlist ul{margin-bottom:0px;}
.mask .itemlist ul li{margin-bottom:10px;font-size:100%;}

}

@media (max-width: 500px) {

.mask .itemlist div {flex-wrap: wrap;}
.mask .itemlist div p.left {padding-right: 0;width: auto;}
.mask .itemlist div p.right {display: block;margin: 20px auto 0;}

}