@charset "utf-8";
div.editor {}
div.editor, div.editor p, div.editor dl, div.editor dd, div.editor ul, div.editor li {font-size: 1rem; font-weight: 400}
div.editor table {width: 100% !important}
div.editor ul li {list-style: disc}
div.editor ol li {list-style: decimal}
div.editor img {padding-top: 1rem; padding-bottom: 1rem}

div.back {text-align: center}
div.back>a {
    background: #D93932;
    color: #fff;
    font-size: 1rem;
    border-radius: .2rem;
    padding: .25rem 1rem;
}
div.back>a:hover {background: #822725;}



/*pagination*/
a.page-link {padding: .5rem .75rem}
li.page-item:first-of-type>a.page-link,
li.page-item:last-of-type>a.page-link {padding: .5rem}

/*title*/

/*title with line*/

div.titleLine {
    background: url(../images/bg-title.gif) left 50% repeat-x;
    text-align: center;
}
div.titleLine>div {
    background: #fff;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
div.titleLine>div>h1 {
    font-size: 2rem;
    color: #014a7f;
    margin-bottom: 0;
}
div.titleLine>div>p {
    font-size: 1.5rem;
    color: #221e1f;
    margin-bottom: 0;
}

/*title without line*/
div.titleBLine {border-bottom: 1px dashed #ddd;}
div.titleBLine span {color:#ff7224}
div.title {
    color:#212121;
    text-align:left;
}
div.title>h2>span {
    color: #ff7364;
    padding-left: 0.5rem;
    font-size: 1.2rem;
}
div.title>h2>img{width:35px !important;padding-right: 5px;padding-bottom: 5px}
div.Wtitle{ color:#fff;}



/*item title*/
div.pTitle>h2>span {
    background: #ff7364;
    color: #fff;
    padding: .2rem 1rem .1rem 1rem;
    font-size: 1.2rem;
}
div.pTitle>h2 {
    border-bottom: 1px solid #ff7364;
}

/*news*/
    dl.List, dl.listImg, dl.listCube, div.listPic {margin-bottom: 0;}
/*	dl.News>dd {margin-bottom: 2rem;}*/
	dl.News>dd>figure {
		background: #fff;
		border: 1px solid #ccc;
	}
	dl.News>dd>figure>p {overflow: hidden;}
	dl.News>dd>figure>p>img {
		transition: all 1s ease-out;
	}
    dl.News span{color:#ff3a1e}
	dl.News>dd>figure:hover>p>img {
		transform: scale(1.2,1.2);
	}
	dl.News>dd>figure>figcaption {padding: .75rem 1rem;}
	dl.News>dd>figure>figcaption>h4 {
		font-size: 1.5rem;
		font-weight: 400;
	}
	dl.News>dd>figure>figcaption>p {
		/*單行文字限制*/
		overflow:hidden;
		text-overflow : ellipsis;
		white-space : nowrap;
		margin-bottom: 0;
	}
	dl.News>dd>figure:hover>figcaption>h4 {color: #ff321d;}

/*list*/
dl.List, dl.listImg, dl.listCube, div.listPic {margin-bottom: 0;}
/*一般列表*/
dl.List>dd {
    border-bottom: 1px dashed #ccc;
    margin-bottom: 1.25rem;
    padding-bottom: 1.25rem;
}
dl.List>dd>span {color: #ff321d;}
dl.List>dd:last-of-type {border-bottom: none;}
dl.List>dd>p {
    font-size: 1.1rem;
    color: #000;
    margin-bottom: 0;
    /*單行文字限制*/
    overflow:hidden;
    text-overflow : ellipsis;
    white-space : nowrap;
}
dl.List>dd>p>a {
    font-size: 1.15rem;
    font-weight: 500;
}
/*購物車*/
dl.cartStep>dd.active {
    border-top-color: #ff7364;
    font-weight: 600;
    color: #ff7364;
}
dl.cartStep>dd {
    border-top: 4px solid #ccc;
    text-align: center;
    padding: .5rem;
}
.btnCart{text-align: right}
div.checkdone>p {
    text-align: center;
}
div.orderInfo {
    border: 1px solid #ddd;
    padding: 1rem;
}


/*product detail*/
.nav-pills {border-bottom: 1px solid #ff321d}
.nav-pills .nav-link {
    background: #ccc;
    border-radius: 0;
    color: #7c7c7c;
    padding: .5rem 1.75rem .25rem
}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {
    background: #ff321d;
}

/*下載區*/
dd.Download>p::before{content: "\f56d";
    font-weight: 900;
    margin-left: .25rem;
    padding-right: .5rem;
    color: #D93932;}
dd.Download button{
    border-radius: .2rem;
    background: #D93932;
    border: 1px solid #D93932;
    font-size: 1rem;
    color: #fff;
    padding: .2rem 1rem;}


/*商品專區*/
div.item, div.prods {
    border: 1px solid #ccc;
    border-radius: .25rem;
    text-align: center;
    padding: .75rem;
}
div.item>figure, div.prods>figure {
    width: 100%;
    height: 250px;
    }
div.item>figure>img, div.prods>figure>img {width: initial !important; max-height: 250px; display: initial !important}
div.prodInfo {text-align: left}
div.prodInfo>h4 {font-size: 1.2rem; font-weight: 500; margin-bottom: 0}
div.prodInfo>h5 {font-size: 1rem; font-weight: 500; margin-bottom: 0}
div.prodInfo>p {margin-bottom: 0}
div.prodInfo>p:nth-of-type(1) {color: #f00}

.selectors>a{width:20%}

.prodIntro span{font-size: 1.1rem;
    color: #808080;
    margin-bottom: 1.5rem;
    padding-left: .5rem;
    border-left: #808080 5px solid;}
.prodIntro dd.price {color:red;font-size: 1.2rem}
.prodName{border-bottom: #ccc 1px solid}

/*aside nav*/
nav.sideNav {margin-bottom: 1.5rem;}
nav.sideNav button.navbar-toggler {width:100%; border: 1px solid #ff7224  !important; padding-top: .75rem; padding-bottom: .75rem;}
nav.sideNav button.navbar-toggler:hover {background: none; border-color: #ff7224  !important}
nav.sideNav button.navbar-toggler>i {color: #ff7224 }
nav.sideNav button.navbar-toggler>i::before,
nav.sideNav button.navbar-toggler>i::after {margin: 0}
nav.sideNav button.navbar-toggler:hover>i {color: #ffba97 }
.navbar-light ul.sideNav {
    width: 100%;
    background: #ddd;
    flex-direction: column !important;
}
.navbar-light ul.sideNav .nav-item {
    text-align: left;
    border-bottom: 1px #fff solid;
    padding: 0
}
.navbar-light ul.sideNav .nav-item .nav-link {
    border-bottom: none;
    font-size: 1.15rem;
    color: #221e1f;
    letter-spacing: 0;
    padding: 1rem;
}
.navbar-light ul.sideNav .nav-item .nav-link:hover,
.navbar-light ul.sideNav .nav-item[active] .nav-link {background: #822725 !important;
    border-bottom: none;
    color: #fff;
}
.nav-item>a{
    text-align: left !important;
}

.navbar-light ul.sideNav .nav-item02 {
    background: #D93932;
    text-align: left;
    border-bottom: 1px #fff solid;
    padding: 0
}
.navbar-light ul.sideNav .nav-item02 .nav-link {
     text-align: left !important;
    border-bottom: none;
    font-size: 1.15rem;
    color: #fff;
    letter-spacing: 0;
    padding: 1rem;
}
.navbar-light ul.sideNav .nav-item02 .nav-link:hover,
.navbar-light ul.sideNav .nav-item02[active] .nav-link {background: #D93932 !important;
    border-bottom: none;
    color: #fff;
}
.nav-item02>a:before{content: "\f054";
    font-weight: 900;
    margin-left: .25rem;
    padding-right: .5rem;
    color: #fff;}

/*contact*/
div.contactIntro {text-align: center; margin-bottom: 3rem;}
dl.contact sup{color:red}
/*addInf icon*/
dl.addContact>dd>span{color:#0099e5}

/*驗證碼*/
dd.Code>img{height: 45px !important;width: auto !important}


/*map*/
div.map>iframe {width: 100%; height: 40vh !important;}