@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+TC:wght@500;700;900&family=Cormorant+Garamond:wght@400;600&display=swap');
/* CSS Document */
/* ===================================================================
   寶聖當舖 首頁改版樣式  ( 依 寶聖當舖首頁.dc 設計稿 )
   區塊對照：
   d0 三大特色 / d8 關於我們 / d1 服務項目標題 / d7 服務項目卡片
   d2 借款四步驟 / d3 客戶評論 / d4 最新消息 / d5 聯絡我們CTA / d6 借款須知
   =================================================================== */

/*=====================共用變數 =====================*/
:root{
	--sy-ink:#1c1d21;			/* 主文字 */
	--sy-ink2:#54565d;			/* 次文字 */
	--sy-ink3:#7c7e86;			/* 淺文字 */
	--sy-gold:#c9a227;			/* 金 */
	--sy-gold-d:#b48a2a;		/* 深金 */
	--sy-gold-l:#e6cf92;		/* 淺金 */
	--sy-cream:#faf8f4;			/* 米白底 */
	--sy-cream2:#f2efe9;		/* 米灰底 */
	--sy-dark:#0c0e12;			/* 墨黑底 */
	--sy-dark2:#14171d;			/* 墨黑底2 */
	--sy-line:rgba(28,29,33,.08);
	--sy-serif:"Noto Serif TC","PingFang TC","Microsoft JhengHei",serif;
	--sy-en:"Cormorant Garamond",Georgia,serif;
	--sy-r:16px;
}
html body{color:var(--sy-ink); background:var(--sy-cream); -webkit-font-smoothing:antialiased;}

/*=====================Header區定義=====================*/
/*頂部黑色資訊條*/
#header .topbar{width:100%; float:left; background:var(--sy-dark); color:#cbb27a;
	border-bottom:1px solid rgba(201,162,39,.25); font-size:13px; letter-spacing:.04em; line-height:1.7;}
#header .topbar .page{max-width:1200px; padding:8px 20px; display:flex; flex-direction:row; flex-wrap:wrap;
	align-items:center; justify-content:space-between; gap:8px 22px;}
#header .topbar .page::after{display:none;}
#header .topbar .tbinfo{display:flex; flex-wrap:wrap; align-items:center; gap:6px 18px;}
#header .topbar .tbtel{color:var(--sy-gold-l); font-weight:700; white-space:nowrap;}
#header .topbar .tbtel:hover{color:#fff;}
body #header{ -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-bottom:1px solid var(--sy-line); box-shadow:none;}
body #header.show{ box-shadow:0 2px 14px rgba(28,29,33,.07);}
#header .page{max-width:1200px; padding:0 20px; align-items:center; position:relative;}/*position:relative 讓手機漢堡鈕定位在選單列而非整個header*/
/*logo*/
.logo{width:auto; max-width:58%;}
.logo a{display:block; height:clamp(52px,7vw,92px); width:auto; line-height:0;}
.logo a img{width:auto; height:100%; max-width:100%; object-fit:contain; mix-blend-mode:multiply;}
/*nav*/
.nav{justify-content:flex-end; align-content:center;}
.nav .syisnav{justify-content:flex-end; align-items:center; gap:0 10px; width:auto;}
.nav .syisnav li a{font-size:15px; font-weight:500; line-height:1.4em; padding:.5em .7em; letter-spacing:.02em; color:var(--sy-ink); border-radius:999px;}
.nav .syisnav li a:hover{color:var(--sy-gold-d); background:rgba(201,162,39,.08);}
.nav .syisnav li ul{border-top:2px solid var(--sy-gold); border-radius:0 0 8px 8px; overflow:hidden;}
.nav .syisnav li ul li a{font-size:14px; border-radius:0;}
/*手機版選單*/
.menu > div, .menu::before, .menu::after{background:var(--sy-ink);}
@media screen and (max-width:767px){/*phone*/
	#header .topbar{font-size:12px;}
	#header .topbar .page{height:auto; padding:6px 14px; justify-content:center; gap:4px 14px;}/*height:auto 解除樣板 #header .page{height:55px}*/
	#header .topbar .tbslogan{display:none;}
	#header .topbar .tbinfo{justify-content:center; gap:4px 14px;}
	.logo{width:auto; max-width:62%;}
	.logo a{padding:6px 0; height:clamp(44px,13vw,58px); width:auto;}
	.logo a img{width:auto; height:100%; max-width:100%;}
	.nav{background:var(--sy-cream); border-top:1px solid var(--sy-line);}
	.nav, .nav .syisnav{justify-content:center; align-content:center;}
	.nav .syisnav{gap:0;}
	.nav .syisnav li a{font-size:1rem; text-align:left; padding:.7em 0; border-bottom:1px solid rgba(28,29,33,.08); border-radius:0;}
}

