@charset "utf-8";
/* CSS Document */
/*default page set for田尾玫瑰園*/

#container{display:flex; width:100%; justify-content: center; flex-direction: column;}
#container .pgwid{display:flex; flex-wrap: wrap; max-width:1200px; width:100%; justify-content: space-between;}
/*.centerblk{width:calc(100% - 500px); order:2;}
.leftblk{width:225px; order:1;}
.rightblk{width:225px; order:3;}*/
#footerTs{width:100%; order:4; background:rgba(100,100,100,1); color:#fff;}
#footerTs .page *{margin:0;}
#footerTs a{color:#fff;}
#footerTs .websitename, #footerTs .company{color:#fff;}
#footerTs .BottomList{padding:0 10px; display:flex; flex-wrap:wrap; align-content: flex-start;}
#footerTs .BottomList a{width:33%; display:block; padding:.5em;}

#footerTs .copyright{padding-top:10px;}
@media screen and (max-width:767px){/*desktop*/
	#footerTs .BottomList{padding:10px 0;}
#footerTs .BottomList a{text-align:center;}
}
#defaultimg .page{max-width:1200px;}

.dtit{color:#993333;}
.dtit::before{background:none;}
.dtit::after{content:""; width:100%; height:4px; background:linear-gradient(90deg,rgba(153,51,51,1),rgba(153,51,51,0),rgba(153,51,51,0),rgba(153,51,51,1)); display: block; position:absolute; bottom:auto; top:50%; left:50%; transform:translateX(-50%);}

.Df326{padding:10px;}
.Df326 .page{background:#fff; border-radius:1em; border:3px solid #993333; padding:0; overflow: hidden;}
.Df326 .dtit{background:#993333; color:#fff; margin:0; padding:3px; font-weight:500;}
.Df326 .dtit::before,.Df326 .dtit::after{display:none;}
.Df326 .list{display:flex;}
.Df326 .list .frm{border-bottom:2px dotted #ccc;}
.Df326 .list .frm section{display:flex; flex-wrap:nowrap; width:100%; justify-content: space-between;}
.Df326 .list h3.subject{font-weight:400; font-size:14px; width:calc(100% - 7em); order:2;}

.Df893{background:#f6f4f4; padding:15px;}
.Df893 .list .frm .subject span{display:block; width:100%; background:#993333; color:#fff; text-align:center; border-radius:1em; font-size:18px; letter-spacing: 1px; padding:5px; font-weight:700;}
.Df893 .list .frm .subject{font-size:15px; color:#000; font-weight:400;}
.Df893 .list .frm:hover .subject{color:#993333;}

.Df400,.Df742{padding:40px 0;}
.Df400 .page .dhotpro{display:flex; flex-wrap:wrap;}
.Df400 .list{display:flex;}
.Df400 .list .frm,.Df742 .list .frm{ border-radius:5px; overflow: hidden; background:#fff; box-shadow:0 0 5px rgba(0,0,0,0.3); border-bottom:5px solid #993333; padding-bottom:10px !important;}
.Df400 .list .frm .subject,.Df742 .list .frm .subject{font-weight:400; color:#000; font-size:13px; text-align: center; padding:10px 10px 0 10px;}
.Df400 .list .frm .innerhtml,.Df742 .list .frm .innerhtml{text-align:center;}

.Df271 .list .frm section{text-align:center; padding:10px 5px; color:#000;}
.Df271 .list .frm .subject{font-size:15px; color:#000; font-weight:400; display:inline;}
.Df271 .list .frm .innerhtml{display:inline; width:auto; float:none; padding-left:5px;}

.Df400 .dhotpro,.Df742 .dhotpro,.Df271 .dhotpro{display:flex; flex-wrap:wrap;}
.Df400 .dhotpro .list,.Df742 .dhotpro .list,.Df271 .dhotpro .list{display:flex;}
@media screen and (max-width:1286px){/*desktop*/
	
}
@media screen and (max-width:960px){/*desktop-small pad*/
.centerblk{width:calc(100% - 360px); padding:0 5px;}
.centerblk .page{padding:0;}
.leftblk{width:180px; order:1;}
.rightblk{width:180px; order:3;}
}

.Df893 .list .frm .subject span{font-size:16px;}
.Df893 .list .frm .subject{font-size:14px;}

@media screen and (max-width:767px){/*phone*/
.centerblk{width:100%;}
.leftblk,.rightblk{display:none;}

.Df400 .dhotpro .list .frm,.Df742 .dhotpro .list .frm,.Df271 .dhotpro .list .frm{padding-bottom:0px !important;}
.Df400 .dhotpro .list figure,.Df742 .dhotpro .list figure,.Df271 .dhotpro .list figure{width:45%;}
.Df400 .dhotpro .list section,.Df742 .dhotpro .list section,.Df271 .dhotpro .list section{width:55%;}
.Df400 .list .frm .subject,.Df742 .list .frm .subject{text-align: left;}
.Df400 .list .frm .innerhtml,.Df742 .list .frm .innerhtml{text-align: left; padding-left:10px; padding-right:10px;}
}
#bottomlink{margin-top:5px;}
#bottomlink a{display:inline-block; padding:0 5px; color:#ccc;}
/*=====================default page set end=====================*/
.product .main .list{width:calc(100% / 3);}
@media screen and (max-width:767px){/*phone*/
.product .main .list{width:100%;}
}
/*product*/
.product .page,.prodetail .page{background:#fff;}
.custpg .page{background:#fff;}
.news .main .list{width:100%; padding:0;}
.news .main .list .frm{display:flex; flex-wrap: wrap; padding:10px; border-bottom:1px dotted #ccc; cursor: pointer;}
.news .main .list .frm:hover{background:#efefef;}
.news .main .list h3.subject{width:calc(100% - 7em); padding:0; font-size:16px;}
.news .main .list .date{width:7em; margin:0; font-size:14px;}
.qa td:nth-of-type(1){font-size:20px; font-weight:700; width:30px;}
.qa a{color:#000;}
.qa .ans{font-size:16px; line-height:1.4em; font-weight:300;}
.contact .page{display:flex; flex-wrap: wrap;}
.contact .side{align-content:flex-start; width:400px;}
.contact .main{width:calc(100% - 400px);}
@media screen and (max-width:767px){/*phone*/
.contact .side{order:2; width:100%;}

}
/*A0501*/
.A0501 .main .list .frm{background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
.A0501 .main .list .innerhtml{padding-left:30px; border-top:1px solid #ccc;}