/*=====================首頁大圖 =====================*/
#defaultimg{background:#eef1f3;}
#defaultimg .page{max-width:1900px;}
#defaultimg img{width:100%; height:auto; display:block;}
#defaultimg .slick-dots li button:before{color:#fff; opacity:.5;}
#defaultimg .slick-dots li.slick-active button:before{color:var(--sy-gold-l); opacity:1;}

/*=====================首頁區塊 共用 =====================*/
.d0,.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8{position:relative; padding:clamp(48px,6vw,80px) 0;}
.d0 > .page,.d1 > .page,.d2 > .page,.d3 > .page,.d4 > .page,
.d5 > .page,.d6 > .page,.d7 > .page,.d8 > .page{max-width:1200px; padding-left:20px; padding-right:20px;}
/*區塊標題*/
.d0 .dtit,.d1 .dtit,.d2 .dtit,.d3 .dtit,.d4 .dtit,.d5 .dtit,.d6 .dtit,.d7 .dtit,.d8 .dtit{
	font-family:var(--sy-serif); font-weight:700; font-size:clamp(28px,3.6vw,42px); line-height:1.35;
	letter-spacing:.02em; color:var(--sy-ink); text-align:center; margin:0 0 clamp(32px,4vw,52px);}
/*把原本的底線裝飾改成設計稿的英文小標*/
.d2 .dtit::before,.d3 .dtit::before,.d4 .dtit::before{
	position:static; display:block; width:auto; height:auto; background:none; transform:none;
	font-family:var(--sy-en); font-size:15px; font-weight:600; letter-spacing:.3em; color:var(--sy-gold);
	margin:0 0 8px;}
.d2 .dtit::before{content:"FAST & EASY";}
.d3 .dtit::before{content:"REVIEWS";}
.d4 .dtit::before{content:"NEWS";}
.d6 .dtit::before{display:none;}
/*卡片列表容器：改用 flex 讓同列卡片等高*/
#container .d0 .dhotpro,#container .d2 .dhotpro,#container .d3 .dhotpro,#container .d7 .dhotpro{display:flex; flex-wrap:wrap;}

/*=====================d0 三大特色 =====================*/
.d0{background:var(--sy-cream);}
#container .d0 .dhotpro .list{width:calc(100% / 3); padding:10px;}
#container .d0 .dhotpro .list .frm{background:#fff; border:1px solid rgba(28,29,33,.07); border-radius:var(--sy-r);
	padding:32px 28px; box-shadow:0 10px 30px rgba(28,29,33,.04); color:var(--sy-ink2);}
.d0 .list .frm:hover{transform:translateY(-4px); box-shadow:0 16px 40px rgba(28,29,33,.09);}
.d0 .list h3.subject{font-family:var(--sy-serif); font-size:22px; font-weight:700; line-height:1;
	color:var(--sy-ink); margin:0 0 12px; padding:0;}
/*若後台把序號用 <span> 包起來，會自動變成設計稿的金色數字*/
.d0 .list h3.subject span{display:block; font-family:var(--sy-en); font-size:28px; font-weight:600;
	letter-spacing:.04em; color:var(--sy-gold); margin:0 0 6px; line-height:1.2;}
.d0 .list .innerhtml{font-size:15px; line-height:1.95; color:var(--sy-ink2); padding-top:0;}

/*=====================d8 關於我們 =====================*/
.d8{background:#fff; border-top:1px solid rgba(28,29,33,.06); padding:clamp(56px,7vw,96px) 0;}
.d8 .innerhtml{display:grid; grid-template-columns:repeat(auto-fit,minmax(300px,1fr));
	gap:clamp(32px,5vw,64px); align-items:start;}
/*左欄文字*/
.d8 .innerhtml > div:first-child > div:first-child{font-family:var(--sy-en); font-size:15px; font-weight:600;
	letter-spacing:.3em; color:var(--sy-gold); text-transform:uppercase; line-height:1.6;}
.d8 .innerhtml h2{font-family:var(--sy-serif); font-size:clamp(28px,3.6vw,40px); font-weight:700;
	line-height:1.35; color:var(--sy-ink); margin:8px 0 24px;}
.d8 .innerhtml p{font-size:16px; line-height:2.1; color:var(--sy-ink2); margin:0 0 18px;}
.d8 .innerhtml > div:first-child > div:last-child{border-radius:14px; font-size:15px; line-height:1.9; margin-top:26px;}
.d8 .innerhtml strong{color:var(--sy-gold-d);}
/*右欄圖片*/
.d8 .innerhtml > div:last-child > div{border-radius:var(--sy-r); overflow:hidden;}
.d8 .innerhtml > div:last-child > div:last-child{grid-template-columns:1fr 1fr; border-radius:0; overflow:visible; border:0;}
.d8 .innerhtml > div:last-child > div:last-child > div{border-radius:var(--sy-r); overflow:hidden;}
.d8 .innerhtml img{display:block; width:100%; height:100%; object-fit:cover;}

/*=====================d1 服務項目 標題 =====================*/
.d1{background:var(--sy-dark); color:#fff; padding:clamp(56px,7vw,96px) 0 0;}
.d1 .innerhtml{text-align:center;}
.d1 .innerhtml > div:first-child{font-family:var(--sy-en); font-size:15px; font-weight:600; letter-spacing:.3em; color:var(--sy-gold);}
.d1 .innerhtml h2{font-family:var(--sy-serif); font-size:clamp(28px,3.6vw,42px); font-weight:700; color:#fff; margin:8px 0 0; line-height:1.35;}
.d1 .innerhtml p{color:rgba(255,255,255,.65); font-size:16px; line-height:1.9; margin:14px 0 0;}

/*=====================d7 服務項目 卡片 =====================*/
.d7{background:linear-gradient(180deg,var(--sy-dark),var(--sy-dark2)); color:#fff;
	padding:clamp(32px,4vw,52px) 0 clamp(56px,7vw,96px);}
#container .d7 .dhotpro .list{width:25%; padding:8px;}
#container .d7 .dhotpro .list .frm{padding:28px 24px; border-radius:var(--sy-r);
	border:1px solid rgba(230,207,146,.22); background:rgba(255,255,255,.035); color:#fff;}
.d7 .list .frm:hover{border-color:rgba(230,207,146,.7); background:rgba(230,207,146,.08);}
.d7 .list h3.subject{font-family:var(--sy-serif); font-size:21px; font-weight:700; line-height:1; color:#fff; margin:0; padding:0 0 10px;}
.d7 .list h3.subject span{display:block; font-family:var(--sy-en); font-size:14px; font-weight:600;
	letter-spacing:.22em; color:var(--sy-gold); line-height:1.4; margin:0 0 10px;}
.d7 .list h3.subject br{display:none;}
.d7 .list .innerhtml{font-size:14px; line-height:1.9; color:rgba(255,255,255,.66); padding-top:0;}
.d7 .list .more{text-align:left; margin-top:16px;}
.d7 .list .more span{font-size:0; letter-spacing:0;}
.d7 .list .more span::after{content:"了解更多 →"; font-size:13px; letter-spacing:.08em; color:var(--sy-gold-l);}
.d7 .list .frm:hover .more{color:inherit;}
.d7 .list .frm:hover .more span::after{color:#fff;}

/*=====================d2 借款四步驟 =====================*/
.d2{background:var(--sy-cream);}
#container .d2 .dhotpro .list{width:25%; padding:9px;}
#container .d2 .dhotpro .list .frm{background:#fff; border:1px solid rgba(28,29,33,.07);
	border-radius:var(--sy-r); padding:30px 26px; color:var(--sy-ink2);}
.d2 .list .frm section{justify-content: flex-start;}
.d2 .list .frm:hover{box-shadow:0 12px 30px rgba(28,29,33,.07);}
.d2 .list h3.subject{font-family:var(--sy-serif); font-size:20px; font-weight:700; line-height:.5;
	color:var(--sy-ink); margin:0 0 10px; padding:0;}
.d2 .list h3.subject span{display:flex; align-items:center; justify-content:center; width:46px; height:46px;
	border-radius:50%; background:linear-gradient(135deg,var(--sy-gold),var(--sy-gold-l)); color:#20180a;
	font-family:var(--sy-en); font-size:24px; font-weight:600; margin:0 0 16px;}
.d2 .list .innerhtml{font-size:14.5px; line-height:1.95; color:var(--sy-ink2); padding-top:0;}

/*=====================d3 客戶評論 =====================*/
.d3{background:#fff; padding:clamp(56px,7vw,90px) 0;}
#container .d3 .dhotpro .list{width:calc(100% / 3); padding:9px;}
#container .d3 .dhotpro .list .frm{background:var(--sy-cream); border:1px solid rgba(28,29,33,.06);
	border-radius:var(--sy-r); padding:30px 28px;}
.d3 .list .frm section{justify-content:flex-start;}
.d3 .list .frm section::before{content:"★★★★★"; order:0; color:var(--sy-gold); letter-spacing:.2em; font-size:15px; line-height:1.4;}
.d3 .list .innerhtml{order:1; font-size:15px; line-height:2.05; color:#3a3b41; padding:14px 0 18px; flex-grow:1;}
.d3 .list h3.subject{order:2; font-size:13.5px; font-weight:400; line-height:1.6; color:var(--sy-ink3); margin:0; padding:0;}
.d3 .list h3.subject::before{content:"— ";}

/*=====================d4 最新消息 =====================*/
.d4{background:var(--sy-cream2); padding:clamp(56px,7vw,90px) 0;}
.d4 > .page{max-width:1040px;}
#container .d4 .dhotpro .list{width:100%; padding:0;}
#container .d4 .dhotpro .list .frm{padding:20px 4px; border-bottom:1px solid var(--sy-line); color:var(--sy-ink);}
.d4 .list .frm:hover{background:var(--sy-cream);}
.d4 .list .frm section{flex-direction:row; flex-wrap:wrap; align-items:baseline; justify-content:flex-start; gap:6px 20px;}
.d4 .list .path{order:1; width:auto; flex:0 0 auto; margin:0; font-family:var(--sy-en); font-size:15px;
	font-weight:600; letter-spacing:.08em; color:var(--sy-gold); white-space:nowrap;}
.d4 .list h3.subject{order:2; flex:1 1 200px; min-width:200px; font-size:16.5px; font-weight:500;
	line-height:1.7; color:var(--sy-ink); margin:0; padding:0;}
.d4 .list .more{order:3; flex:0 0 auto; margin:0; text-align:right;}
.d4 .list .more span{font-size:0;}
.d4 .list .more span::after{content:"閱讀 →"; font-size:13px; color:#9a9ca3;}
.d4 .list .frm:hover .more{color:inherit;}
.d4 .list .frm:hover .more span::after{color:var(--sy-gold-d);}
.d4 .list .frm:hover h3.subject{color:var(--sy-gold-d);}

/*=====================d5 聯絡我們 CTA =====================*/
.d5{background:linear-gradient(150deg,var(--sy-dark),#1a1e26 60%,var(--sy-dark)); color:#fff;
	padding:clamp(56px,7vw,100px) 0; overflow:hidden;}
.d5::before{content:""; position:absolute; top:0; left:0; width:100%; height:100%; pointer-events:none;
	background:radial-gradient(55% 60% at 50% 0%, rgba(201,162,39,.22), transparent 70%);}
.d5 > .page{position:relative; z-index:1;}
.d5 .innerhtml > div{max-width:1100px; margin:0 auto; text-align:center;}
.d5 .innerhtml h2{font-family:var(--sy-serif); font-size:clamp(28px,4vw,46px); font-weight:700; color:#fff; margin:0; line-height:1.35;}
.d5 .innerhtml p{color:rgba(255,255,255,.75); font-size:clamp(15px,1.6vw,17px); line-height:2; margin:18px 0 0;}
/*按鈕列*/
.d5 .innerhtml > div > div:first-of-type{flex-wrap:wrap; justify-content:center; margin-top:32px;}
.d5 .innerhtml a{display:inline-block; border-radius:999px; font-size:17px; font-weight:700; line-height:1.4; text-align:center;}
.d5 .innerhtml a:hover{opacity:.88;}
/*三格資訊卡*/
.d5 .innerhtml > div > div:last-of-type{grid-template-columns:repeat(auto-fit,minmax(220px,1fr)); margin-top:46px; text-align:left;}
.d5 .innerhtml > div > div:last-of-type > div{border-radius:14px;}
.d5 .innerhtml > div > div:last-of-type > div > div:first-child{font-size:12.5px; font-weight:600; letter-spacing:.2em; color:var(--sy-gold);}
.d5 .innerhtml > div > div:last-of-type > div > div:last-child{margin-top:10px; font-size:16px; line-height:1.8; color:#fff;}

/*=====================d6 借款須知 =====================*/
.d6{background:var(--sy-cream2); padding:clamp(44px,6vw,72px) 0;}
.d6 > .page{max-width:1140px;}
.d6 .dtit{text-align:left; font-size:clamp(22px,2.6vw,28px); margin:0 0 20px;}
.d6 .innerhtml ul{list-style:none; margin:0; padding:0; display:grid; gap:10px;}
.d6 .innerhtml li{position:relative; padding-left:1.3em; font-size:14px; line-height:1.95; color:var(--sy-ink2);}
.d6 .innerhtml li::before{content:"・"; position:absolute; left:0; top:0; color:var(--sy-gold);}
.d6 .innerhtml li:last-child{color:#8a8c93;}

/*=====================footerTs區定義=====================*/
#footerTs{background:#08090c; color:rgba(255,255,255,.7); padding:clamp(44px,6vw,72px) 0 40px;}
#footerTs .page{max-width:1200px; padding:0 20px;}
#footerTs .BottomList{display:none;}
#footerTs .BottomCntA{width:100%; padding:0; display:grid; gap:34px;
	grid-template-columns:repeat(auto-fit,minmax(240px,1fr)); align-items:start;}
#footerTs .BottomCntA > div > div:first-child{color:#fff; font-size:15px; font-weight:700; margin-bottom:14px; line-height:1.6;}
#footerTs .BottomCntA > div:first-child > div:first-child{font-family:var(--sy-serif); font-size:26px;
	font-weight:700; letter-spacing:.08em; color:var(--sy-gold-l); margin-bottom:0;}
#footerTs .BottomCntA > div:first-child > div:nth-child(2){font-family:var(--sy-en); font-size:13px;
	font-weight:600; letter-spacing:.28em; color:rgba(230,207,146,.65); margin-top:6px;}
#footerTs .BottomCntA p{font-size:14px; line-height:2; margin-top:16px;}
#footerTs .BottomCntA a{font-size:14px; line-height:1.8; color:rgba(255,255,255,.7);}
#footerTs .BottomCntA a:hover{color:var(--sy-gold-l);}
#footerTs .BottomCntA > div:last-child a:first-of-type{color:var(--sy-gold-l); font-weight:700;}
#footerTs .BottomCntB{width:100%; margin-top:36px; padding:20px 0 0; border-top:1px solid rgba(255,255,255,.1);
	font-size:12.5px; line-height:1.8; color:rgba(255,255,255,.45); text-align:center;}
#footerTs .copyright{display:none;}
#footerTs .comname{text-align:center; margin:50px 0;}

/*=====================RWD=====================*/
@media screen and (max-width:1285px){/*desktop*/
	#container .d7 .dhotpro .list{width:calc(100% / 4);}
}
@media screen and (max-width:960px){/*desktop-small pad*/
	#container .d7 .dhotpro .list{width:calc(100% / 3);}
	#container .d2 .dhotpro .list{width:50%;}
	#header .page{padding:6px 20px;}
	.logo{max-width:100%;}
	.nav, .nav .syisnav{justify-content:center;}
	/*站內資訊(第2欄)、服務項目(第3欄):平板+手機版連結改成 3 個一行*/
	#footerTs .BottomCntA > div:nth-child(2) > div:last-child,
	#footerTs .BottomCntA > div:nth-child(3) > div:last-child{
		grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px 10px;}
	#footerTs .BottomCntA > div:nth-child(2) > div:last-child a,
	#footerTs .BottomCntA > div:nth-child(3) > div:last-child a{font-size:13px; line-height:1.7;}
}
@media screen and (max-width:767px){/*phone*/
	.d0,.d1,.d2,.d3,.d4,.d5,.d6,.d7,.d8{padding:44px 0;}
	.d1{padding:44px 0 0;}
	.d7{padding:24px 0 44px;}
	#container .d0 .dhotpro .list,
	#container .d2 .dhotpro .list,
	#container .d3 .dhotpro .list,
	#container .d7 .dhotpro .list{width:100%; padding:7px 0;}
	#container .d0 .dhotpro .list .frm{padding:26px 22px;}
	#container .d2 .dhotpro .list .frm{padding:26px 22px;}
	#container .d3 .dhotpro .list .frm{padding:26px 22px;}
	#container .d7 .dhotpro .list .frm{padding:24px 20px;}
	.d8 .innerhtml{grid-template-columns:1fr; gap:28px;}
	.d4 .list h3.subject{flex:1 1 100%; min-width:0;}
	.d4 .list .more{width:100%; text-align:left;}
	.d5 .innerhtml a{width:100%;}
	#footerTs{padding:40px 0 70px;}
	#footerTs .BottomCntA{gap:26px; grid-template-columns:1fr;}
	#footerTs .BottomCntB{width:100%; flex-wrap:wrap; justify-content:center;}
}
/*=====================default page set end=====================*/
.prolist .main .list .frm:hover{box-shadow:0 0 1px rgba(100,100,100,1);}

/*以下為預設功能用*/

/*prodetail*/
.prodetail .main h1.syis{width:100%; float:right;}
.prodetail .main .sum{width:100% !important; float:right;}
.prodetail .main figure{padding-right:3em; width:100%;}
.prodetail .main .cnt::before{content:"詳細介紹"; font-size:1rem; color:#999; display:block; width:100%; border-bottom:1px solid #ccc; font-weight:700; letter-spacing: 1px; margin:2em 0 1em 0;}
@media screen and (max-width:767px){/*phone*/
.prodetail .main h1.syis{width:100%; float:right;}
.prodetail .main .sum{width:100% !important; float:right;}
}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}
/*A0201 style*/
.A0201 .main .list .frm{background:#fff; box-shadow:0 0 5px rgba(200,200,200,.2);}
.A0201_detail h1.syis{text-align:center;}
/*A0202 style*/
.A0202 .page{max-width:960px;}
.A0202 .main .list{border-bottom:1px solid #ccc;}
/*A0203 A0204 style*/
@media screen and (max-width:767px){/*phone*/
.A0203_detail .side, .A0204_detail .side{display: none;}
}
/*A0204 style*/
/*A0205 style*/
.A0205 .page{max-width:960px;}
.A0205 .main .list h3.subject{width:calc(100% - 7em); display: inline-block;}
.A0205 .main .list .path{width:6em; display: inline-block;}
.A0205 .main .list .more{width:4em; display: inline-block;}
.A0205 .main .list{border-bottom:1px dotted #ccc;}
@media screen and (max-width:767px){/*phone*/
.A0205 .main .list section{ flex-wrap: wrap;}
.A0205 h3.subject{width:100%;}
.A0205 .main .list .path {width:50%;}
.A0205 .main .list .more{width:50%; text-align: right;}
}
/*A0207*/
.A0207_class .main .list{text-align: center;}
.A0207_class .main .list .frm{background:#fff; box-shadow: 0 0 3px rgba(0,0,0,0.1);}
/*A0208*/
.A0208 .main .ptit{display:none;}
/*A0209*/
.A0209 .main .list h3.subject{width:calc(100% - 7em); display: inline-block;}
.A0209 .main .list .path{width:6em; display: inline-block;}
.A0209 .main .list .more{width:4em; display: inline-block;}
.A0209 .main .list{border-bottom:1px dotted #ccc;}
@media screen and (max-width:960px){/*desktop-small pad*/
/*A0209*/
.A0209 .main .list h3.subject{width:100%; display: inline-block;}
.A0209 .main .list .path{width:6em; display: inline-block; }
.A0209 .main .list .more{width:4em; display: inline-block; float:right;}
}
/*A0301*/
.A0301_detail .main h1{display:none;}
/*A0302*/
.A0302 .main .list{text-align:center;}
/*A0306*/
.A0306 .main .list .more{text-align:center;}
/*A0403*/
.A0403_class .main .list{text-align:center;}
.A0403 .main .list h3.subject{font-size:0.9375rem;}
/*A0404*/
.A0404_class .main .list{text-align:center;}
.A0404_class .main .list h3.subject{border-top:3px solid #666; background:#f5f5f5;}
.A0404_detail .subtit{display:none;}
.A0404_detail .prodetail .rr{width:100%;}
/*A0405*/
.A0405 .main .list .frm{padding:0;}
.A0405 .main .list h3.subject{font-size:1rem;}
/*A0406*/
.A0406 .main .list figure, .A0406 .main .list section{width:50%; padding:0.5em; display:inline-block; float:left;}
.A0406 .main .list.rr figure{float:right;}
/*A0407*/
.A0407 .ptit{display:none;}
/*A0408*/
.A0408_BCat .main .list{text-align:center;}
.A0408_BCat .main .list .frm{background:#fff; box-shadow:0 0 3px rgba(0,0,0,0.1);}
.A0408 .main .list h3.subject{font-size:1rem;}
/*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;}
/*A0502*/
.A0502 .main .list .frm{border:1px solid #ccc; position:relative;}
.A0502 .main .list .frm::before{content:""; width:45px; height:100%; position:absolute; top:0; left:0; background:#ccc; display: block; z-index: -1;}
.A0502 .main .list .innerhtml{padding:5px 0 5px 45px; border-top:1px solid #ccc;}
.A0502 .main .list h3.subject{padding:5px; margin-left:45px !important; text-indent: -45px !important;}
.A0502 .main .list h3.subject .foricon{color:#fff; text-align: center; font-size:1.875rem; width:40px; line-height: 32px; margin-right:5px; display: inline-block; text-indent:initial;}
/*A0503*/
.A0503 .main .list{padding:0;}
.A0503 .main .list h3.subject{border-bottom:1px solid #ccc;}
.A0503 .main .list .innerhtml{padding-left:30px;}
/*A0601*/
.A0601 .main .list h3.subject .foricon{display:none;}
.A0601 .main .list .frm{background:#fff; box-shadow:0 0 10px rgba(0,0,0,0.1);}
/*A0602*/
.A0602 .main .list .frm{background:#fff; border:1px solid #efefef;}
.A0602 .main .list h3.subject{font-weight:normal;}
.A0602 .main .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0602 .main .list h3.subject .foricon images{width:10px; height:auto; padding-top:10px;}
/*A0603*/
.A0603 .main .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0603 .main .list .frm{background:#fff; border-radius:1em;}
/*A0604*/
.presentall .list, .presentall .list .frm{margin:0; padding:0;}
.presentall .list{margin-top:0.5em;}
.A0604 .list h3.subject{font-weight:normal; width:calc(100% - 5em); display:inline-block;}
.A0604 .list .more{width:5em; display:inline-block;}
.A0604 .list .more span{display:inline-block; border-radius:1em; padding:2px 6px; background:#666; color:#fff;}
.A0604 .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0604 .list{border-bottom:1px dotted #999; padding:0; margin:0;}
.A0604 .list .frm{padding:0;}
.A0604 .list .frm:hover .more span{background:#333;}
/*A0701*/
.A0701 .main .list{text-align:center;}
/*A0702*/
.A0702 .main .list h3.subject{font-weight:normal; width:calc(100% - 5em); display:inline-block;}
.A0702 .main .list .more{width:5em; display:inline-block;}
.A0702 .main .list .more span{display:inline-block; border-radius:1em; padding:2px 6px; background:#666; color:#fff;}
.A0702 .main .list h3.subject .foricon{padding:5px; opacity:.5; }
.A0702 .main .list{border-bottom:1px dotted #999; padding:0; margin:0;}
.A0702 .main .list .frm{padding:0;}
.A0702 .main .list .frm:hover .more span{background:#333;}
/*A1702*/
.A1702 .main .list{border-bottom:1px dotted #ccc;}
/*Contact4*/
.Contact4{padding-bottom:0;}
.Contact4 .gmap .page{max-width:100%; width:100%;}
/*A0901*/
.MBLayout h1{width:66%; float:right;}
.MBLayout figure{width:33%;}
.MBLayout .innerhtml.sum{width:66%; padding-left:2em;}
.MBLayout .innerhtml{margin-top:2em;}
@media screen and (max-width:767px){/*phone*/
.MBLayout figure,.MBLayout h1{width:100%; text-align: left; font-size:1.25rem;}
.MBLayout .innerhtml.sum{width:100%; padding-left:0;}
}
/*QALayout*/
.QALayout .main .list h3.subject{text-indent:-30px; margin-left:30px;}
/*syis default product*/
.Ctlist .main .list{text-align:center;}

/*syis default download*/
.DWlist .main .list{border-bottom:1px dotted #ccc;}
.DWlist .main .list h3.subject, .DWlist .main .list .path{display:inline-block; vertical-align: top;}
.DWlist .main .list .frm{padding:0;}
.DWlist .main .list .path{width:6em; line-height:180%; padding:0.5em 0;}
.DWlist .main .list h3.subject{width:calc(100% - 6em); }