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

button,hr,input{overflow:visible}audio,canvas,progress,video{display:inline-block}progress,sub,sup{vertical-align:baseline}html{font-family:sans-serif;line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0} menu,article,aside,details,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{box-sizing:content-box;height:0}code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}a{background-color:transparent;-webkit-text-decoration-skip:objects}a:active,a:hover{outline-width:0}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button,input,optgroup,select,textarea{font-family:sans-serif;font-size:100%;line-height:1.15;margin:0}button,input{}button,select{text-transform:none}[type=submit], [type=reset],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:ButtonText dotted 1px}fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}[hidden],template{display:none}/*# sourceMappingURL=normalize.min.css.map */


/*-----------------------------------------------------*/
/*------------------------Reset--------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {margin: 0;padding: 0;border: 0;font-size: 100%; vertical-align: baseline;}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block;}
body { line-height: 1; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: antialiased;}
blockquote, q { quotes: none;}
a {text-decoration: none;}
blockquote:before, blockquote:after,
q:before, q:after {content: '';content: none;}
button {background: transparent;border-radius: 0;border: 0;padding: 0;-webkit-appearance: none;-webkit-border-radius: 0;user-select: none;}
button:focus {outline: 0 none;}
button::-moz-focus-inner {padding: 0;border: 0;}
/*table {border-collapse: collapse;border-spacing: 0;}*/



/* basic */
body { position:relative; max-width:2000px; margin:auto;}
.interDe_hs_box { max-width:2000px; margin:auto;}
.interDe_hs_box * { text-decoration:none; font-family:"微軟正黑體",Arail; margin:0; box-sizing:border-box; border-radius:0; line-height:135%; /*max-width:100%;
-webkit-transition: all .6s; -moz-transition: all .6s; -ms-transition: all .6s; -o-transition: all .6s;  transition: all .6s;*/}
.interDe_hs_box *:before,
.interDe_hs_box *:after { transition:all .5s;}
.clear_all:before,
.clear_all:after { content:"";  display:table;} 
.clear_all:after { clear:both;}
.clear_all { *zoom:1;/*IE/7/6*/ }

:root {
	--FontSize12: 12px;
	--FontSize13: 13px;
	--FontSize14: 14px;
	--FontSize15: 15px;
	--FontSize16: 16px;
	--FontSize17: 17px;
	--FontSize20: 20px;
	--FontSize22: 22px;
	--FontSize24: 24px;
	--FontSize28: 28px;
	--FontSize30: 30px;
	--ColorView01: #000000;
	--ColorView02: #0D0D0D;
	--ColorView03: #262626;
	--ColorView04: #595959;
	--ColorView05: #666666;
	--ColorView06: #8C8079;
	--ColorView07: #999999;
	--ColorView08: #BFB6B0;
	--ColorView09: #8C8079;
	--ColorView10: #D96D00;
	--ColorView11: #E9B27B;
	--ColorView12: #DEDAD8;
	--ColorView13: #f6f6f6;
	--ColorView14: #f9f9f9;
	--ColorView15: #ffffff;
	f3a657 
}

/* 共用 回top */
.go-top { position: fixed; z-index:49; bottom: 50px; right:10px; text-decoration: none; background:url(../images/web_f_img02.png) no-repeat center center #fff; border-radius:100%; display: none; width:44px; height:44px; border: 3px #F2F1EC solid;}
.go-top:hover {}

/* 共用分頁 */
.page_list_box { display:block; width:100%; margin:auto; padding:35px 10px; text-align: center;}
.page_list_box a { display:inline-block; width:30px; height:30px; color:#666; text-align:center; line-height:30px; border-radius:0; border:1px #D9E3DD solid; background:#fff;}
.page_list_box a:hover,
.page_list_box a.action { background: var(--ColorView06); color: var(--ColorView15); font-weight:1000;}
.page_list_box a.page_arrow1 { border:none; text-indent:-9999px; background:url(../images/arrow1.png) no-repeat center center;}
.page_list_box a.page_arrow2 { border:none; text-indent:-9999px; background:url(../images/arrow2.png) no-repeat center center;}
.page_list_box a.page_arrow3 { border:none; text-indent:-9999px; background:url(../images/arrow3.png) no-repeat center center;}
.page_list_box a.page_arrow4 { border:none; text-indent:-9999px; background:url(../images/arrow4.png) no-repeat center center;}

/* 共用 Footer */
.web_footer { margin-top:50px; text-align:center;}
.web_footer dl.F_menus { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; padding: 7px 0;}
.web_footer dd { padding: 3px 7px; background: var(--ColorView11); margin: 2px; line-height: 100%; border-radius: 4px;}
.web_footer dd a { font-size:13px; color: var(--ColorView15);}
.web_footer dd:hover { background: var(--ColorView10);}
.web_footer dd:hover a {}
.web_footer section { border-top:1px #ddd solid; border-bottom:1px #ddd solid; font-weight:500; text-align:center; padding:7px;}
.web_footer section a { display:inline-block; vertical-align:middle; padding:2px 5px; font-size:13px; color:#999;}
.web_footer section a:hover { color: var(--ColorView02);}
.web_footer blockquote { background:#000; padding:10px;}
.web_footer blockquote span { font-size:12px; color:#F2F1EC;}
.web_footer blockquote span a { font-size:12px; color:#F2F1EC;}

/* ------------- */
/* -- 手機板按鈕 - */
/* ------------- */
.interDe_mobile_btn { display:none; position:fixed; top:150px; right:10px; z-index:105; width: 42px; border:2px #fff solid; border-radius:20px; padding:10px 7px; background: var(--ColorView02); cursor:pointer; box-shadow: 0 0 10px #999;}
.interDe_mobile_btn a#toggle_nav { display:block;}
.interDe_mobile_btn a#toggle_nav .bar1, 
.interDe_mobile_btn a#toggle_nav .bar2, 
.interDe_mobile_btn a#toggle_nav .bar3 { display:block; width:24px; height:1px; background:#fff; margin:4px 0; transition:all 0.4s;}
.interDe_mobile_btn a#toggle_nav.change .bar1 { transform: translate(0, 5px) rotate(-45deg);}
.interDe_mobile_btn a#toggle_nav.change .bar2 { opacity: 0;}
.interDe_mobile_btn a#toggle_nav.change .bar3 { transform: translate(0, -5px) rotate(45deg);}
.interDe_mobile_btn a#toggle_nav:after { content:'選單'; font-size:12px; color:#fff; display:block; margin-top:5px;}

.interDe_mobile_btn.GoHome { top: 80px;}
.interDe_mobile_btn.GoHome a { display: flex; width: 100%; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center;}
.interDe_mobile_btn.GoHome a i { display: block; width: 100%;}
.interDe_mobile_btn.GoHome a i img { max-width: 20px;}
.interDe_mobile_btn.GoHome a em { display: block; width: 100%; font-size: 12px; color: #fff; font-style: normal;}


/* ------------- */
/* - 主頁 Index - */
/* ------------- */
.main_plate { position:relative; padding-left:320px;}

/* 主頁左方 */
.page_plate_le { position:fixed; top:0; left:0; z-index:99; width:320px; height:100vh; padding:35px 15px; background:#fff; overflow-y:scroll;}

.page_plate_le::-webkit-scrollbar { width:2px;}
.page_plate_le::-webkit-scrollbar-track { background: var(--ColorView13);}
.page_plate_le::-webkit-scrollbar-thumb { background: var(--ColorView12);}

.web_brand { margin-bottom:25px;}
.web_brand a { display: block; line-height: 0; text-align: center;}
.web_brand img { max-width:100%; height: 30px;}
.web_brand.StoreBoxAside {}
.web_brand.StoreBoxAside a {}
.web_brand.StoreBoxAside img {}


.web_mem_join { padding-bottom:25PX;}
.web_mem_join a { display:flex; align-items: center; justify-content: center; margin:0 auto; padding: 5px; border:1px #ddd solid; background:#fff; overflow:hidden; position:relative;}
.web_mem_join a:before { content:''; background:url(../images/web_icon02.png) no-repeat center center; display:inline-block; vertical-align:middle; width:20px; height:20px; transition:all .5s;}
.web_mem_join a * { display:inline-block; vertical-align:middle; font-size:16px;}
.web_mem_join a em { font-size: 13px; color: var(--ColorView02); font-style:normal; padding:0 3px 0 10px;}
.web_mem_join a img { position:absolute; bottom:-15px; right:-23px; animation:hand_move .5s infinite; -webkit-animation:hand_move .5s infinite;}
.web_mem_join a:hover { border:1px #aaa dashed; background: var(--ColorView01);}
.web_mem_join a:hover em { color: var(--ColorView15)}
.web_mem_join a:hover img { animation:none;}
@-webkit-keyframes hand_move {
	from {-webkit-transform: translate(2px,2px);}
	to {-webkit-transform: translate(0px,0px);}
}
@keyframes hand_move {
	from {transform: translate(2px,2px);}
	to {transform: translate(0px,0px);}
}
.web_nowshow_number { padding:0 0 15px 0;}
.web_nowshow_number ul { list-style:none; display: block;}
.web_nowshow_number ul li { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; padding: 10px 5px; background:#fff; border-bottom:1px #ccc dashed;}
.web_nowshow_number ul li span { font-size: var(--FontSize12); color: var(--ColorView07); background: url("../images/controls_ri03.png") no-repeat left center; padding: 0 0 0 15px;}
.web_nowshow_number ul li b { font-size: 22px; color: var(--ColorView02);}

.web_mem_login { background: var(--ColorView13); text-align:center; padding:15px 10px 10px;}
.web_mem_login h4 { font-size: 20px; color: var(--ColorView02); font-weight:700; margin: 0 0 10px; position:relative;}
.web_mem_login ul { list-style:none; display: flex; position:relative;}
.web_mem_login ul li { width: 50%; border-right:1px var(--ColorView12) solid; width:50%; padding:0 3px;}
.web_mem_login ul li:last-child { border:none;}
.web_mem_login ul li a { font-size:13px; color:#666;}
.web_mem_login ul li input { font-size:13px; color:#666; padding:1px 10px; letter-spacing:2px; border:1px #aaa solid; border-radius:3px; cursor:pointer;}
.web_mem_login ul li a:hover { color: var(--ColorView01); text-decoration:underline;}
.web_mem_login ul li input:hover { background:#8f6e3e; color:#fff;}

.web_menu { padding:20px 0;}
.web_menu a { display:block; width:47%; font-size:15px; color:#999; border:2px #ddd solid; padding:8px 3px; text-align:center; position: relative; float:left; margin-bottom:15px; transition: all .6s;}
.web_menu a:nth-child(2n+2) { float:right;}
.web_menu a.nowHereYK,
.web_menu a:hover { border-color: var(--ColorView03); color: var(--ColorView15); background: var(--ColorView01);}
.web_menu a.main_yellow { background: var(--ColorView11); color: var(--ColorView15); border-color: var(--ColorView11) ; width: 100%;}
.web_menu a.main_yellow:hover { background: var(--ColorView10);}

.web_column_info { text-align:center; background: #fafafa; padding: 20px 10px;}
.web_column_info ul { list-style:none; display:block; margin: 0 0 7px;}
.web_column_info ul:last-child { margin: 0;}
.web_column_info h4 { font-size:15px; color:#666; font-weight:750; display: flex; align-items: center; justify-content: flex-start;}
.web_column_info li { }
.web_column_info li p { font-size:12px; color:#999; font-weight: 400; line-height: 175%; position:relative; text-align:left;}
.web_column_info li em { font-size:12px; color:#999; font-weight: 400; line-height: 175%; font-style: normal; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 1; overflow: hidden; text-align: justify;}
.web_column_info li em.showMoreKW { display: block;}
.web_column_info .storeKeyBox .storekey_moreBtn { font-size: 12px; color: #666; padding: 2px 5px; line-height: 100%; width: 50px; border-radius: 5px; border: 1px solid #CCC; margin-left: 5px;}
.web_column_info .storeKeyBox .storekey_moreBtn:hover { background: #CCC;}

.le_store_only { margin-bottom:14px;}
.le_store_only .le_store_name { background: url(../images/web_icon20.png) repeat-x left top; margin: 35px 0 0; padding: 35px 0 25px;}
.le_store_only .le_store_name * { max-width: 100%;}
.le_store_only .le_store_name img { margin: 0 0 15px;}
.le_store_only .le_store_name h3 { font-size:22px; color:#111; font-weight: 300; font-family:serif; position:relative;}

.le_store_only .le_store_share {}
.le_store_only .le_store_share section { display: flex; align-items: flex-end; padding: 0 0 10px;}
.le_store_only .le_store_share a { display: block;}
.le_store_only .le_store_share a img {}
.le_store_only .le_store_share a:after { content: ''; font-size: 13px; color: #222; margin: 0 0 0 3px;}
.le_store_only .le_store_share h4 { margin-right: 10px; display: none; opacity: 0;}
.le_store_only .le_store_share h4 a:after { content: '更多資訊';}
.le_store_only .le_store_share h5 { margin-right: 10px;}
.le_store_only .le_store_share h5 a:after { content: '分享';}
.le_store_only .le_store_share h6 {}
.le_store_only .le_store_share h6 a:after { content: '分享';}
.le_store_only .le_store_share blockquote { display: block; padding: 10px 0 35px;}
.le_store_only .le_store_share blockquote p { font-size: 13px; color: #666; font-weight: 500; margin: 0 0 5px;}
.le_store_only .le_store_share blockquote p b { font-size: 13px; color: #666; font-weight: 500;}

.le_store_only .le_store_member { background: url(../images/web_icon20.png) repeat-x left top; padding: 35px 0 10px;}
.le_store_only .le_store_member input.le_mem_login,
.le_store_only .le_store_member input.le_mem_logout,
.le_store_only .le_store_member a.le_go_car,
.le_store_only .le_store_member a.le_go_inqry { display:inline-block; vertical-align:bottom; background:no-repeat left bottom; border:none; outline:none; font-size:12px; color:#666; padding:1px 0 0 20px; margin:0 3px 3px 0; cursor:pointer;}
.le_store_only .le_store_member input.le_mem_login { background-image:url(../images/web_icon21.png);}
.le_store_only .le_store_member input.le_mem_logout { background-image:url(../images/web_icon21.png);}
.le_store_only .le_store_member a.le_go_car { background-image:url(../images/web_icon26.png);}
.le_store_only .le_store_member a.le_go_car span { display:inline-block; margin-left:3px; font-size:12px; color:#000;}
.le_store_only .le_store_member a.le_go_car span:before { content:'('; margin:0 1px 0 0;}
.le_store_only .le_store_member a.le_go_car span:after { content:')'; margin:0 0 0 1px;}
.le_store_only .le_store_member a.le_go_inqry { background-image:url(../images/web_icon26.png);}
.le_store_only .le_store_member a.le_go_inqry span { display:inline-block; margin-left:3px; font-size:12px; color:#000;}
.le_store_only .le_store_member a.le_go_inqry span:before { content:'('; margin:0 1px 0 0;}
.le_store_only .le_store_member a.le_go_inqry span:after { content:')'; margin:0 0 0 1px;}

.le_store_only .le_store_search_prod { position:relative; margin-bottom:14px;}
.le_store_only .le_store_search_prod input[type="text"] { border:1px #ddd solid; width:100%; line-height:28px; background:url(../images/web_icon17.png) no-repeat 5px center; padding:0 64px 0 32px; font-size: 14px;}
.le_store_only .le_store_search_prod input[type="submit"] { font-size:15px; color:#fff; background:#999; padding:3px 15px; position:absolute; top:2px; right:2px; border:none; cursor:pointer;}
.le_store_only .le_store_search_prod input[type="text"]:hover { border:1px #aaa dashed;}
.le_store_only .le_store_search_prod input[type="submit"]:hover { background: #333;}

.le_store_only .le_store_other_link { margin-bottom:14px;}
.le_store_only .le_store_other_link a { display:block; width:49%; font-size:15px; color: #fff; background: #000; text-align: center; padding:7px 7px; position:relative;}
.le_store_only .le_store_other_link a.go_search_store_order { float:left;}
.le_store_only .le_store_other_link a.go_store_notify { float:right;}
.le_store_only .le_store_other_link a:hover {} 

/* 主頁右方 */
.page_plate_ri { min-height: 100vh;}

.interDe_menu_s { position: sticky; top: 0; z-index: 98; background: rgba(255,255,255,0.9); border-bottom: 1px #eee solid;}
.interDe_menu_s ul { list-style: none; display: flex; align-items: center; justify-content: space-between;}
.interDe_menu_s ul li { width: 12.5%; border-right: 1px #eee solid;}
.interDe_menu_s li a { font-size: var(--FontSize15); color: var(--ColorView05); font-weight: 500; display: block; text-align: center; padding: 12px 2px; position: relative;}
.interDe_menu_s li a:before { content: ''; width: 0%; height: 3px; background: var(--ColorView03); position: absolute; top:0; right: 0; left:auto; bottom: 0; z-index: 1; transition: width 0.3s cubic-bezier(.165, .84, .44, 1);}
.interDe_menu_s li a:after { content: ''; width: 0%; height: 100%; background: var(--ColorView14); position: absolute; top:0; right: 0; left:auto; bottom: 0; z-index: -1; transition: width 0.3s cubic-bezier(.165, .84, .44, 1);}
.interDe_menu_s li a:hover { font-weight: 1000; background: var(--ColorView13);}
.interDe_menu_s li a:hover:before { width:100%; right: auto; left: 0;}
.interDe_menu_s li a:hover:after { width:100%; right: auto; left: 0;}

.interDe_i_banner { overflow:hidden; position: relative;}
.interDe_i_banner * { transition: all 1.2s;}
.interDe_i_banner .swiper-button-next,
.interDe_i_banner .swiper-button-prev { display: none !important;}
.interDe_i_banner .swiper-pagination-bullet { width: 5px; height: 5px; border-radius: 10px;}
.interDe_i_banner .swiper-pagination-bullet-active { width: 30px; background: var(--ColorView02);}

.i_body_function {}

/* 全區服務項目 */
.interDe_i_store_serItem { font-size: var(--fz15); padding: 10px 5%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px #eee solid;}
ul#index_ser_list { list-style: none; display: flex; justify-content: flex-start; align-items: center; align-content: center; text-align: center; flex-wrap: wrap; width: calc(100% - 80px);}
ul#index_ser_list li { position: relative; margin: 5px 5px 5px 0; padding: 0 2px;}
ul#index_ser_list li a { font-size: var(--FontSize15); color: #333; font-weight: 500; cursor: pointer;	padding: 2px 5px;}
ul#index_ser_list li:hover a { color: #fff; background-color: var(--ColorView06);}
ul#index_ser_list li::after { content: ''; position: absolute; right: -5px; top: 50%; transform: translateY(-50%); width: 1px; height: calc(100% - 10px); border-right: 1px solid #ccc;}
ul#index_ser_list li button { font-size: var(--FontSize15); color: #333; font-weight: 500; cursor: pointer;	padding: 2px 5px;}
ul#index_ser_list li:hover button { color: #fff; background: var(--ColorView06);}

.interDe_i_store_searchCorp { font-size: var(--fz15); padding: 20px 5%; display: flex; flex-wrap: wrap; align-items: center; border-bottom: 1px #eee solid;}
ul.index_city { list-style: none; display: flex; justify-content: flex-start; align-items: center; align-content: center; text-align: center; flex-wrap: wrap; width: calc(100% - 150px);}
ul.index_city li { position: relative; margin: 5px 5px 5px 0; padding: 0 2px;}
ul.index_city li a { font-size: var(--FontSize15); color: #333; font-weight: 500; cursor: pointer;	padding: 2px 5px 2px 23px; background: url(../images/web_icon13.png) no-repeat 5px center;}
ul.index_city li:hover a { color: #fff; background-color: var(--ColorView06);}

.Left_Box { display: flex; align-items: center; justify-content: center; width: 80px;} 
.Left_Box cite { background: #fff; padding: 5px; border-radius: 100%; max-width: 100px; border: 2px #ddd solid; margin: 10px; line-height: 0;}
.Left_Box img { max-width: 100%;}
/*.Left_Box strong { font-size: var(--FontSize20); color: var(--ColorView02); font-weight: 1000;}*/

body.lockBody { overflow: hidden;} 
.lightBox { width: 100%; height: 100%; background: rgba(0, 0, 0, .7); position: fixed; left: 0; top: 0; z-index: 99999; display: flex; justify-content: center; align-items: center;}
.lightBox_cont { background: #fff; width: 900px; max-width: calc(100% - 40px); min-height: 370px; max-height: calc(100% - 40px);	padding: 30px; position: relative; display: flex; flex-wrap: wrap; align-items: flex-start; align-content: flex-start; justify-content: center;}
.subTitle { font-size:var(--FontSize20); color: var(--ColorView03); font-weight: 1000; background: var(--ColorView13); display: flex; padding: 10px; margin: 0 0 20px; position: relative;}
.subTitle::before { content: ''; width: 34px; height: 34px; background: url(../images/web_icon12.png) center no-repeat #999; margin-right: 10px; border-radius: 50px;}
.subTitle::after { content: ''; width: 0; height: 0; position: absolute; left: 50%; bottom: -8px; transform: translateX(-50%); border-style: solid; border-width: 9px 8.5px 0px 8.5px; border-color: #F6F6F6 transparent transparent transparent;}
.lightBox_cont ul { list-style: none; display: block; width:100%; max-height: calc(100% - 80px); padding: 20px 0 0; border-top: 1px #ddd dashed; overflow: auto;}
.lightBox_cont li { display: flex; flex-wrap: wrap;}
.lightBox_cont li a { font-size: var(--FontSize15); color: var(--ColorView05); display: inline-flex; justify-content: center; width: calc(20% - 2px); margin: 1px; padding: 5px 5px; border: 1px solid #eee; border-radius: 3px;} 
.lightBox_cont li a:hover { background: #333; color: #FFFFFF;border-color: #333;}
.lightBox a.close { width: 40px; height: 40px; background: #FFFFFF; position: absolute; right: -15px; top: -15px; display: flex; justify-content: center; align-items: center; align-content: center; border-radius: 50px; cursor: pointer;}
.lightBox a.close span { width: 36px; height: 36px; background: #333;position: relative; border-radius: 50px;}
.lightBox a.close span::before,
.lightBox a.close span::after { content: ''; width: 1px; height: 60%; background: #FFFFFF; transform: translate(-50%, -50%) rotate(45deg); position: absolute; left: 50%; top: 50%;}
.lightBox a.close span::after { transform: translate(-50%, -50%) rotate(-45deg);}


.box_i_title { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; margin:10px 0 25px; position: relative;}
.box_i_title h4 { display:inline-block; vertical-align:middle; font-size: var(--FontSize24); color: var(--ColorView03); margin-right:10px;}
.box_i_title h4 span { color: var(--ColorView10);}

.box_i_title input[type="text"],
.box_i_title select,
.box_i_title input[type="submit"],
.box_i_title input[type="button"] { font-size:15px; background:#fff; border:1px #ddd solid; width:120px; height:36px; padding:3px 5px; margin:0 3px 3px 0; display:inline-block; vertical-align:middle; cursor:pointer;}

.box_i_title input[type="text"] { color:#666; background:url(../images/web_icon17.png) no-repeat 5px center #fff; padding:0 0 0 28px; width:160px;}
.box_i_title select { color:#666;}

.box_i_title input[type="submit"],
.box_i_title input[type="button"] { color:#fff; background: var(--ColorView02); cursor:pointer;}
.box_i_title input[type="submit"]:hover,
.box_i_title input[type="button"]:hover { background:#666;} 

.box_i_title a { display:inline-flex; align-items: center; justify-content: center; font-size:15px; color:#666; padding: 5px 5px; overflow:hidden; position:relative;}
.box_i_title a:before { content:''; background:url(../images/web_icon15.png) no-repeat center center; width:20px; height:20px; margin-right:5px; transition:all .5s;}
.box_i_title a img { /*position:absolute; top:2px; right:2px;*/ animation:hand_move2 .5s infinite; -webkit-animation:hand_move2 .5s infinite; margin-left: 5px;}
.box_i_title a.GoYellowPages { font-size: 13px; color: var(--ColorView13); background: var(--ColorView10); border-radius: 5px; padding: 2px 7px; margin-left: 10px;}
.box_i_title a.GoYellowPages:before { display: none;}
.box_i_title a:hover { border-color:#666;}
.box_i_title a:hover:before {}
.box_i_title a:hover img { animation:none;}
@-webkit-keyframes hand_move2 {
	from {-webkit-transform: translate(2px,0px);}
	to {-webkit-transform: translate(0px,0px);}
}
@keyframes hand_move2 {
	from {transform: translate(2px,0px);}
	to {transform: translate(0px,0px);}
}

.interDe_i_store_popular { padding:25px 3%; overflow: hidden;}
.interDe_i_store_popular.Style02 { background: var(--ColorView14);}
.interDe_i_store_popular .item section { position: relative; border: 1px #ddd solid; background:url("../images/web_icon58.png") no-repeat right bottom #fff;}
.interDe_i_store_popular .item * { transition:all .5s;}
.interDe_i_store_popular .img_thumb { position:relative; height: 0px; padding: 0 0 50%; overflow:hidden;}
.interDe_i_store_popular .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition: width 0.3s cubic-bezier(.165, .84, .44, 1);}
.interDe_i_store_popular .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.interDe_i_store_popular .img_thumb img { position: absolute; left: 50%; top: 0; transform: translateX(-50%); width:100%;}
.interDe_i_store_popular .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.interDe_i_store_popular .img_thumb h4 span { display:inline-block; vertical-align:top; height: 24px; text-align: center; line-height: 24px; font-size:13px; color:#fff; padding: 0 3px; background:#FF855B;}
.interDe_i_store_popular .img_thumb h4 a    { display:inline-block; vertical-align:top; height: 24px; text-align: center; line-height: 24px; font-size:13px; color:#fff; padding: 0 3px; background:var(--ColorView02);}
.interDe_i_store_popular blockquote { display: block; padding: 10px 10px 15px;}
.interDe_i_store_popular blockquote h5 { font-size: var(--FontSize17); color: var(--ColorView02); margin: 0 0 5px; overflow: hidden; height: 24px;}
.interDe_i_store_popular blockquote p { font-size: var(--FontSize13); color: var(--ColorView05); margin: 0 0 3px;}
.interDe_i_store_popular blockquote a.more_btn { display: flex; font-size: var(--FontSize13); color: var(--ColorView10); align-items: center; justify-content: flex-end; margin: 10px 0 0;}
.interDe_i_store_popular blockquote a.more_btn:after { content: ''; background: url("../images/web_icon23.png") no-repeat; width: 8px; height: 8px; margin: 0 0 -2px 10px;}
.interDe_i_store_popular .item section:hover { background-color: #fff; background-position-x: 0; box-shadow: 0 0 10px #ccc;}
.interDe_i_store_popular .item section:hover blockquote a.more_btn {}
.interDe_i_store_popular .item section:hover blockquote a.more_btn:after { opacity: 0; margin: 0;}
.interDe_i_store_popular .img_thumb:hover a.i_view_link { opacity:1;}
.interDe_i_store_popular .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.interDe_i_store_popular .img_thumb:hover img { transform: translateX(-50%) scale(1.2,1.2);}
.interDe_i_store_popular .img_thumb:hover:after { width:100%; right: auto; left: 0;}
.interDe_i_store_popular .img_thumb h4 a:hover { background:var(--ColorView03); text-decoration:underline;} 
.interDe_i_store_popular .owl-carousel .owl-nav button.owl-prev,
.interDe_i_store_popular .owl-carousel .owl-nav button.owl-next { text-indent:-99999px; background:no-repeat center center rgba(0,0,0,0.7); width:32px; height:42px; border-radius: 0; position:absolute; top:50%; margin-top:-18px; border:1px var(--ColorView02) solid;}
.interDe_i_store_popular .owl-carousel .owl-nav button.owl-prev { background-image:url(../owl/controls_le03.png); left:-5px;}
.interDe_i_store_popular .owl-carousel .owl-nav button.owl-next { background-image:url(../owl/controls_ri03.png); right:-5px;}


.interDe_i_Case { padding:25px 3%; overflow: hidden;}
.interDe_i_Case.Style02 { background: var(--ColorView14);}
.interDe_i_Case .item * { transition:all .5s;}
.interDe_i_Case .item > a { display: block; width: 100%; position: relative; height: 0; padding: 0 0 66%; overflow: hidden;}
.interDe_i_Case .item > a:before { content:''; background: url("../images/web_icon65.png") no-repeat center center; position: absolute; z-index: 8; left: 0; bottom: -30px; width: 100%; height: 30px; opacity: 0;}
.interDe_i_Case .item > a:after { content:''; background: rgba(0,0,0,0.35); position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 40px;}
.interDe_i_Case .item img { position: relative; z-index: 3; width: 125% !important;}
/*.interDe_i_Case .item img { position: absolute; left: 50%; top: 0; transform: translateX(-50%) scale(1); z-index: 3; width: 125% !important;}*/
.interDe_i_Case .item section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; padding: 10px; position: absolute; z-index: 7; left: 0; bottom: 0; width: 100%; height: 36px;}
.interDe_i_Case .item section h6 { font-size: var(--FontSize17); color: var(--ColorView15); width: 100%;}
.interDe_i_Case .item section h6 strong { font-size: var(--FontSize13); color: var(--ColorView08); width: 100%; display: none;}
.interDe_i_Case .item section h6 em { font-size: var(--FontSize13); color: var(--ColorView11); font-style: normal; padding: 2px 10px; border: 1px var(--ColorView11) solid; border-radius: 30px; display: none;}
.interDe_i_Case .item > a:hover {} 
.interDe_i_Case .item > a:hover:before { opacity: 1; bottom: 0;}
.interDe_i_Case .item > a:hover:after { height: 100%;  background: rgba(0,0,0,0.85);}
.interDe_i_Case .item > a:hover img { transform: scale(1.2);} 
.interDe_i_Case .item > a:hover section { height: 100%;}
.interDe_i_Case .item > a:hover section h6 strong { display: block;}
.interDe_i_Case .item > a:hover section h6 em { display: inline-flex; margin-top: 20px;}
.interDe_i_Case .owl-carousel .owl-nav button.owl-prev,
.interDe_i_Case .owl-carousel .owl-nav button.owl-next { text-indent:-99999px; background:no-repeat center center rgba(0,0,0,0.7); width:32px; height:42px; border-radius: 0; position:absolute; top:50%; margin-top:-18px; border:1px var(--ColorView02) solid;}
.interDe_i_Case .owl-carousel .owl-nav button.owl-prev { background-image:url(../owl/controls_le03.png); left:-5px;}
.interDe_i_Case .owl-carousel .owl-nav button.owl-next { background-image:url(../owl/controls_ri03.png); right:-5px;}


.interDe_i_Knowledge { padding:25px 0%; overflow: hidden;}
.CategoryBox { display: flex; width: 100%; align-items: center; background: url("../images/web_icon60.png") no-repeat left center; margin: 0 0 35px;}
.CategoryBox .Article_le { width: 275px; position: relative; padding: 0 0 0 140px;}
.CategoryBox .Article_ri { width: calc(100% - 280px);}
.CategoryBox .Article_le em.Num_Main_Ber { font-size: 72px; color: var(--ColorView01); font-style: normal; position: absolute; left: 40px; top: 50%; transform: translateY(-50%);}
.CategoryBox .Article_le h5 { font-size: var(--FontSize20); color: var(--ColorView02); border-bottom: 1px #ccc dashed; padding: 0 0 10px; margin: 0 0 10px;}
.CategoryBox .Article_le a { font-size: var(--FontSize12); color: #777;}
.CategoryBox .Article_le a:after { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 0 0 10px; background:url("../images/web_icon57.png") no-repeat center center;  animation: RunAc01 2s linear infinite; transition: all .5s;}
.CategoryBox .Article_le a:hover { color: var(--ColorView10);}
.CategoryBox .Article_le a:hover:after { margin: 0 0 0 5px;}
@keyframes RunAc01 {
    0% { background-position-x: 0px;}
  100% { background-position-x: 10px;}
}



.interDe_i_Knowledge .item { width: 100%; border: 1px #ddd solid; padding: 4px;}
.interDe_i_Knowledge .item * { transition:all .5s;}

.interDe_i_Knowledge .img_thumb { position:relative; overflow:hidden; width: 100%; height: 0; padding-bottom: 50%;}
.interDe_i_Knowledge .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition:all .3s;}
.interDe_i_Knowledge .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.interDe_i_Knowledge .img_thumb img { width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.KnowBox { width: 100%; padding: 10px;}
.KnowBox span { font-size: var(--FontSize12); color: var(--ColorView10); display: block; background: url("../images/web_icon19.png") no-repeat left center; padding: 0 0 0 20px;}
.KnowBox h6 { font-size: var(--FontSize17); color: var(--ColorView02); padding: 5px 0; overflow: hidden; height: 30px;}
.KnowBox p { font-size: var(--FontSize13); color: var(--ColorView07); height: 38px; overflow: hidden;}
.KnowBox blockquote { display: block; margin: 7px 0 0; text-align: right;}
.KnowBox blockquote a { font-size: var(--FontSize13); color: var(--ColorView03); display: block; height: 17px; overflow: hidden;}

.interDe_i_Knowledge .img_thumb:hover a.i_view_link { opacity:1;}
.interDe_i_Knowledge .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.interDe_i_Knowledge .img_thumb:hover img { transform:scale(1.2,1.2) translate(-50%, -50%);;}
.interDe_i_Knowledge .img_thumb:hover:after { width:100%; right: auto; left: 0;}
.interDe_i_Knowledge .img_thumb h4 a:hover { background:var(--ColorView03); text-decoration:underline;} 
.interDe_i_Knowledge .owl-carousel .owl-nav button.owl-prev,
.interDe_i_Knowledge .owl-carousel .owl-nav button.owl-next { text-indent:-99999px; background:no-repeat center center rgba(0,0,0,0.7); width:32px; height:42px; border-radius: 0; position:absolute; top:50%; margin-top:-21px; border:1px var(--ColorView02) solid;}
.interDe_i_Knowledge .owl-carousel .owl-nav button.owl-prev { background-image:url(../owl/controls_le03.png); left:-5px;}
.interDe_i_Knowledge .owl-carousel .owl-nav button.owl-next { background-image:url(../owl/controls_ri03.png); right:-5px;}


.interDe_i_shop { padding:25px 3%; background: var(--ColorView14);}
.interDe_i_shop * { transition:all .5s;}
.interDe_i_shop .item { border: 1px #d8d8d8 solid; background: url("../images/web_icon58.png") no-repeat right bottom #fff;}
.interDe_i_shop .img_thumb { position:relative; overflow:hidden;}
.interDe_i_shop .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition:all .3s;}
.interDe_i_shop .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.interDe_i_shop .img_thumb img { width:100%;}
.interDe_i_shop .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.interDe_i_shop .img_thumb h4 a { display:block; background:#D96D00; font-size:13px; color:#fff; padding:5px 5px; width: 24px;}
.interDe_i_shop .ProdMoney { padding: 10px 10px;}
.interDe_i_shop .ProdMoney blockquote { display: flex; align-items: center; width: 100%; padding: 3px 0;}
.interDe_i_shop .ProdMoney blockquote span { font-size: var(--FontSize12); color: #444; border-right: 1px #ccc solid; padding: 0 5px; margin: 0 7px 0 0; width: 40px;}
.interDe_i_shop .ProdMoney blockquote h4 { font-size: var(--FontSize17); color: var(--ColorView02); width: calc(100% - 40px); height: 22px; overflow: hidden;}
.interDe_i_shop .ProdMoney blockquote h5 { font-size: var(--FontSize17); color: var(--ColorView02); width: calc(100% - 40px); height: 22px; overflow: hidden;}
.interDe_i_shop .ProdMoney blockquote p { font-size: var(--FontSize17); color: var(--ColorView10);}
.interDe_i_shop .item:hover { box-shadow: 0 0 10px #ccc; background-position-x: 0;}
.interDe_i_shop .item:hover .ProdMoney {}
.interDe_i_shop .img_thumb:hover a.i_view_link { opacity:1;}
.interDe_i_shop .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.interDe_i_shop .img_thumb:hover img { transform:scale(1.2,1.2);}
.interDe_i_shop .img_thumb:hover:after { width:100%; right: auto; left: 0;}
.interDe_i_shop .owl-carousel .owl-nav button.owl-prev,
.interDe_i_shop .owl-carousel .owl-nav button.owl-next { text-indent:-99999px; background:no-repeat center center rgba(0,0,0,0.7); width:32px; height:42px; border-radius: 0; position:absolute; top:50%; margin-top:-18px; border:1px var(--ColorView02) solid;}
.interDe_i_shop .owl-carousel .owl-nav button.owl-prev { background-image:url(../owl/controls_le03.png); left:-5px;}
.interDe_i_shop .owl-carousel .owl-nav button.owl-next { background-image:url(../owl/controls_ri03.png); right:-5px;}

.interDe_i_shop.page_style { display: flex; flex-wrap: wrap; padding: 0 20px 0 0; background: none;} 
.interDe_i_shop.page_style .item { width: calc(16.6% - 20px); margin: 0 0 20px 20px;}

.interDe_i_shop.page_style_pd { display: flex; flex-wrap: wrap; padding: 0 0 0 0; background: none;} 
.interDe_i_shop.page_style_pd .item { width: calc(20% - 10px); margin: 0 5px; }
.interDe_i_shop.page_style_pd .box_i_title { width: 100%; margin: 10px 0;}

.interDe_i_report { padding:25px 3%;}
.interDe_i_report ul { list-style:none; display: flex; flex-wrap: wrap; justify-content: space-between; text-align:center;}
.interDe_i_report ul * { transition: all .6s;}
.interDe_i_report li { display:block; width:49%; border:2px #f3f3f3 solid; margin:10px 0; padding:25px 0 0; text-align:left; background: url("../images/web_icon58.png") no-repeat left top; position:relative;}
.interDe_i_report a.i_see_more_news_info { display:block; position:absolute; top:0; right:0; font-size:13px; color:#fff; background: url("../images/web_icon62.png") no-repeat 7px center var(--ColorView09); padding:5px 10px 5px 20px;}
.interDe_i_report h5 { font-size: var(--FontSize20); color: var(--ColorView03); font-weight:700; text-align: center; padding:7px 7px; margin-top:10px;}
.interDe_i_report blockquote { display:block;}
.interDe_i_report blockquote p { font-size:15px; color:#666; border-bottom:1px #ccc dashed; padding:10px 100px 10px 10px; position:relative;}
.interDe_i_report blockquote p:last-child { border-bottom:none;}
.interDe_i_report blockquote a { display:block; font-size:15px; color: var(--ColorView05); overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.interDe_i_report blockquote span { display:block; font-size:13px; color: var(--ColorView05); position:absolute; top:50%; right:10px; width:80px; text-align:left; overflow:hidden; transform:translateY(-50%);}
.interDe_i_report blockquote p:hover { background:#f9f9f9;}
.interDe_i_report li.i_report_le { float:left;}
.interDe_i_report li.i_report_ri { float:right;}
.interDe_i_report li:hover { border:2px var(--ColorView04) solid; transition: all .6s;}
.interDe_i_report li:hover a.i_see_more_news_info { background-color: var(--ColorView04); background-position-x: 70px; padding:5px 20px 5px 10px; width: 100%;}

.web_PopularRecom { padding: 25px 3% 0;}
.web_PopularRecom ul { list-style: none; display: flex; flex-wrap: wrap; justify-content: space-between;}
.web_PopularRecom ul li { background: var(--ColorView14); padding: 35px; width: 32%; position: relative;}
.web_PopularRecom .PopRe_Tit { position: relative; padding: 0 0 25px 90px; margin: 0 0 25px; border-bottom: 1px #d8d8d8 solid; background: url("../images/web_icon63.png") no-repeat right bottom; min-height: 88px;}
.web_PopularRecom .PopRe_Tit:after { content: ''; background: var(--ColorView06); width: 0%; height: 1px; display: block; position: absolute; right: 0; left:auto; bottom: -1px; transition: all .5s;}
.web_PopularRecom .PopRe_Tit em.Num_Main_Ber { font-size: 72px; color: var(--ColorView11); line-height: 100%; font-style: normal; position: absolute; left: 0; top: 0;}
.web_PopularRecom .PopRe_Tit h5 { font-size: var(--FontSize24); color: var(--ColorView01); padding: 7px 0 3px; margin: 0 0 3px;}
.web_PopularRecom .PopRe_Tit a { font-size: var(--FontSize12); color: #fff; background: var(--ColorView08); padding: 3px 5px;}
.web_PopularRecom .PopRe_Tit a:after { content: ''; display: inline-block; width: 10px; height: 10px; margin: 0 0 0 5px; background:url("../images/web_icon62.png") no-repeat center center;}
.web_PopularRecom .PopRe_Tit a:hover { background: var(--ColorView03);}
.web_PopularRecom .PopRe_Tit a:hover:after {}
.web_PopularRecom .PopRe_Tit a.Other_link { background: var(--ColorView11);}
.web_PopularRecom .PopRe_Tit a.Other_link:hover { background: var(--ColorView10);}
.web_PopularRecom blockquote { display: flex; flex-wrap: wrap; width: 100%; min-height: 180px;}
.web_PopularRecom blockquote p { width: 100%; padding: 0 0 5px 10px; overflow: hidden; height: 24px;}
.web_PopularRecom blockquote p a { font-size: var(--FontSize15); color: var(--ColorView05); padding: 2px; display: block; position: relative;}
.web_PopularRecom blockquote p a:before { content: ''; display: block; width: 3px; height: 3px; background: var(--ColorView02); border-radius: 100%; position: absolute; left: -10px; top: 10px;}
.web_PopularRecom blockquote p a:hover { background: var(--ColorView12);}
.web_PopularRecom ul li:hover .PopRe_Tit:after { width:100%; right: auto; left: 0;}

/* ------------- */
/* - 產業新聞 news - */
/* ------------- */
.inDe_PFnews_ban04 { width: 100%; min-height: 200px; background: url("../images/banner_PFnews.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.inDe_PFnews_ban04 * { transition: all .6s;}
.inDe_PFnews_ban04 em { display: none;}

.inDe_PFnews_idex { padding: 50px 3%;}
.inDe_PFnews_idex * { transition: all 0.6s;}
.inDe_PFnews_top { margin: 0 0 20px;}
.inDe_PFnews_top .box_i_title { background: url("../images/web_icon24.png") no-repeat 10px center var(--ColorView14); padding: 10px 10px 10px 40px; justify-content: flex-start;}
.inDe_PFnews_top .box_i_title a.Btn_shareFB { position: absolute; top: 20px; right: 20px; padding: 5px 35px 5px 0; }
.inDe_PFnews_top .box_i_title a.Btn_shareFB:before { display: none;}
.inDe_PFnews_top .box_i_title a.Btn_shareFB img { width: 24px; height: 24px;}
.inDe_PFnews_btm {}
.inDe_PFnews_btm ul { list-style: none; display: flex; flex-wrap: wrap;}
.inDe_PFnews_btm li { border: 1px #d8d8d8 dashed; border-left: none; border-top: none; background: #fff; width: 24%; margin: 0 1% 25px 0; padding: 7px;}
.inDe_PFnews_btm .img_thumb { position:relative; overflow:hidden;}
.inDe_PFnews_btm .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition:all .3s;}
.inDe_PFnews_btm .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.inDe_PFnews_btm .img_thumb img { width:100%;}
.inDe_PFnews_btm .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.inDe_PFnews_btm .img_thumb h4 a { display:block; background:#D96D00; font-size:13px; color:#fff; padding:5px 5px; width: 24px;}
.inDe_PFnews_btm .PfNewsList { padding: 10px 10px 15px;}
.inDe_PFnews_btm .PfNewsList h4 { font-size: var(--FontSize17); color: var(--ColorView02);}
.inDe_PFnews_btm .PfNewsList blockquote { display: flex; width: 100%; padding: 9px 0;}
.inDe_PFnews_btm .PfNewsList blockquote h5 { font-size: var(--FontSize12); color: #666;}
.inDe_PFnews_btm .PfNewsList blockquote h5 span { font-size: var(--FontSize12); color: #666; border-right: 1px #ccc solid; padding: 0 5px; margin: 0 5px 0 0;}
.inDe_PFnews_btm .PfNewsList p { font-size: var(--FontSize15); color: #555;}
.inDe_PFnews_btm li:hover { box-shadow: 0 0 10px #ccc; border-color: #fff;}
.inDe_PFnews_btm li:hover .PfNewsList {}
.inDe_PFnews_btm .img_thumb:hover a.i_view_link { opacity:1;}
.inDe_PFnews_btm .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.inDe_PFnews_btm .img_thumb:hover img { transform:scale(1.2,1.2);}
.inDe_PFnews_btm .img_thumb:hover:after { width:100%; right: auto; left: 0;}

.inDe_PFnews_detls { padding: 25px 3%;}
.inDe_PFnews_detls * { transition: all 0.6s;}
.inDe_PFnews_detls .inDe_PFnews_top {}
.inDe_PFnews_detls .inDe_PFnews_top .box_i_title {}
.inDe_PFnews_info {}
.inDe_PFnews_info * { transition: all 0.6s; max-width: 100%;}
.editTitle_PFnews { display: flex; align-items: center; padding: 0 0 25px;}
.editTitle_PFnews b { width: 120px; border-radius: 50px; border: 1px #ccc solid; padding: 5px 15px 5px 10px; margin-right: 10px;}
.editTitle_PFnews b:before { content: ''; background: url("../images/web_icon27.png") no-repeat; display: inline-flex; width: 20px; height: 15px; margin: 0 5px 0 0;}
.editTitle_PFnews h4 { width: calc(100% - 120px); font-size: var(--FontSize20); color: var(--ColorView02); display: flex; align-items: center;}
.editPhoto_PFnews img {}
.editBox_PFnews { font-size: var(--ColorView15); color: var(--ColorView05);}
.page_prev_box { display: flex; justify-content: center; width: 100%; padding: 20px 20px 50px;}
.page_prev_box a { font-size: var(--FontSize15); color: #666; display: inline-block; border: 2px #333 solid; padding: 5px 20px;}
.page_prev_box a:hover { color: #fff; background: #000; border-color: #000;}


/* ------------- */
/* - 總搜尋店家促銷方案 interDe_Srh_Funs01 - */
/* ------------- */
.inDe_Srh_ban01 { width: 100%; height: 200px; background: url("../images/banner_allshare.jpg") no-repeat left bottom; background-size: cover;}
.inDe_Srh_ban01 em { display: none;}
.interDe_Srh_Funs01 { padding: 75px 3%;}
.interDe_Srh_Funs01 * { transition: all 0.6s;}
.interDe_Srh_Funs01 .inDe_Srh_top { margin: 0 0 50px;}
.interDe_Srh_Funs01 .inDe_Srh_top h4 { font-size: var(--FontSize30); text-align: center;}
.interDe_Srh_Funs01 .inDe_Srh_top h4:before { content: ''; display: block; width: 100%; height: 30px; background: url("../images/web_icon24.png") no-repeat center center;}
.interDe_Srh_Funs01 .inDe_Srh_top h4 b { color: var(--ColorView02);}
.interDe_Srh_Funs01 .inDe_Srh_top h4 span { color: var(--ColorView10);}
.interDe_Srh_Funs01 .inDe_Srh_btm {}
.interDe_Srh_Funs01 .inDe_Srh_btm ul { list-style: none; display: flex; flex-wrap: wrap;}
.interDe_Srh_Funs01 .inDe_Srh_btm ul li { width: 49%; margin: 0 1% 0 0;}
.interDe_Srh_Funs01 .inDe_Srh_btm ul li:nth-child(2n+2) { margin: 0 0 0 1%;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a { display: flex; flex-wrap: wrap; align-items: center; border: 1px #fff solid; border-bottom: 1px #eee solid; padding: 40px 0 40px; overflow: hidden; background: #fff; position: relative;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a em.moreBtn { font-style: normal; display: inline-block; position: absolute; right: 10px; bottom: -20px; opacity: 0;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a em.moreBtn:before { content: '更多方案'; font-size: var(--FontSize12); color: var(--ColorView05); margin-right: 5px;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a span { font-size: var(--FontSize12); color: var(--ColorView10); width: 100px; padding: 0 0 0 20px; background: url("../images/web_icon19.png") no-repeat left center;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a p { font-size: var(--FontSize15); color: var(--ColorView06); width: calc(100% - 100px); overflow: hidden; height: 20px;}
.interDe_Srh_Funs01 .inDe_Srh_btm li a:hover { border: 1px #fff solid; padding: 40px 10px 40px; background: var(--ColorView14);}
.interDe_Srh_Funs01 .inDe_Srh_btm li a:hover em.moreBtn { bottom: 3px; opacity: 1;}
.interDe_Srh_Funs01.page_style { padding: 25px 3%;}
.interDe_Srh_Funs01.page_style .inDe_Srh_top { margin: 0 0 25px;}
.interDe_Srh_Funs01.page_style .inDe_Srh_top h4 { font-size: var(--FontSize24); text-align: left;}
.interDe_Srh_Funs01.page_style .inDe_Srh_top h4:before { display: none;}
.interDe_Srh_Funs01.page_style .inDe_Srh_top h4 b { color: var(--ColorView02);}
.interDe_Srh_Funs01.page_style .inDe_Srh_top h4 span {}
.interDe_Srh_Funs01.page_style .inDe_Srh_btm li a { padding: 20px 0 30px;}
.interDe_Srh_Funs01.page_style .inDe_Srh_btm li a:hover { padding: 20px 10px 30px;}


/* ------------- */
/* - 總搜尋札記 allproms - */
/* ------------- */
.inDe_Srh_ban02 { width: 100%; height: 200px; background: url("../images/banner_allproms.jpg") no-repeat left bottom; background-size: cover;}
.inDe_Srh_ban02 em { display: none;}
.interDe_Srh_Funs02 { padding: 75px 3%;}
.interDe_Srh_Funs02 * { transition: all 0.6s;}
.interDe_Srh_Funs02 .inDe_Srh_top { margin: 0 0 50px;}
.interDe_Srh_Funs02 .inDe_Srh_top h4 { font-size: var(--FontSize30); text-align: center;}
.interDe_Srh_Funs02 .inDe_Srh_top h4:before { content: ''; display: block; width: 100%; height: 30px; background: url("../images/web_icon24.png") no-repeat center center;}
.interDe_Srh_Funs02 .inDe_Srh_top h4 b { color: var(--ColorView02);}
.interDe_Srh_Funs02 .inDe_Srh_top h4 span { color: var(--ColorView10);}
.interDe_Srh_Funs02 .inDe_Srh_btm {}
.interDe_Srh_Funs02 .inDe_Srh_btm ul { list-style: none; display: flex; flex-wrap: wrap;}
.interDe_Srh_Funs02 .inDe_Srh_btm ul li { width: 49%; margin: 0 1% 0 0;}
.interDe_Srh_Funs02 .inDe_Srh_btm ul li:nth-child(2n+2) { margin: 0 0 0 1%;}
.interDe_Srh_Funs02 .inDe_Srh_btm li a { display: flex; flex-wrap: wrap; align-items: center; border: 1px #fff solid; border-bottom: 1px #eee solid; padding: 40px 0 40px; overflow: hidden; background: #fff; position: relative;}
.interDe_Srh_Funs02 .inDe_Srh_btm li a em.moreBtn { font-style: normal; display: inline-block; position: absolute; right: 10px; bottom: -20px; opacity: 0;}
.interDe_Srh_Funs02 .inDe_Srh_btm li a em.moreBtn:before { content: '更多方案'; font-size: var(--FontSize12); color: var(--ColorView05); margin-right: 5px;}
.interDe_Srh_Funs02 .inDe_Srh_btm li a span { font-size: var(--FontSize12); color: var(--ColorView10); width: 100px; padding: 0 0 0 20px; background: url("../images/web_icon19.png") no-repeat left center;}
.interDe_Srh_Funs02 .inDe_Srh_btm li a p { font-size: var(--FontSize15); color: var(--ColorView06); width: calc(100% - 100px);}
.interDe_Srh_Funs02 .inDe_Srh_btm li a:hover { border: 1px #fff solid; padding: 40px 10px 40px; background: var(--ColorView14);}
.interDe_Srh_Funs02 .inDe_Srh_btm li a:hover em.moreBtn { bottom: 5px; opacity: 1;}


/* ------------- */
/* - 總搜尋快速模組清單 allmodule - */
/* ------------- */
.inDe_Srh_ban03 { width: 100%; min-height: 200px; background: url("../images/banner_allmodule.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.inDe_Srh_ban03 * { transition: all .6s;}
.inDe_Srh_ban03 em { display: none;}
.inDe_Srh_ban03 h6 { width: 100%; display: flex; align-content: center; justify-content: center;} 
.inDe_Srh_ban03 h6 img {}
.inDe_Srh_ban03 ul { width: 100%; list-style: none; display: flex; align-content: center; justify-content: center; flex-wrap: wrap;}
.inDe_Srh_ban03 ul li { margin: 3px 5px;}
.inDe_Srh_ban03 li a { font-size: var(--FontSize15); color: var(--ColorView05); background: rgba(255,255,255,0.8); border: 2px #333 solid; display: block; border-radius: 50px; padding: 3px 15px;}
.inDe_Srh_ban03 li a:hover { color: #fff; background: #333;}

.interDe_Srh_Funs03 { padding: 50px 3%;}
.interDe_Srh_Funs03 * { transition: all 0.6s;}
.interDe_Srh_Funs03 .inDe_Srh_top { margin: 0 0 20px;}
.interDe_Srh_Funs03 .inDe_Srh_btm ul { list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start;}
.interDe_Srh_Funs03 .inDe_Srh_btm ul li { width: 32%; position: relative;}
.interDe_Srh_Funs03 .inDe_Srh_btm ul li:nth-child(3n+2) { margin: 0 2%;}
.interDe_Srh_Funs03 a.GoWeb { display: block; background: url("../images/web_icon06.png") no-repeat 5px center #fff;  padding: 20px 10px 20px 30px; position: relative;}
.interDe_Srh_Funs03 a.GoWeb:after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px #ddd solid; position: absolute; left: 0; bottom: 0;}
.interDe_Srh_Funs03 a.GoWeb p { font-size: var(--FontSize15); color: var(--ColorView06); overflow: hidden; width: 100%; height: 22px;}
.interDe_Srh_Funs03 a.GoWeb p.noTtile_name { color: var(--ColorView10) !important;}
.interDe_Srh_Funs03 a.GoWeb:hover { background-color: var(--ColorView14);}
.interDe_Srh_Funs03 a.ViewYellow { display: block; background: #fff;  padding: 20px 10px 20px 30px; cursor: pointer; position: relative;}
.interDe_Srh_Funs03 a.ViewYellow:after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px #ddd solid; position: absolute; left: 0; bottom: 0;}
.interDe_Srh_Funs03 a.ViewYellow strong { font-size: var(--FontSize15); color: var(--ColorView06); display: block; overflow: hidden; width: 100%; height: 22px;}
.interDe_Srh_Funs03 a.ViewYellow em { font-size: 12px; color: var(--ColorView15); background: var(--ColorView10); font-style: normal; display: flex; padding: 3px 3px; border-radius: 4px; position: absolute; left: 5px; top: 50%; transform: translateY(-50%); width: 20px; text-align: center;}
.interDe_Srh_Funs03 a.ViewYellow.Show,
.interDe_Srh_Funs03 a.ViewYellow:hover { background-color: var(--ColorView14);}
.interDe_Srh_Funs03 a.ViewYellow.Show em,
.interDe_Srh_Funs03 a.ViewYellow:hover em { background: var(--ColorView11);}
.interDe_Srh_Funs03 a.ViewYellow section.CompyInfo { position: absolute; left: 0; top: 60px; z-index: 5; background: var(--ColorView14); border: 1px var(--ColorView14) solid; padding: 0px 10px; opacity: 0; width: 100%; height: 0; overflow: hidden;}
.interDe_Srh_Funs03 a.ViewYellow section.CompyInfo h6 { font-size: 13px; color: #666; line-height: 150%;}
.interDe_Srh_Funs03 a.ViewYellow section.CompyInfo h6 span { font-size: 13px; color: #333;}
.interDe_Srh_Funs03 a.ViewYellow section.CompyInfo h6 span:after { content: '：'; font-size: 13px; color: #333;}
.interDe_Srh_Funs03 a.ViewYellow section.CompyInfo.Show { opacity: 1; height: auto; padding: 0 10px 10px;}
.interDe_Srh_Funs03 a.ViewYellow.Show { border-top: 1px #000 solid;}
.interDe_Srh_Funs03 button.Close { position: absolute; right: 4px; top: -7px; z-index: 99; display: none; cursor: pointer; padding: 3px 5px; background: #333; border: 1px #333 solid; border-radius: 3px;}
.interDe_Srh_Funs03 button.Close:before { content: '關閉'; font-size: 12px; color: #fff; line-height: 100%;}
.interDe_Srh_Funs03 button.Close.Show { display: block;}

/* ------------- */
/* - 總搜尋產品清單 allproducts - */
/* ------------- */
.inDe_Srh_ban04 { width: 100%; height: 200px; background: url("../images/banner_allproducts.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.inDe_Srh_ban04 * { transition: all .6s;}
.inDe_Srh_ban04 em { display: none;}

.interDe_Srh_Funs04 { padding: 50px 3%;}
.interDe_Srh_Funs04 * { transition: all 0.6s;}
.interDe_Srh_Funs04 .inDe_Srh_top { margin: 0 0 20px;}
.interDe_Srh_Funs04 .inDe_Srh_btm {}
.interDe_Srh_Funs04 .inDe_Srh_btm ul { list-style: none; display: flex; flex-wrap: wrap;}
.interDe_Srh_Funs04 .inDe_Srh_btm li { border: 1px #d8d8d8 solid; background: #fff; width: 18%; margin: 0 1% 25px;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb { position:relative; overflow:hidden;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition:all .3s;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb img { width:100%;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb h4 a { display:block; background:#D96D00; font-size:13px; color:#fff; padding:5px 5px; width: 24px;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney { padding: 10px 10px 15px; background: url("../images/web_icon58.png") no-repeat right bottom #fff;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney blockquote { display: flex; align-items: center; width: 100%; padding: 3px 0;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney blockquote span { font-size: var(--FontSize12); color: #444; border-right: 1px #ccc solid; padding: 0 7px; margin: 0 7px 0 0;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney blockquote h4 { font-size: var(--FontSize17); color: var(--ColorView02); overflow: hidden; height: 22px;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney blockquote h5 { font-size: var(--FontSize17); color: var(--ColorView02); overflow: hidden; height: 22px;}
.interDe_Srh_Funs04 .inDe_Srh_btm .ProdMoney blockquote p { font-size: var(--FontSize17); color: var(--ColorView10);}
.interDe_Srh_Funs04 .inDe_Srh_btm li:hover { box-shadow: 0 0 10px #ccc;}
.interDe_Srh_Funs04 .inDe_Srh_btm li:hover .ProdMoney { background-position-x: 0;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb:hover a.i_view_link { opacity:1;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb:hover img { transform:scale(1.2,1.2);}
.interDe_Srh_Funs04 .inDe_Srh_btm .img_thumb:hover:after { width:100%; right: auto; left: 0;}


/* ------------- */
/* - 總搜尋設計公司(店家)清單 allstore - */
/* ------------- */
.interDe_Srh_Funs05 { padding: 50px 3%; display: flex; flex-wrap: wrap;}
.interDe_Srh_Funs05 * { transition: all 0.6s;}
.inDe_Srh_StoreBoxLe { width: 350px; margin: 0 50px 0 0; background: var(--ColorView14);}
.inDe_Srh_StoreBoxLe .box_i_title { justify-content: flex-start; flex-wrap: wrap; padding: 10px 20px; margin: 0;}
.inDe_Srh_StoreBoxLe .box_i_title h4 { width: 100%; background: url("../images/web_icon24.png") no-repeat 10px 15px; padding: 10px 10px 10px 40px;}

.inDe_Srh_StoreBoxRi { width: calc(100% - 400px); background: var(--ColorView14); display: flex; flex-wrap: wrap; align-items: center;}
.inDe_Srh_StoreBoxRi .CountyCityTitle { display: flex; align-items: center; width: 70px; height: 100%; background: var(--ColorView08); padding: 13px 0;}
.inDe_Srh_StoreBoxRi .CountyCityTitle:before { content: '縣市分布'; font-size: var(--FontSize17); color: var(--ColorView15); display: block; width: 24px; margin: auto;}
.inDe_Srh_StoreBoxRi blockquote { display: block; width: calc(100% - 70px); padding: 7px 15px;}
.inDe_Srh_StoreBoxRi blockquote label span { font-size: var(--FontSize15); color: var(--ColorView07); background: none; margin: 0 4px 4px 0; padding: 2px 5px; cursor: pointer; display: inline-flex;}
.inDe_Srh_StoreBoxRi blockquote label em { font-size: var(--FontSize13); color: var(--ColorView06); font-weight: 1000; font-style: normal; display: inline-block; margin-left: 1px;}

.inDe_Srh_StoreBoxRi blockquote label input[type="checkbox"] { display: none;}
.inDe_Srh_StoreBoxRi blockquote label input[type="checkbox"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_StoreBoxRi blockquote label input[type="radio"] { display: none;}
.inDe_Srh_StoreBoxRi blockquote label input[type="radio"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_StoreBoxRi blockquote label input[type="radio"]:checked+span em { color: var(--ColorView15);}

.inDe_Srh_StoreBoxSort { display: block; margin: 0 0 25px;}
.inDe_Srh_StoreBoxSort ul { list-style: none; display: flex; flex-wrap: wrap; width: 100%;}
.inDe_Srh_StoreBoxSort ul li { display: flex; width: 100%; align-items: center; padding: 4px 0;}
.inDe_Srh_StoreBoxSort ul li:last-child { border: none;}
.inDe_Srh_StoreBoxSort li h6 { font-size: var(--FontSize15); color: #333; line-height: 125%; width: 100px;}
.inDe_Srh_StoreBoxSort li section { width: 100%;}
.inDe_Srh_StoreBoxSort li section.secGroupBox {}
.inDe_Srh_StoreBoxSort li section.secGroupBox div.sec-group { background: #f9f9f9; border: 1px #e8e8e8 solid; border-radius: 4px; margin-bottom: 2px;}
.inDe_Srh_StoreBoxSort section label { display: inline-flex; padding: 2px;}
.inDe_Srh_StoreBoxSort section label span { font-size: var(--FontSize15); color: var(--ColorView07); margin: 0 0; padding: 2px 5px; cursor: pointer; display: inline-flex; user-select: none; /* 防止文字被滑鼠選取反白 */}
.inDe_Srh_StoreBoxSort section label span em { font-size: var(--FontSize13); color: var(--ColorView06); font-weight: 1000; font-style: normal; display: inline-block; margin-left: 1px;}
/*.inDe_Srh_StoreBoxSort section label span:hover { color: var(--ColorView15); background: var(--ColorView11); border-radius: 5px;}*/
.inDe_Srh_StoreBoxSort section label input[type="checkbox"] { display: none;}
.inDe_Srh_StoreBoxSort section label input[type="checkbox"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_StoreBoxSort section label input[type="checkbox"]:checked+span em { color: var(--ColorView15);}
.inDe_Srh_StoreBoxSort section label input[type="radio"] { display: none;}
.inDe_Srh_StoreBoxSort section label input[type="radio"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_StoreBoxSort section label input[type="radio"]:checked+span em { color: var(--ColorView15);}

.inDe_Srh_StoreBoxCe { width: 100%; padding: 25px 0 0;}
.inDe_Srh_StoreBoxCe ul { list-style: none; display: flex; flex-wrap: wrap;}
.inDe_Srh_StoreBoxCe li { border: 1px #ddd solid; background: #fff; width: 32%; margin: 0 2% 15px 0; display: flex; position: relative;}
.inDe_Srh_StoreBoxCe li.TopHot { background: #fff8f3;}
.inDe_Srh_StoreBoxCe li:nth-child(3n+3) { margin-right: 0; margin-left: 0%;}

.inDe_Srh_StoreBoxCe .img_thumb { position:relative; padding: 4px; overflow:hidden; width: 250px; line-height: 0;}
.inDe_Srh_StoreBoxCe .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition: width 0.3s cubic-bezier(.165, .84, .44, 1);}
.inDe_Srh_StoreBoxCe .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.inDe_Srh_StoreBoxCe .img_thumb img { width:100%; height: 100%;}
.inDe_Srh_StoreBoxCe .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.inDe_Srh_StoreBoxCe .img_thumb h4 span { display:inline-block; vertical-align:top; height: 24px; text-align: center; line-height: 24px; font-size:13px; color:#fff; padding: 0 3px; background:#FF855B;}
.inDe_Srh_StoreBoxCe .img_thumb h4 a    { display:inline-block; vertical-align:top; height: 24px; text-align: center; line-height: 24px; font-size:13px; color:#fff; padding: 0 3px; background:var(--ColorView02);}
.inDe_Srh_StoreBoxCe blockquote { display: block; padding: 15px 10px 15px; width: calc(100% - 250px);}
.inDe_Srh_StoreBoxCe blockquote h5 { font-size: var(--FontSize17); color: var(--ColorView02); margin: 0 0 5px; height: 23px; overflow: hidden;}
.inDe_Srh_StoreBoxCe blockquote p { font-size: var(--FontSize13); color: var(--ColorView05); margin: 0 0 3px; height: 18px; overflow: hidden;}
.inDe_Srh_StoreBoxCe li:hover { background-color: #fff; border-color: #fff; background-position-x: 0; box-shadow: 0 0 10px #ddd;}
.inDe_Srh_StoreBoxCe .img_thumb:hover a.i_view_link { opacity:1;}
.inDe_Srh_StoreBoxCe .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.inDe_Srh_StoreBoxCe .img_thumb:hover img { transform:scale(1.2,1.2);}
.inDe_Srh_StoreBoxCe .img_thumb:hover:after { width:100%; right: auto; left: 0;}
.inDe_Srh_StoreBoxCe .img_thumb h4 a:hover { background:var(--ColorView03); text-decoration:underline;} 

.interDe_search_All .interDe_i_store_popular { padding: 0;}


/* ------------- */
/* - 總搜尋文章管理 allarticle - */
/* ------------- */
.inDe_Srh_ban06 { width: 100%; height: 200px; background: url("../images/banner_allarticle.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.inDe_Srh_ban06 * { transition: all .6s;}
.inDe_Srh_ban06 em { display: none;}

.interDe_Srh_Funs06 { padding: 50px 3%;}
.interDe_Srh_Funs06 * { transition: all 0.6s;}
.inDe_Srh_ArticleBox_top { margin: 0 0 10px; justify-items: flex-start;}
.inDe_Srh_ArticleBox_top .box_i_title { padding: 10px 0; margin: 0;}
.inDe_Srh_ArticleBox_btm {}
.inDe_Srh_ArticleBox_btm ul { list-style: none; display: flex; flex-wrap: wrap;}
.inDe_Srh_ArticleBox_btm li { border: 1px #d8d8d8 dashed; border-left: none; border-top: none; background: #fff; width: 24%; margin: 0 1% 15px 0; padding: 7px;}
.inDe_Srh_ArticleBox_btm .img_thumb { position:relative; width: 100%; height: 0; padding-bottom: 50%; overflow:hidden;}
.inDe_Srh_ArticleBox_btm .img_thumb:after { content:''; background:#000; position:absolute; top:0; right: 0; left:auto; bottom: 0; width:0%; height:100%; z-index:1; opacity:0.8; transition:all .3s;}
.inDe_Srh_ArticleBox_btm .img_thumb a.i_view_link { background:url(../images/web_icon22.png) no-repeat center center; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:80px; height:80px; z-index:2; border:1px var(--ColorView06) solid; border-left: none; border-right: none; opacity:0;}
.inDe_Srh_ArticleBox_btm .img_thumb img { width:100%; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.inDe_Srh_ArticleBox_btm .img_thumb h4 { position:absolute; top:0; left:0; z-index:5;}
.inDe_Srh_ArticleBox_btm .img_thumb h4 a { display:block; background:#D96D00; font-size:13px; color:#fff; padding:5px 5px; width: 24px;}
.inDe_Srh_ArticleBox_btm .PfNewsList { padding: 10px 10px 15px;}
.inDe_Srh_ArticleBox_btm .PfNewsList h4 { font-size: var(--FontSize17); color: var(--ColorView02); height: 23px; overflow: hidden;}
.inDe_Srh_ArticleBox_btm .PfNewsList blockquote { display: flex; width: 100%; padding: 9px 0;}
.inDe_Srh_ArticleBox_btm .PfNewsList blockquote h6 { font-size: var(--FontSize12); color: #666;}
.inDe_Srh_ArticleBox_btm .PfNewsList p { font-size: var(--FontSize15); color: #555; height: 60px; overflow: hidden;}
.inDe_Srh_ArticleBox_btm li:hover { box-shadow: 0 0 10px #ccc; border-color: #fff;}
.inDe_Srh_ArticleBox_btm li:hover .PfNewsList {}
.inDe_Srh_ArticleBox_btm .img_thumb:hover a.i_view_link { opacity:1;}
.inDe_Srh_ArticleBox_btm .img_thumb:hover a.i_view_link:hover { width:90px; height:90px;}
.inDe_Srh_ArticleBox_btm .img_thumb:hover img { transform:scale(1.2,1.2) translate(-50%, -50%);}
.inDe_Srh_ArticleBox_btm .img_thumb:hover:after { width:100%; right: auto; left: 0;}


/* ------------- */
/* - 總搜尋設計作品清單(非相簿照片) all_designworks - */
/* ------------- */
.interDe_Srh_Funs07 { padding: 25px 3%; display: flex; flex-wrap: wrap;}
.interDe_Srh_Funs07 * { transition: all 0.6s;}

.work_w1 { width: 100%;}
.work_w2 { width: 30%;}
.work_w3 { width: 30%;}
.work_w4 { width: 40%;}
.work_w5 { width: 100%;}

.inDe_Srh_WorksBoxSort { display: block; margin: 25px 0;}
.inDe_Srh_WorksBoxSort ul { list-style: none; display: flex; flex-wrap: wrap; width: 100%;}
.inDe_Srh_WorksBoxSort ul li { display: flex; width: 100%; align-items: center; padding: 4px 0;}
.inDe_Srh_WorksBoxSort ul li:last-child { border: none;}
.inDe_Srh_WorksBoxSort li h6 { font-size: var(--FontSize15); color: #333; line-height: 125%; width: 100px;}
.inDe_Srh_WorksBoxSort li section { width: 100%;}
.inDe_Srh_WorksBoxSort li section.secGroupBox {}
.inDe_Srh_WorksBoxSort li section.secGroupBox div.sec-group { background: #f9f9f9; border: 1px #e8e8e8 solid; border-radius: 4px; margin-bottom: 2px;}
.inDe_Srh_WorksBoxSort section label { display: inline-flex; padding: 2px;}
.inDe_Srh_WorksBoxSort section label span { font-size: var(--FontSize15); color: var(--ColorView07); margin: 0 0; padding: 2px 5px; cursor: pointer; display: inline-flex; user-select: none; /* 防止文字被滑鼠選取反白 */}
.inDe_Srh_WorksBoxSort section label span em { font-size: var(--FontSize13); color: var(--ColorView06); font-weight: 1000; font-style: normal; display: inline-block; margin-left: 1px;}
/*.inDe_Srh_WorksBoxSort section label span:hover { color: var(--ColorView15); background: var(--ColorView11); border-radius: 5px;}*/
.inDe_Srh_WorksBoxSort section label input[type="checkbox"] { display: none;}
.inDe_Srh_WorksBoxSort section label input[type="checkbox"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_WorksBoxSort section label input[type="checkbox"]:checked+span em { color: var(--ColorView15);}
.inDe_Srh_WorksBoxSort section label input[type="radio"] { display: none;}
.inDe_Srh_WorksBoxSort section label input[type="radio"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_WorksBoxSort section label input[type="radio"]:checked+span em { color: var(--ColorView15);}

.inDe_Srh_WorksBoxMd { background: var(--ColorView14); display: flex; flex-wrap: wrap; align-items: center; border-bottom: 4px #fff solid; border-right: 4px #fff solid;}
.inDe_Srh_WorksBoxMd .DesignTypeTitle { width: 30px; height: 100%; background: var(--ColorView08); padding: 10px 0;}
.inDe_Srh_WorksBoxMd .DesignTypeTitle h6 { font-size: var(--FontSize15); color: var(--ColorView15); line-height: 125%; text-align: center; display: block; width: 20px; margin: auto;}
.inDe_Srh_WorksBoxMd blockquote { line-height: 175%; display: block; width: calc(100% - 30px); padding: 7px 15px;}
.inDe_Srh_WorksBoxMd blockquote label span { font-size: var(--FontSize15); color: var(--ColorView07); margin: 0 5px 5px 0; padding: 2px 5px; cursor: pointer; display: inline-flex; user-select: none; /* 防止文字被滑鼠選取反白 */}
.inDe_Srh_WorksBoxMd blockquote label span em { font-size: var(--FontSize13); color: var(--ColorView06); font-weight: 1000; font-style: normal; display: inline-block; margin-left: 1px;}
/*.inDe_Srh_WorksBoxMd blockquote label span:hover { color: var(--ColorView15); background: var(--ColorView11); border-radius: 5px;}*/
.inDe_Srh_WorksBoxMd blockquote label input[type="checkbox"] { display: none;}
.inDe_Srh_WorksBoxMd blockquote label input[type="checkbox"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.inDe_Srh_WorksBoxMd blockquote label input[type="checkbox"]:checked+span em { color: var(--ColorView15);}

.inDe_Srh_WorksFilter { width: 100%; margin: 10px 0 0; position: relative;}
.inDe_Srh_WorksFilter blockquote { display: flex; width: 100%; align-items: center; flex-wrap: wrap; padding: 35px 0 0;}
.inDe_Srh_WorksFilter blockquote h6 { font-size: var(--FontSize15); color: var(--ColorView04); padding: 0 10px 0 0; display: inline-flex; align-items: center;}
.inDe_Srh_WorksFilter blockquote h6:before { content: ''; background: url(../images/web_icon17.png) no-repeat center center; display: inline-block; width: 20px; height: 20px; margin-right: 5px;}
.inDe_Srh_WorksFilter blockquote span { font-size: var(--FontSize15); color: var(--ColorView10); font-weight: 1000; padding: 0 5px 0 0;}
.inDe_Srh_WorksFilter blockquote i { font-size: 12px; color: var(--ColorView06); font-style: normal; display: inline-block; padding: 0 10px;}
.inDe_Srh_WorksFilter .Other_Number_Yellow { font-size: var(--FontSize20); color: var(--ColorView10); font-weight: 1000; display: none; position: absolute; right: 0; top: 0;}
.inDe_Srh_WorksFilter .Btn_filterReset { 
    position: relative; display: inline-flex; align-items: center; justify-content: center;
    font-size: 13px; color: #fff; background: #aaa; font-weight: 600; text-align: center;
    border: 1px solid #fff; border-radius: 12px; box-shadow: 0 2px 5px rgb(86 86 86 / 10%);
    min-width: 80px; padding: 5px 10px 5px 10px; margin: 4px 8px; cursor: pointer;
    transition: all 0.25s ease;        
}
.inDe_Srh_WorksFilter .Btn_filterReset:hover { transform: translateY(-2px); color: #333; background: #fff; border-color:#ccc; box-shadow: 0 2px 5px rgba(100,100,100,0.5);}

.inDe_Srh_WorksBoxLe {}
.inDe_Srh_WorksBoxLe ul.DesignWorks { list-style: none; width: 100%; display: flex; flex-wrap: wrap; justify-content: flex-start; position: relative;}
.inDe_Srh_WorksBoxLe ul li { display: flex; align-items: center; padding: 0 30px 0 0;}
.inDe_Srh_WorksBoxLe ul li h6 { font-size: var(--FontSize20); color: var(--ColorView04);}
.inDe_Srh_WorksBoxLe ul li p { font-size: var(--FontSize30); color: var(--ColorView10); padding: 0 0 0 5px;}
.inDe_Srh_WorksBoxLe ul li p:after { font-size: var(--FontSize17) !important; color: var(--ColorView01); font-weight: 700; margin: 0 0 0 5px;}
.inDe_Srh_WorksBoxLe ul li p.WorkNumber:after { content: '件';}
.inDe_Srh_WorksBoxLe ul li p.ImgNumber:after { content: '張';}

.inDe_Srh_WorksBoxCe { width: 100%; padding: 20px 0 0;}
.inDe_Srh_WorksBoxCe ul { list-style: none; display: flex; flex-wrap: wrap;}
.inDe_Srh_WorksBoxCe li { border: 1px #ddd solid; background: #fff; width: 32%; margin: 0 2% 25px 0; display: flex; position: relative;}
.inDe_Srh_WorksBoxCe li:nth-child(3n+3) { margin-right: 0; margin-left: 0%;}
.inDe_Srh_WorksBoxCe li.noWorkView { display: flex; align-items: center; justify-content: center; width: 100% !important; border: none !important; color: var(--ColorView10); background: var(--ColorView13); padding: 50px 5%; margin: 0 0 50px;}

.inDe_Srh_WorksBoxCe li * { transition:all .5s;}
.inDe_Srh_WorksBoxCe li > a { display: block; width: 100%; position: relative; padding: 0 0 75%; overflow: hidden; line-height: 0;}
.inDe_Srh_WorksBoxCe li > a:before { content:''; background: url("../images/web_icon65.png") no-repeat center center; position: absolute; z-index: 8; left: 0; bottom: -30px; width: 100%; height: 30px; opacity: 0;}
.inDe_Srh_WorksBoxCe li > a:after { content:''; background: rgba(0,0,0,0.35); position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 32px;}
.inDe_Srh_WorksBoxCe li img { position: absolute; left: 0; top: 0; z-index: 3; width: 100%; height: 100%;}
.inDe_Srh_WorksBoxCe li section { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; padding: 7px; position: absolute; z-index: 7; left: 0; bottom: 0; width: 100%; height: 32px;}
.inDe_Srh_WorksBoxCe li section h6 { font-size: var(--FontSize17); color: var(--ColorView15); width: 100%;}
.inDe_Srh_WorksBoxCe li section h6 strong { font-size: var(--FontSize13); color: var(--ColorView08); width: 100%; display: none;}
.inDe_Srh_WorksBoxCe li section h6 em { font-size: var(--FontSize13); color: var(--ColorView11); font-style: normal; padding: 2px 10px; border: 1px var(--ColorView11) solid; border-radius: 30px; display: none;}
.inDe_Srh_WorksBoxCe li > a:hover {} 
.inDe_Srh_WorksBoxCe li > a:hover:before { opacity: 1; bottom: 0;}
.inDe_Srh_WorksBoxCe li > a:hover:after { height: 100%;  background: rgba(0,0,0,0.85);}
.inDe_Srh_WorksBoxCe li > a:hover img { transform: scale(1.2);} 
.inDe_Srh_WorksBoxCe li > a:hover section { height: 100%;}
.inDe_Srh_WorksBoxCe li > a:hover section h6 strong { display: block;}
.inDe_Srh_WorksBoxCe li > a:hover section h6 em { display: inline-flex; margin-top: 20px;}

.interDe_search_All .interDe_i_Case { padding: 0;}

/* ------------- */
/* - 總搜尋 黃頁清單 all_yellow - */
/* ------------- */
.inDe_Srh_ban08 { width: 100%; min-height: 200px; background: url("../images/banner_allmodule.jpg") no-repeat left bottom; background-size: cover; display: flex; align-items: center; flex-wrap: wrap;}
.inDe_Srh_ban08 * { transition: all .6s;}

.interDe_Srh_Funs08 { padding: 25px 3%;}
.interDe_Srh_Funs08 * { transition: all 0.6s;}
.interDe_Srh_Funs08 .inDe_Srh_top { margin: 0 0 25px;}
.interDe_Srh_Funs08 .YellowLocation_box {}
.interDe_Srh_Funs08 .YellowLocation_box ul { list-style: none; display: flex; flex-wrap: wrap; background: #f6f6f6; border-radius: 20px; padding: 10px 10px; position: relative; margin: 0 0 30px;}
.interDe_Srh_Funs08 .YellowLocation_box ul h4 { font-size: var(--FontSize15); color: var(--ColorView06); display: inline-block; line-height: 100%; position: absolute; left: 10px; top: -20px;}
.interDe_Srh_Funs08 .YellowLocation_box ul li { display: block; width: 100%;}
.interDe_Srh_Funs08 .YellowLocation_box ul label span { font-size: var(--FontSize15); color: var(--ColorView05); background: var(--ColorView15); margin: 0 5px 5px 0; border: 1px #ddd solid; border-radius: 30px; padding: 3px 10px; cursor: pointer; display: inline-flex; user-select: none; /* 防止文字被滑鼠選取反白 */}
.interDe_Srh_Funs08 .YellowLocation_box ul label input[type="checkbox"],
.interDe_Srh_Funs08 .YellowLocation_box ul label input[type="radio"] { display: none;}
.interDe_Srh_Funs08 .YellowLocation_box ul label input[type="checkbox"]:checked+span,
.interDe_Srh_Funs08 .YellowLocation_box ul label input[type="radio"]:checked+span { color: var(--ColorView15); background: var(--ColorView06);}
.interDe_Srh_Funs08 .sec-group { padding: 5px 5px 2px; margin-bottom: 5px; background: #fff; border-radius: 10px;}
.interDe_Srh_Funs08 .YellowLocation_box ul .sec-group label span { font-size: var(--FontSize13); color: var(--ColorView05); background: none; border: none; padding: 3px 5px;}
.interDe_Srh_Funs08 .YellowLocation_box ul .sec-group label input[type="checkbox"]:checked+span,
.interDe_Srh_Funs08 .YellowLocation_box ul .sec-group label input[type="radio"]:checked+span { color: var(--ColorView15); background: var(--ColorView08); border-radius: 5px;}
.interDe_Srh_Funs08 .YellowLocation_box ul label input[type="reset"].Btn_filterReset { font-size: var(--FontSize13); color: var(--ColorView15); width: 80px; height: 28px; background: var(--ColorView10); margin: 0 5px 5px 0; border: 1px #ddd solid; border-radius: 30px; padding: 3px 10px; cursor: pointer; display: inline-flex; user-select: none;}

.interDe_Srh_Funs08 .YellowLocation_box ul.YellowRadioBox { margin-bottom: 0;}
.interDe_Srh_Funs08 .YellowLocation_box ul.YellowRadioBox label input[type="checkbox"]:checked+span,
.interDe_Srh_Funs08 .YellowLocation_box ul.YellowRadioBox label input[type="radio"]:checked+span { background: var(--ColorView06);}


.interDe_Srh_Funs08 .inDe_Srh_Ce { display: flex; align-items: center; justify-content: flex-end; width: 100%; margin: 10px 0 30px;}
.interDe_Srh_Funs08 .inDe_Srh_Ce a { font-size: var(--FontSize15); color: var(--ColorView05); font-weight: 1000; padding: 2px 7px; position: relative;}
.interDe_Srh_Funs08 .inDe_Srh_Ce a:after { content: ''; display: block; position: absolute; right: 0; top: 50%; transform: translateY(-50%); background: #ccc; width: 1px; height: 16px;}
.interDe_Srh_Funs08 .inDe_Srh_Ce a:last-child:after { opacity: 0;}
.interDe_Srh_Funs08 .inDe_Srh_Ce a:hover {}

.interDe_Srh_Funs08 .inDe_Srh_btm {}
.interDe_Srh_Funs08 .inDe_Srh_btm ul { list-style: none; display: flex; flex-wrap: wrap; align-items: flex-start;}
.interDe_Srh_Funs08 .inDe_Srh_btm ul li { width: 32%; position: relative; margin: 0 0 30px;}
.interDe_Srh_Funs08 .inDe_Srh_btm ul li:nth-child(3n+2) { margin: 0 2%;}
.interDe_Srh_Funs08 a.GoWeb { display: block; background: url("../images/web_icon06.png") no-repeat 5px center #fff;  padding: 20px 10px 20px 30px; position: relative;}
.interDe_Srh_Funs08 a.GoWeb:after { content: ''; display: block; width: 100%; height: 1px; border-bottom: 1px #ddd solid; position: absolute; left: 0; bottom: 0;}
.interDe_Srh_Funs08 a.GoWeb p { font-size: var(--FontSize15); color: var(--ColorView06); overflow: hidden; width: 100%; height: 22px;}
.interDe_Srh_Funs08 a.GoWeb p.noTtile_name { color: var(--ColorView10) !important;}
.interDe_Srh_Funs08 a.GoWeb:hover { background-color: var(--ColorView14);}

.interDe_Srh_Funs08 ul {}
.interDe_Srh_Funs08 ul .ViewYellow { background: #eeeeee;}
.interDe_Srh_Funs08 ul#yellowList {}
.interDe_Srh_Funs08 ul#yellowList .ViewYellow { background: #ffffff;}
.interDe_Srh_Funs08 ul#webList {}
.interDe_Srh_Funs08 ul#webList .ViewYellow { background: #fff5d8;}
.interDe_Srh_Funs08 ul#adList {}
.interDe_Srh_Funs08 ul#adList .ViewYellow { background: #f9f9f9;}

.interDe_Srh_Funs08 .ViewYellow { display: block; height: 62px; background: #fff;  padding: 20px 10px; cursor: pointer; position: relative;}
.interDe_Srh_Funs08 .ViewYellow:after { content: ''; display: block; width: 100%; height: 1px; background: #dddddd; position: absolute; left: 0; top: 0; z-index: 1;}
.interDe_Srh_Funs08 .ViewYellow strong { font-size: var(--FontSize15); color: var(--ColorView06); display: block; overflow: hidden; width: 100%; height: 22px;}
.interDe_Srh_Funs08 .ViewYellow em { font-size: var(--FontSize12); color: var(--ColorView08); font-style: normal; display: block; width: 100%;}
.interDe_Srh_Funs08 .ViewYellow.Show,
.interDe_Srh_Funs08 .ViewYellow:hover { background-color: var(--ColorView13);}
.interDe_Srh_Funs08 .ViewYellow.Show strong,
.interDe_Srh_Funs08 .ViewYellow:hover strong { color: var(--ColorView03);}

.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox { display: flex; align-items: center; position: absolute; left: 0; top: -10px; z-index: 3;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox .theTops { display: inline-flex;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox .theTops::after { content: '置頂'; font-size: var(--FontSize12); color: var(--ColorView15); background: var(--ColorView10); border-radius: 4px; margin: 0 0 3px 3px; padding: 4px 5px; line-height: 100%;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox .theTops img { display: none;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox b { font-size: 12px; color: var(--ColorView15); background: var(--ColorView05); border-radius: 4px; margin: 0 0 3px 3px; padding: 2px 5px;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox b.color1 { background: #f3a657;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox b.color2 { background: #aaa;}
.interDe_Srh_Funs08 .ViewYellow .JumpOtherBox b.color3 { background: #000;}

.interDe_Srh_Funs08 .ViewYellow section.CompyInfo { position: absolute; left: 0; top: 70px; z-index: 7; background: var(--ColorView13); border: 2px var(--ColorView08) solid; /*border-radius: 15px;*/ padding: 0px 10px; opacity: 0; width: 100%; height: 0; overflow: hidden;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo h6 { font-size: 13px; color: #666; line-height: 150%;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo h6 span { font-size: 13px; color: #333;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo h6 span:after { content: '：'; font-size: 13px; color: #333;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo h6 a { color: var(--ColorView04);}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn { display: flex; align-items: center; width: 100%; justify-content: flex-end; margin-top: 15px; padding: 4px; background: var(--ColorView15);}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn:before { content: '點擊前往 >> '; font-size: 12px; color: var(--ColorView10);}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn a { font-size: 13px; color: var(--ColorView15); background: var(--ColorView05); display: inline-block; border-radius: 4px; text-align: center; padding: 2px 5px; margin-left: 3px;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn a.color1 { background: #f3a657;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn a.color2 { background: #aaa;}
.interDe_Srh_Funs08 .ViewYellow section.CompyInfo .LinkBtn a.color3 { background: #f19191;}

.interDe_Srh_Funs08 .ViewYellow section.CompyInfo.Show { opacity: 1; height: auto; padding: 10px 10px;}
.interDe_Srh_Funs08 .ViewYellow.Show { /*border-top: 1px #917b70 solid;*/}
.interDe_Srh_Funs08 button.Close { position: absolute; right: 0; top: -7px; z-index: 5; display: none; cursor: pointer; padding: 3px 5px; background: #917b70; border: 1px #917b70 solid; border-radius: 3px; line-height: 0;}
.interDe_Srh_Funs08 button.Close:before { content: '關閉'; font-size: 12px; color: #fff; line-height: 100%;}
.interDe_Srh_Funs08 button.Close.Show { display: block;}

/* -------------- */
/* - 廣告會員 - */
/* -------------- */
.interDe_plat_formem_top { padding: 50px 5%;}
.interDe_plat_formem_top h4 { display: flex; flex-wrap: wrap; justify-content: center; text-align: center;}
.interDe_plat_formem_top h4:before { content:''; background:url(../images/web_icon63.png) no-repeat center center; width:100%; height:25px;}
.interDe_plat_formem_top h4 span { font-size: var(--FontSize24); color: var(--ColorView02); color:#131313; width: 100%; margin: 15px 0 0;}

.interDe_plat_formem_center { margin:2% 3%; width:94%; text-align:left;}
.interDe_plat_formem_center h5 { font-size: 20px; color: var(--ColorView02); display: flex; align-items: center; justify-content: center; margin: 0 0 25px;}
.interDe_plat_formem_center h5:before,
.interDe_plat_formem_center h5:after { content: ''; background: no-repeat center center; display: block; width: 50px; height: 50px;}
.interDe_plat_formem_center h5:before { content: ''; background-image: url("../images/web_icon09.png");}
.interDe_plat_formem_center h5:after { content: ''; background-image: url("../images/web_icon10.png");}
.interDe_plat_formem_center em { display: block; font-size: var(--FontSize15); color: #999; font-style: normal; text-align: center; padding: 5px 0;}
.interDe_plat_formem_center blockquote { margin:0; padding: 10px 0; text-align: left; position: relative;}
.interDe_plat_formem_center blockquote span { font-size: 60px; color: #E3923F; position: absolute; left: 0; top: 0;}
.interDe_plat_formem_center blockquote span:after { content: ''; display: block; width: 50px; height: 1px; border-top: 1px #aaa dashed; position: absolute; left: 60px; top: 75px; transform:rotate(-45deg);}
.interDe_plat_formem_center blockquote h6 { font-size: 20px; color:#333; line-height:150%;}
.interDe_plat_formem_center blockquote p { font-size: var(--FontSize15); color:#666; line-height:150%;}
.interDe_plat_formem_center section { margin:50px 0 0; padding: 80px 15px 15px 100px; text-align: left; position: relative;}
.interDe_plat_formem_center section span { font-size: 60px; color: #E3923F; position: absolute; left: 0; top: 0;}
.interDe_plat_formem_center section span:after { content: ''; display: block; width: 50px; height: 1px; border-top: 1px #aaa dashed; position: absolute; left: 60px; top: 75px; transform:rotate(-45deg);}
.interDe_plat_formem_center section h6 { font-size: 20px; color:#333; line-height:150%;}
.interDe_plat_formem_center section p { font-size: var(--FontSize15); color:#666; line-height:150%;}

.interDe_plat_formem_bottom { margin:50px 3%; width:94%; text-align:center;}
.interDe_plat_formem_bottom p { font-size:14px; color:#666; margin:20px 0;}
.interDe_plat_formem_bottom p input[type="checkbox"] { margin-right:10px;}
.interDe_plat_formem_bottom input[type="submit"] { font-size:17px; color:#fff; font-weight:1000; outline:none; border:none; padding:10px 30px; letter-spacing:2px; margin:10px; background: var(--ColorView02); cursor:pointer;}
.interDe_plat_formem_bottom input[type="submit"]:hover { background: var(--ColorView09);}
.inDe_plat_login_Box { max-width: 1000px; margin: 15vh auto; padding: 0 5%;}


/* -------------- */
/* - 申請廣告會員 - */
/* -------------- */
.interDe_applyforplat_form_center { padding:2% 2%;}

.price_box_c { padding:0 0 15px;}
.price_box_c ul { list-style:none; display:block; text-align:center;}
.price_box_c ul:after { content:''; clear:both; display:block;}
.price_box_c li { display:block; width:19%; margin-right:1.2%; float:left; border:1px solid #eee; position:relative; letter-spacing:1px;}
.price_box_c li:last-child { margin:0;}
.price_box_c li b { display:block; font-size:17px; color:#000; background:#f0f0f0; height:90px; line-height:90px; margin:0 0 5px 0;}
.price_box_c li i { display:block; position:absolute; top:0; right:0; font-size:12px; font-style:normal; color:#333; background:#FFF; padding:2px 5px;}
.price_box_c li i.other_style { background: var(--ColorView10); color:#FFF;}
.price_box_c li p { font-size:12px; color: var(--ColorView10); min-height:18px;}
.price_box_c li p strong { font-size:36px;}

.price_box_b {}
.price_box_b blockquote {}
.price_box_b .form_style_title_s { background:url(../images/web_icon55.jpg) no-repeat left center; font-size:15px; color:#333; padding:5px 5px 5px 20px;}
.price_box_b table { width:100%; background:#e8e8e8; margin:0 0 15px;}
.price_box_b td { vertical-align:middle; text-align:center; font-size:14px; color:#555; padding:10px 7px; background:#fafafa;}
.price_box_b td:nth-child(1) { background:#888; width:120px;}
.price_box_b strong { font-size:15px; color:#fff;}

.interDe_applyforplat_form_bottom { padding:0 2%;}
.apply_form_t {}
.apply_form_t h4 { font-size:20px; color: var(--ColorView06);}
.apply_form_t h5 { font-size:15px; color: var(--ColorView03); margin-bottom:7px;}
.apply_form_t h5 span { font-size:12px; color:#c00;}
.apply_form_t table { width:100%; background:#ddd; margin:0 0 15px;}
.apply_form_t td { text-align: left; vertical-align:middle; font-size:14px; color:#555; padding:8px 8px; background:#fff;}
.apply_form_t td:nth-child(1) { background:#fff6e7; width:110px;}
.apply_form_t strong { font-size:15px; color:#333;}
.apply_form_t input[type="text"],
.apply_form_t input[type="password"] { border:none; outline:none; font-size:13px; color:#666; background:#f6f6f6; padding:4px; margin-right:5px; width:50%;}
.apply_form_t select { border:1px #ccc solid;}
.apply_form_t label { display:inline-block; cursor:pointer;}
.apply_form_t input[type="radio"] { margin:0 3px;}

.apply_form_c {}
.apply_form_c h4 { font-size:20px; color: var(--ColorView06);}
.apply_form_c h5 { font-size:15px; color: var(--ColorView03); margin-bottom:7px;}
.apply_form_c h5 span { font-size:12px; color:#c00;}
.apply_form_c table { width:100%; background:#ddd; margin:0 0 15px;}
.apply_form_c td { text-align: left; vertical-align:middle; font-size:14px; color:#666; padding:8px 8px; background:#fff;}
.apply_form_c td:nth-child(1) { background:#f6f6f6; width:110px;}
.apply_form_c td label { padding:2px 2px; margin:0 3px 3px 0; display:inline-block; cursor:pointer;}
.apply_form_c strong { font-size:15px; color:#333;}
.apply_form_c input[type="checkbox"] { margin:0 2px;}
.apply_form_c textarea { border:none; border:none; background:#f6f6f6; width:100%; height:100px; padding: 7px;}
.apply_form_c em { display:block; padding:3px 0; font-size:12px; color:#c66; font-style:normal;}
.apply_form_c input[type="text"]#checknum { border:1px #ccc solid; width:75px;}

.apply_form_c input[type="reset"],
.apply_form_c input[type="submit"] { font-size:15px; color:#fff; padding:7px 15px; border:none; width:48%; margin:3px 1%;}
.apply_form_c input[type="reset"] { background: var(--ColorView06);}
.apply_form_c input[type="submit"] { background: var(--ColorView04);}
.apply_form_c input[type="reset"]:hover { background: var(--ColorView01);}
.apply_form_c input[type="submit"]:hover { background: var(--ColorView01);}

/* -------------- */
/* - 登入廣告會員 - */
/* -------------- */

.inDe_platformem_ban01 { width: 100%; height: 200px; background: url("../images/banner_PFmemer01.jpg") no-repeat left bottom; background-size: cover;}
.inDe_platformem_ban01 em { display: none;}

.inDe_plat_login_single { border-top: 1px #ccc dashed; padding: 50px 0;}
.inDe_plat_login_single ul { list-style:none; display:table; width:100%; max-width:800px; margin:auto; text-align:center; background:#fff; border:4px #fff solid; position:relative; z-index:10;}
.inDe_plat_login_single ul li { display:table-cell; width:50%; text-align:center; vertical-align:middle; padding: 0 3%;}
.inDe_plat_login_single ul li:nth-child(1) { padding:25px 3%;}
.inDe_plat_login_single ul li:nth-child(2) {}
.inDe_plat_login_single ul h5 { font-size:30px; color:#000; border-left:4px: var(--ColorView02) solid; text-align:left; line-height:100%; padding:0 10px;}
.inDe_plat_login_single ul table { width:100%;}
.inDe_plat_login_single ul td { padding-bottom:10px; text-align:left;}
.inDe_plat_login_single ul td:nth-child(1) { width:80px;}
.inDe_plat_login_single ul td h6 { font-size:17px; color:#666;}
.inDe_plat_login_single ul td img { display:inline-block; vertical-align:middle; margin:1px;}
.inDe_plat_login_single ul td a { display:inline-block; vertical-align:middle; font-size:12px; color: var(--ColorView10);}
.inDe_plat_login_single ul blockquote { display:block;}
.inDe_plat_login_single ul input { outline:none; border:none; background:#fff; width:100%; padding:7px;}
.inDe_plat_login_single ul input[type="text"],
.inDe_plat_login_single ul input[type="password"] { border: 1px #ddd solid; }
.inDe_plat_login_single ul input[type="text"].verification_btn { width:60px;}
.inDe_plat_login_single ul blockquote { display:block;}
.inDe_plat_login_single ul input[type="submit"] { padding:7px 7px; font-size:15px; color:#fff; cursor:pointer; background: var(--ColorView03);}
.inDe_plat_login_single ul input[type="submit"]:hover { background: var(--ColorView04)}
.inDe_plat_login_single ul input[type="rest"] { padding:7px 7px; font-size:15px; color:#fff; cursor:pointer; background: var(--ColorView06); text-align: center;}
.inDe_plat_login_single ul input[type="rest"]:hover { background:var(--ColorView04);}
.inDe_plat_login_single ul p { font-size:15px; color:#666; background: #f7f7f7; padding:50px 5% 25px;}
.inDe_plat_login_single ul p i { display:block; margin: 0 0 5px;}
.inDe_plat_login_single ul p a { display:block; margin-top:25px; padding: 10px; font-size:13px; color: var(--ColorView15); background: var(--ColorView06);}
.inDe_plat_login_single ul p a:hover { background: var(--ColorView05); text-decoration:underline;}

.inDe_plat_login_single ul blockquote { padding: 15px 0 0;}
.inDe_plat_login_single.inDe_plat_forget ul li { width: 100%; padding: 0 !important;}
.inDe_plat_login_single.inDe_plat_forget ul p { background: none; padding: 0 0 25px;}
.inDe_plat_login_single.inDe_plat_forget ul input[type="submit"] { width: 48%;}
.inDe_plat_login_single.inDe_plat_forget ul input[type="rest"] { width: 48%;}


img.flash_01 { position:absolute; height:100%; z-index:3; top:0; left:0; animation:flash_move 30s infinite; -webkit-animation:flash_move 30s infinite;}
@-webkit-keyframes flash_move {
	0% {-webkit-transform:translateX(0%);}
	50% {-webkit-transform:translateX(-4%);}
	100% {-webkit-transform:translateX(0%);}
}
@keyframes flash_move {
	0% {-webkit-transform:translateX(0%);}
	50% {-webkit-transform:translateX(-4%);}
	100% {-webkit-transform:translateX(0%);}
}

/**/
.interDe_plat_accnt { padding:0 2%; max-width:1024px; margin:auto;}
.interDe_plat_accnt:after { content:''; clear:both; display:block;}
/**/
.interDe_plat_accnt ul { list-style:none; display:block; margin:auto; text-align:center;}
.interDe_plat_accnt h5 { font-size:24px; color:#ab802e; padding:7px;}
.interDe_plat_accnt input { outline:none; border:none; padding:3px; background:#f0f0f0;}
.interDe_plat_accnt li { vertical-align:middle; background:#fff; padding:5px;}
.interDe_plat_accnt li h6 { font-size:15px; color:#333; display:inline-block; padding:7px;}
/**/
.interDe_plat_accnt li input[type="text"] {}
.interDe_plat_accnt li input[type="text"].verification_btn { width:60px;}
.interDe_plat_accnt li input[type="password"] {}
.interDe_plat_accnt li img { display:inline-block; vertical-align:middle; margin:1px;}
.interDe_plat_accnt li a { display:inline-block; vertical-align:middle; font-size:12px; color:#03f;}
.interDe_plat_accnt li input[type="submit"] { padding:5px 10px; font-size:15px; color:#fff; border:1px #fff solid; cursor:pointer; background: var(--ColorView02);}
.interDe_plat_accnt li input[type="submit"]:hover { background:#666;}
/**/
                   

/* ------------- */
/* - 店家 Store - */
/* ------------- */
.interDe_storeBox { padding: 0 0 25px;}

.interDe_storeHome {}

.interDe_store_conceptbanner {  line-height: 0%;}
.interDe_store_conceptbanner img { width:100%; max-width:100%;}

/* ------------------- */
/* - 普通編輯頁面 page - */
/* ------------------- */
.interDe_storeEdit_Title { display: flex; align-items: center; flex-wrap: wrap; padding: 25px 20px; position: relative;}
.interDe_storeEdit_Title b { border-radius: 50px; border: 1px #ccc solid; padding: 7px 20px; margin-right: 10px;}
.interDe_storeEdit_Title h4 { font-size: var(--FontSize20); color: var(--ColorView02); display: flex; align-items: center;}
.interDe_storeEdit_Title h5 { font-size: var(--FontSize15); color: #333; font-weight: 500; width: 100%; padding: 7px;}
.interDe_storeEdit_Title h5:before { content: 'Now：'; font-size: var(--FontSize15); color: #000; font-weight: 1000;}

.interDe_storeEdit_Basic { padding: 20px 15px 25px;}
.interDe_storeEdit_Basic * {}
.interDe_storeEdit_Basic img { width:auto !important; height:auto !important; max-width:100%;}

/* ------------------- */
/* - 店家頁面下方功能 - */
/* ------------------ */
.web_contactBox { display: flex; width: 94%; align-items: center; justify-content: center; padding: 35px 0; margin: 0 3% 25px; background: #f9f9f9; /*border-top: 1px #eee solid; border-bottom:  1px #eee solid;*/}
.web_contactBox * { transition: all .5s;}
.web_contactBox section { width: 33%; border-right: 1px #ddd solid; padding: 0 5px;}
.web_contactBox section:last-child { border: none;}
.web_contactBox section a { display: block; background: #f9f9f9; padding:7px;}
.web_contactBox section a span { font-size: var(--FontSize15); color: #666; display: flex; align-items: center; justify-content: center;}
.web_contactBox section span:before { content: ''; background: no-repeat center center; display: inline-block; margin-right: 7px;}
.web_contactBox span.iconSign01:before { background-image: url(../images/web_icon66.png); width: 20px; height: 20px;}
.web_contactBox span.iconSign02:before { background-image: url(../images/web_icon68.png); width: 20px; height: 20px;}
.web_contactBox span.iconSign03:before { background-image: url(../images/web_icon70.png); width: 40px; height: 20px;}
.web_contactBox section a:hover { /*background: var(--ColorView06);*/}
.web_contactBox section a:hover span { color: #000;}
.web_contactBox a:hover span.iconSign01:before { /*background-image: url(../images/web_icon67.png);*/ width: 0;}
.web_contactBox a:hover span.iconSign02:before { /*background-image: url(../images/web_icon69.png);*/ width: 0;}
.web_contactBox a:hover span.iconSign03:before { /*background-image: url(../images/web_icon71.png);*/ width: 0;}

.interDe_storeHome .interDe_i_shop { padding: 25px 3%; background: none;}
.interDe_storeHome .interDe_i_shop .box_i_title { justify-content: space-between; margin: 0; padding: 10px 0;}
.interDe_storeHome .interDe_i_shop .box_i_title h4 { font-size: var(--FontSize30);}

.interDe_storeHome .interDe_i_report { padding: 25px 3%; background: none;}

.interDe_storeHome .interDe_i_Knowledge { padding: 25px 3%;}
.interDe_storeHome .CategoryBox { flex-wrap: wrap;}
.interDe_storeHome .CategoryBox:last-child { margin: 0;}
.interDe_storeHome .CategoryBox .Article_le { width: 100%; padding: 0 0 7px; display: flex; align-items: center; justify-content: space-between;}
.interDe_storeHome .CategoryBox .Article_le h5 { font-size: var(--FontSize30); border: none; margin: 0;}
.interDe_storeHome .CategoryBox .Article_ri { width: 100%; display: flex; flex-wrap: wrap; padding: 0 !important;}
.interDe_storeHome .CategoryBox .Article_ri .item { width: 31%; margin: 0 0 2% 2%;}

.interDe_storeHome .interDe_i_Case { padding: 25px 3%;}
.interDe_storeHome .interDe_i_Case .box_i_title { justify-content: space-between; margin: 0; padding: 10px 0;}
.interDe_storeHome .interDe_i_Case .box_i_title h4 { font-size: var(--FontSize30);}


/* ------------------- */
/* - 聯絡我們 contact - */
/* ------------------ */
.interDe_storeContactBox { padding: 25px;}
.interDe_storeContactBox * { transition: all .5s;}
.interDe_storeContactBox .box_i_title { margin: 0; justify-content: flex-start;}
.conBox_Form { padding: 25px 0 0;}
.conBox_Form h5 { font-size: 14px; color: #c00;}
.conBox_Form ul { list-style: none; width: 100%; display: flex; flex-wrap: wrap; align-items: center; background: #f6f6f6; padding: 30px 10px;}
.conBox_Form ul li { width: 50%; padding: 10px 25px;}
.conBox_Form ul li:last-child { width: 100%;}
.conBox_Form blockquote { font-size: var(--FontSize15); color: #333; display: block; width: 100%; margin: 0 0 7px;}
.conBox_Form blockquote span { font-size: var(--FontSize15); color: #c00;}
.conBox_Form cite { font-size: 17px; color: #333; display: block; width: 100%;}
.conBox_Form cite input { font-size: 14px; color: #444; border: 1px #eee solid; background: #fff; width: 100%; padding: 10px;}
.conBox_Form textarea { font-size: 14px; color: #444; border: 1px #eee solid; background: #fff; width: 100%; padding: 10px; min-height: 150px;}
.conBox_Form .conBox_Button { display: flex; justify-content: center; padding: 10px 0 0;}
.conBox_Form .conBox_Button input { border: 1px #ccc solid; padding: 9px 20px; border-radius: 100px; margin: 10px 15px; cursor: pointer;}
.conBox_Form .conBox_Button input[type="submit"] { font-size: var(--FontSize15); color: #fff; background: #666}
.conBox_Form .conBox_Button input[type="reset"] { font-size: var(--FontSize15); color: #666; background: #fff;}
.conBox_Form .conBox_Button input:hover { color: #fff; background: #000;}


/* ------------------- */
/* - 相簿功能 Ablum   - */
/* ------------------ */
.interDe_storeAlbumFirst { display: flex; flex-wrap: wrap; padding: 0 20px 0 0;}
.interDe_storeAlbumFirst * { transition:all .5s;}
.interDe_storeAlbumFirst .item { width: 25%; padding: 0 0 20px 20px;}
.interDe_storeAlbumFirst .item > a { display: block; position: relative; overflow: hidden; line-height: 0;}
.interDe_storeAlbumFirst .item > a:before { content:''; background: url("../images/web_icon65.png") no-repeat center center; position: absolute; z-index: 8; left: 0; bottom: -30px; width: 100%; height: 30px; opacity: 0;}
.interDe_storeAlbumFirst .item > a:after { content:''; background: rgba(0,0,0,0.35); position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 40px;}
.interDe_storeAlbumFirst .item img { position: relative; z-index: 3; max-width: 125%; height: 300px;}
.interDe_storeAlbumFirst .item section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; padding: 10px; position: absolute; z-index: 7; left: 0; bottom: 0; width: 100%; height: 40px;}
.interDe_storeAlbumFirst .item section h6 { font-size: var(--FontSize17); color: var(--ColorView15); width: 100%;}
.interDe_storeAlbumFirst .item section h6 strong { font-size: var(--FontSize13); color: var(--ColorView08); width: 100%; display: none;}
.interDe_storeAlbumFirst .item > a:hover {}
.interDe_storeAlbumFirst .item > a:hover:before { opacity: 1; bottom: 0;}
.interDe_storeAlbumFirst .item > a:hover:after { height: 100%;  background: rgba(0,0,0,0.85);}
.interDe_storeAlbumFirst .item > a:hover img { transform: scale(1.2);} 
.interDe_storeAlbumFirst .item > a:hover section { height: 100%;}
.interDe_storeAlbumFirst .item > a:hover section h6 strong { display: block;}

.interDe_storeAlbumSecond { padding:0 20px 0 0; display: flex; flex-wrap: wrap;}
.interDe_storeAlbumSecond * { transition:all .5s;}
.interDe_storeAlbumSecond .item { width: 25%; padding: 0 0 20px 20px;}
.interDe_storeAlbumSecond .item > a { display: block; position: relative; overflow: hidden;line-height: 0;}
.interDe_storeAlbumSecond .item > a:before { content:''; background: url("../images/web_icon65.png") no-repeat center center; position: absolute; z-index: 8; left: 0; bottom: -30px; width: 100%; height: 30px; opacity: 0;}
.interDe_storeAlbumSecond .item > a:after { content:''; background: rgba(0,0,0,0.35); position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 40px;}
.interDe_storeAlbumSecond .item img { position: relative; z-index: 3; max-width: 125%; height: 300px;}
.interDe_storeAlbumSecond .item section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; padding: 10px; position: absolute; z-index: 7; left: 0; bottom: 0; width: 100%; height: 40px;}
.interDe_storeAlbumSecond .item section h6 { font-size: var(--FontSize17); color: var(--ColorView15); width: 100%;}
.interDe_storeAlbumSecond .item section h6 strong { font-size: var(--FontSize13); color: var(--ColorView08); width: 100%; display: none;}
.interDe_storeAlbumSecond .item > a:hover {} 
.interDe_storeAlbumSecond .item > a:hover:before { opacity: 1; bottom: 0;}
.interDe_storeAlbumSecond .item > a:hover:after { height: 100%;  background: rgba(0,0,0,0.85);}
.interDe_storeAlbumSecond .item > a:hover img { transform: scale(1.2);} 
.interDe_storeAlbumSecond .item > a:hover section { height: 100%;}
.interDe_storeAlbumSecond .item > a:hover section h6 strong { display: block;}

.interDe_storeAlbumThird { padding:0 20px 0 0; display: flex; flex-wrap: wrap;}
.interDe_storeAlbumThird .item { width: 25%; padding: 0 0 20px 20px;}
.interDe_storeAlbumThird .item > a { display: block; position: relative; overflow: hidden;}
.interDe_storeAlbumThird .item > a > img { transition:all .5s;}
.interDe_storeAlbumThird .item img { position: relative; z-index: 3; max-width: 125%; height: 300px;}
.interDe_storeAlbumThird .item > a:hover {} 
.interDe_storeAlbumThird .item > a:hover img { transform: scale(1.2);} 


/* ------------------- */
/* - 店家商品 product - */
/* ------------------ */
.interDe_prodc_intro { display: flex; flex-wrap: wrap; justify-content: space-between; position: relative; padding: 0 20px;}

.prodc_intro_top { width:60%; position: relative; padding: 0 50px 0 0;}
.prodc_intro_center { width:40%; position: relative;}
.prodc_intro_center * { transition:all .6s; max-width:100%;}

.prodc_intro_share { text-align:right; margin:15px auto 0;} 
.prodc_intro_share strong { font-size:13px; color:#666;}
.prodc_intro_share a { display:inline-block; vertical-align:middle; width:32px; height:32px; border-radius:100%; padding:5px;}
.prodc_intro_share a.btn_fb { background-color:#3E5A98;}
.prodc_intro_share a.btn_line { background-color:#26c526;}
.prodc_intro_share a:hover {}

.prodc_intro_norm { margin:0 0 15px;}
.prodc_intro_norm h2 { font-size:32px; color:#333; padding:7px 0; margin-bottom:15px; border-bottom:1px #ccc dashed;}
.prodc_intro_norm .prodc_de_item { padding:10px 0;}
.prodc_intro_norm .prodc_de_item blockquote { min-height: 30px; position: relative; padding: 0 0 0 100px; margin-bottom:7px;}
.prodc_intro_norm .prodc_de_item blockquote:before { content:attr(data-tt); font-size:20px; color:#444; font-weight: 700; width: 90px; text-align-last: justify; position: absolute; left: 0; top: 0;}
.prodc_intro_norm .prodc_de_item blockquote p { font-size: var(--FontSize15); color: #666; line-height: 175%;}
.prodc_intro_norm .prodc_de_item blockquote strong { font-size: var(--FontSize15); color: #666; line-height: 175%;}
.prodc_intro_norm .prodc_de_item blockquote b { font-size: var(--FontSize15); color: #c00; line-height: 175%;}
.prodc_intro_norm .prodc_de_item input[type="radio"] { display:none;}
.prodc_intro_norm .prodc_de_item input[type="radio"]:checked {}
.prodc_intro_norm .prodc_de_item label { display:inline-block; vertical-align:top; text-align:center; font-size:15px; color:#666; border:1px #ddd solid; background:#fff; padding:1px 7px; margin:0 5px 5px 0; cursor:pointer;}
.prodc_intro_norm .prodc_de_item input[type="text"] { padding:0 3px; margin:0 5px 0 0; width:50px; text-align:center; border:1px #ddd solid;}
.prodc_intro_norm .prodc_de_item label:hover,
.prodc_intro_norm .prodc_de_item input[type="radio"]:checked+label { background:#333; color:#fff;}

.prodc_intro_cart {}
.prodc_intro_cart a { display:inline-block; background: #f3f3f3; width:49%; padding:10px 5px; margin-bottom:15px; border: 1px #eee solid; border-bottom:3px #aaa solid; text-align:center; border-radius:5px; transition:all .5s;}
.prodc_intro_cart a b { display:inline-block; font-size:17px; color:#666; letter-spacing:2px;}
.prodc_intro_cart a.pd_cart_add { float:left;}
.prodc_intro_cart a.pd_cart_now { float:right;}
.prodc_intro_cart a.pd_inqry_add { float:left;}
.prodc_intro_cart a.pd_inqry_now { float:right;}
.prodc_intro_cart a.pd_goofficial { width:100%; float:left; display:block;}

.prodc_intro_cart a:hover { transform:translateY(-3px); background: #666;}
.prodc_intro_cart a:hover b { color:#fff;}
.prodc_intro_cart a.pd_cart_add:hover {}
.prodc_intro_cart a.pd_cart_now:hover {}
.prodc_intro_cart a.pd_inqry_add:hover {}
.prodc_intro_cart a.pd_inqry_now:hover { }
.prodc_intro_cart a.pd_goofficial:hover {}

.prodc_intro_bottom { width: 100%; position: relative; padding: 50px 0;}
.wb_pd_tabTitle { list-style: none; display: flex; align-items: flex-end; align-content: flex-end; margin: 0 0 25px;}
.wb_pd_tabTitle li { flex: 1; position: relative; border-bottom: 1px #ccc solid; padding: 7px;}
.wb_pd_tabTitle li:before { content: ''; position: absolute; left: 0; bottom: 0; display: block; width: 100%; height: 2px; background: #666; opacity: 0;}
.wb_pd_tabTitle li a { display: block; font-size: 17px;	color: #666; font-weight: 400; text-align: center; padding: 7px;}
.wb_pd_tabTitle li.activeTab {}
.wb_pd_tabTitle li.activeTab:before { opacity: 1;} 
.wb_pd_tabTitle li.activeTab a { font-size: 20px; color: #111; font-weight: 1000;}

/* -- custom -- */
.prodImg_swiper { width: 100%; overflow: hidden; position: relative;}
.prodImg_swiper .swiper-slide { position: relative; overflow: hidden;}
.prodImg_swiper .swiper-slide img { width: 100%; height: 100%; object-fit: cover;}
.prodImg_swiper .swiper-button-next,
.prodImg_swiper .swiper-button-prev { display: none;}

.prodSubImg_swiper { width: 100%; overflow: hidden; margin: 0 0 7px;}
.prodSubImg_swiper .swiper-slide { position: relative; overflow: hidden; height: 125px;}
.prodSubImg_swiper .swiper-slide img { width: 125%; height: 125%; object-fit: cover;}
.prodSubImg_swiper .swiper-button-next,
.prodSubImg_swiper .swiper-button-prev { font-size: 24px; color: #666;}


/* ------------------- */
/* - 室內設計作品 projects_list - */
/* ------------------ */
.interDe_storeProjsList { padding: 0 20px; display: flex; flex-wrap: wrap;}
.interDe_storeProjsList * { /*transition: all 0.6s;*/}

.StoreProjs_Ce { display: flex; flex-wrap: wrap; align-items: center; width: 100%; padding: 10px 0; position: sticky; top: 0; z-index: 89; background: #fff;}

.StoreProjs_Le { display: flex; align-items: flex-end;}
.StoreProjs_Le blockquote { display: flex; margin: 0 15px 0 0;}
.StoreProjs_Le h6 { font-size: var(--FontSize20); color: var(--ColorView03);}
.StoreProjs_Le p { font-size: var(--FontSize30); color: var(--ColorView10); line-height: 100%;}
.StoreProjs_Le p:after { font-size: var(--FontSize20) !important; color: var(--ColorView01); font-weight: 700; margin: 0 0 0 5px;}
.StoreProjs_Le p.WorkNumber:after { content: '';}
.StoreProjs_Le p.ImgNumber:after { content: '';}

.StoreProjs_Ri { display: flex; width: 100%; align-items: center;}
.TabBtn_Le { font-size: 20px; border: none; background: #f0f0f0; cursor: pointer; width: 25px;}
.TabBtn_Ri { font-size: 20px; border: none; background: #f0f0f0; cursor: pointer; width: 25px;}
.StoreProjs_Ri ul.Tab_wrap { list-style: none; display: flex; overflow-x: auto; width: calc(100% - 70px); margin: 0 10px;}
.StoreProjs_Ri ul li { display: block; flex-shrink: 0; scroll-snap-align: center; margin-right: 10px;}
.StoreProjs_Ri ul li a { font-size: var(--FontSize15); color: #666; display: block; padding: 2px 0; border: 2px #fff solid;}

.StoreProjs_Post { width: 100%; padding: 20px 0 0;}
.StoreProjs_Post ul { list-style: none; display: flex; flex-wrap: wrap;}
.StoreProjs_Post li { border: 1px #ddd solid; background: #fff; width: 32%; margin: 0 2% 25px 0; display: flex; position: relative;}
.StoreProjs_Post li:nth-child(3n+3) { margin-right: 0; margin-left: 0%;}

.StoreProjs_Post li * { transition:all .5s;}
.StoreProjs_Post li > a { display: block; width: 100%; position: relative; height: 0; padding: 0 0 60%; overflow: hidden;}
.StoreProjs_Post li > a:before { content:''; background: url("../images/web_icon65.png") no-repeat center center; position: absolute; z-index: 8; left: 0; bottom: -30px; width: 100%; height: 30px; opacity: 0;}
.StoreProjs_Post li > a:after { content:''; background: rgba(0,0,0,0.35); position: absolute; z-index: 5; left: 0; bottom: 0; width: 100%; height: 40px;}
.StoreProjs_Post li img { position: absolute; left: 50%; top: 0; transform: translateX(-50%) scale(1); z-index: 3; width: 125%;}
.StoreProjs_Post li section { display: flex; align-items: center; justify-content: center; flex-wrap: wrap; text-align: center; padding: 10px; position: absolute; z-index: 7; left: 0; bottom: 0; width: 100%; height: 40px;}
.StoreProjs_Post li section h6 { font-size: var(--FontSize17); color: var(--ColorView15); width: 100%;}
.StoreProjs_Post li section h6 strong { font-size: var(--FontSize13); color: var(--ColorView08); width: 100%; display: none;}
.StoreProjs_Post li > a:hover {} 
.StoreProjs_Post li > a:hover:before { opacity: 1; bottom: 0;}
.StoreProjs_Post li > a:hover:after { height: 100%;  background: rgba(0,0,0,0.85);}
.StoreProjs_Post li > a:hover img { transform: translateX(-50%) scale(1.2);} 
.StoreProjs_Post li > a:hover section { height: 100%;}
.StoreProjs_Post li > a:hover section h6 strong { display: block;}


.StoreProjs_Dd { display: flex; width: 100%; flex-wrap: wrap; justify-content: center; margin: 0 0;}
.StoreProjs_Dd ul { width: 100%; display: flex; flex-wrap: wrap; align-items: center; justify-content: center;}
.StoreProjs_Dd li { margin: 0 7px; padding: 5px 0; display: inline-block; cursor: pointer;}
.StoreProjs_Dd li a { font-size: 15px; color: #999;}
.StoreProjs_Dd li span.action { 
  display: inline-block; cursor: pointer; margin-left: 5px;
  width: 0; height: 0; border-top: 5px solid #666; 
  border-right: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 5px solid transparent;
  transition: all .5s;
}
.StoreProjs_Dd li.Now a { color: #666; font-weight: 1000;}
.StoreProjs_Dd li.Now span.action { transform: rotate(-180deg) translateY(5px);}

.NmContt { width: 100%; position: relative; margin: 15px 0;}
.soMenu { display: none; width: 100%; /*position: absolute; left: 0; top: 0;*/ text-align: center;}
.soMenu dd { display: inline-block; margin: 0 2px 5px 0;}
.soMenu dd a { font-size: 13px; color: #666; background: #f0f0f0; display: flex; padding: 5px 10px;}
.soMenu dd a.ac_now,
.soMenu dd a:hover { color: #ffffff; background: #666;}

/*.StoreProjs_Dd*/

.NmContt { width: 100%; position: relative; margin: 15px 0;}
.soMenu { display: none; width: 100%; /*position: absolute; left: 0; top: 0;*/ text-align: center;}
.soMenu dd { display: inline-block; margin: 0 2px 5px 0;}
.soMenu dd a { font-size: 13px; color: #666; background: #f0f0f0; display: flex; padding: 5px 10px;}
.soMenu dd a:hover { color: #ffffff; background: #666;}

/* ------------------- */
/* - 室內設計作品 projects_detail - */
/* ------------------ */
.interDe_storeProjsDetail {}
.interDe_storeProjsDetail * { transition: all .6s;}

.ProjsDetail_infoBox { display: flex; flex-wrap: wrap; position: relative;}
.ProjsDetail_infoBox * img { max-width: 100%;}
.ProjsDetail_info_3_4 { width: 75%;}
.ProjsDetail_info_1_4 { width: 25%;}

.ProjsDetail_Title { padding: 20px 20px; position: relative;}
.ProjsDetail_Title h5 { font-size: var(--FontSize15); color: var(--ColorView05); text-align: right;}
.ProjsDetail_Title h5 a { font-size: 13px; color: var(--ColorView05);}
.ProjsDetail_Title h5 span { font-size: var(--FontSize15); color: var(--ColorView05); display: inline-block; padding: 0 5px;}
.ProjsDetail_Title h4 { font-size: 30px; color: var(--ColorView01);}
.ProjsDetail_Title h4 span { font-size: 12px; color: #999; display: block;}
.ProjsDetail_Title h6 { display: flex; flex-wrap: wrap; align-items: center; width: 100%; margin: 15px 0 0;}
.ProjsDetail_Title h6:before { content: '篩選項目'; font-size: var(--FontSize13); color: var(--ColorView05); display: inline-flex; margin: 5px 0; padding: 0 5px;}
.ProjsDetail_Title h6 a { font-size: var(--FontSize13); color: var(--ColorView05); display: inline-flex; margin: 5px 0; padding: 0 5px; position: relative;}
.ProjsDetail_Title h5 a:hover { color: var(--ColorView10); text-decoration: underline;}

.ProjsDetail_Intro { display: flex; flex-wrap: wrap; padding: 25px; width: 100%;}
.ProjsDetail_Intro dd { display: block;}
.ProjsDetail_Intro dd:first-child { margin-right: 85px;}
.ProjsDetail_Intro h5 { font-size: 20px; color: var(--ColorView10); font-weight: 500; position: relative; margin: 0 0 20px; padding: 0 0 15px; width: 100%;}
.ProjsDetail_Intro h5:before { content: ''; position: absolute; left:0; bottom: 0; z-index: 5; display: block; width: 60px; height: 1px; background: #000;}
.ProjsDetail_Intro h5:after { content: ''; position: absolute; left:0; bottom: 0; z-index: 3; display: block; width: 150px; height: 1px; background: #ccc;}
.ProjsDetail_Intro h6 { font-size: var(--FontSize15); color: #999; font-weight: 500; display: inline-flex; flex-wrap: wrap; align-items: center; margin: 0 0 10px; width: 100%;}
.ProjsDetail_Intro h6 strong { font-size: var(--FontSize15); color: #999; font-weight: 500; line-height: 100%; margin-right: 15px; width: 50px; position: relative;}
.ProjsDetail_Intro h6 strong:before { content: '☑'; font-size: var(--FontSize15); color: #aaa; display: inline-block; margin: 0 3px 0 0; display: none;}
.ProjsDetail_Intro h6 strong:after { content: ''; display: block; width: 1px; height: 100%; background: #ccc; position: absolute; right: 0; top: 0;}
.ProjsDetail_Intro dt { display: block; width: 100%; margin-top: 15px;}
.ProjsDetail_Intro em.TxtHouseType { font-size: 15px; color: #4d4b47; font-weight: 500; font-style: normal; display: inline-block; position: relative; padding: 5px 15px 5px 15px;}
.ProjsDetail_Intro em.TxtHouseType::before,
.ProjsDetail_Intro em.TxtHouseType::after { content: ''; border-left: 3px #cbcbca solid; border-bottom: 3px #cbcbca solid; display: block; position: absolute; left: 0; top: 0;}
.ProjsDetail_Intro em.TxtHouseType::before { width: 20px; height: 15px; transform: rotate(135deg); border-left-width: 1px;}
.ProjsDetail_Intro em.TxtHouseType::after { width: 15px; height: 15px; transform: translate(-2px,8px); border-bottom-width: 1px;}

.ProjsDetail_Intro section { font-size: var(--FontSize15); color: var(--ColorView04); font-weight: 500; line-height: 175%; text-align: left; display: block;}

.ProjsDetail_Viewpoint { padding: 20px 20px;}
.ProjsDetail_Viewpoint h5 { font-size: 20px; color: var(--ColorView10); font-weight: 500; position: relative; margin: 0 0 20px; padding: 0 0 15px; width: 100%;}
.ProjsDetail_Viewpoint h5:before { content: ''; position: absolute; left:0; bottom: 0; z-index: 5; display: block; width: 60px; height: 1px; background: #000;}
.ProjsDetail_Viewpoint h5:after { content: ''; position: absolute; left:0; bottom: 0; z-index: 3; display: block; width: 150px; height: 1px; background: #ccc;}
.ProjsDetail_Viewpoint section { font-size: var(--FontSize15); color: var(--ColorView04); font-weight: 500; line-height: 175%; text-align: left; display: block;}

.ProjsDetail_ImgView { padding: 20px 20px 0;}
.ProjsDetail_ImgView ul { display: flex; flex-wrap: wrap; width: 100%; list-style: none;}
.ProjsDetail_ImgView ul li { display: block; padding: 15px 0 0; width: 100%;}
.ProjsDetail_ImgView ul li a { display: block; position: relative;}
.ProjsDetail_ImgView li img {}

.ProjsDetail_Bottom { display: flex; justify-content: space-between; padding: 10px 20px;}
.ProjsDetail_Bottom a { position: relative; overflow: hidden; border:2px #ccc solid; border-radius: 5px; font-size: var(--FontSize15); color: var(--ColorView15); background: var(--ColorView08); cursor: pointer;}
.ProjsDetail_Bottom a img { position: absolute; top: 50%; transform: translateY(-50%);}
.ProjsDetail_Bottom a.ProjsBtn_Prev { padding: 9px 15px 9px 30px; order: 1;}
.ProjsDetail_Bottom a.ProjsBtn_Next { padding: 9px 30px 9px 15px; order: 3;}
.ProjsDetail_Bottom a.ProjsBtn_Back { padding: 9px 15px 9px 15px; order: 2;}
.ProjsDetail_Bottom a.ProjsBtn_Prev img { left: -7px;}
.ProjsDetail_Bottom a.ProjsBtn_Next img { right: -7px;}
.ProjsDetail_Bottom a:hover { padding: 9px 15px; background: var(--ColorView06);}
.ProjsDetail_Bottom a.ProjsBtn_Prev:hover img { left: -40px; }
.ProjsDetail_Bottom a.ProjsBtn_Next:hover img { right: -40px; }

.ProjsDetail_OtherObjs { list-style: none; background: #f9f9f9; display: flex; flex-wrap: wrap; padding: 15px 15px 0;}
.ProjsDetail_OtherObjs * { transition: all .6s;}
.ProjsDetail_OtherObjs * img { max-width: 100%;}
.ProjsDetail_OtherObjs li { display: flex; flex-wrap: wrap; justify-content: space-between; width: 100%; background: #fff; border: 2px #fff solid; margin: 0 0 20px; padding: 25px 15px 30px; position: relative; overflow: hidden;}
.ProjsDetail_OtherObjs li h6 { font-size: 20px; color: var(--ColorView10); font-weight: 500; position: relative; margin: 0 0 15px; padding: 0 0 15px; width: 100%;}
.ProjsDetail_OtherObjs li h6:before { content: ''; position: absolute; left:0; bottom: 0; z-index: 5; display: block; width: 60px; height: 1px; background: #000;}
.ProjsDetail_OtherObjs li h6:after { content: ''; position: absolute; left:0; bottom: 0; z-index: 3; display: block; width: 100%; height: 1px; background: #ccc;}
.ProjsDetail_OtherObjs li > a { display: block; width: 50%; border: 3px #fff solid; overflow: hidden;}
.ProjsDetail_OtherObjs li > a img { width: 100%; height: 100px; opacity: 1;}
.ProjsDetail_OtherObjs .see_more { position: absolute; right: 15px; bottom: 10px; display: block; width: 100%; text-align: right;}
.ProjsDetail_OtherObjs .see_more a { font-size: 13px; color: var(--ColorView04); font-weight: 1000;}
.ProjsDetail_OtherObjs .see_more a:after { content: ''; display: inline-block; width: 20px; height: 10px; background: url("../images/web_icon57.png") no-repeat center center;}
.ProjsDetail_OtherObjs > li:hover { border-color: #555;}
.ProjsDetail_OtherObjs > li:hover h6:before { background: #ccc; width: 100px;}
.ProjsDetail_OtherObjs > li:hover h6:after { width: 0%;}
.ProjsDetail_OtherObjs > li:hover .see_more a { color: var(--ColorView10);}
.ProjsDetail_OtherObjs > li:hover .see_more a:after { width: 0;}
.ProjsDetail_OtherObjs li > a img:hover { transform: scale(1.2,1.2); opacity: 0.5;}

/* ------------------- */
/* - 購物車 付款方式 - */
/* ------------------ */
.interDe_cartStep { padding:0 30px;} 
.cartStep_top { margin-bottom:25px;}
.cartStep_top ul { list-style:none; display:flex; flex-wrap:wrap; text-align:center;}
.cartStep_top ul li { display:block; width:calc((100% / 3) - 10px); background:#F0F0F0; margin:0 5px; padding:15px 7px;}
.cartStep_top b { display:inline-block; vertical-align:middle; font-size:24px; color: var(--ColorView02); line-height:30px;}
.cartStep_top i { display:inline-block; vertical-align:middle; background: var(--ColorView02); font-size:20px; color:#fff; font-style:normal; width:30px; height:30px; line-height:30px; border-radius:100%; margin:0 7px;}
.cartStep_top span { display:inline-block; vertical-align:middle; font-size:20px; color:#666;}
.cartStep_top ul li.this_show { background: var(--ColorView02);}
.cartStep_top ul li.this_show b { color:#fff;}
.cartStep_top ul li.this_show i { background:#fff; color: var(--ColorView02);}
.cartStep_top ul li.this_show span { color:#fff;}
.cartStep_center {}
.cartStep_bottom {}

.cart_01_le { width:66%; float:left;}
.cart_01_le table { width:100%; border-spacing:0px;}
.cart_01_le thead {}
.cart_01_le thead tr {}
.cart_01_le thead th { padding:10px 2%; font-size:20px; color:#333; width:100px; text-align:center;}
.cart_01_le thead th:first-child { width:auto; text-align:left;}

.cart_01_le tbody { background:#f9f9f9;}
.cart_01_le tbody * { font-family:Arial, serif; font-size:15px; color:#666; font-weight:500;}
.cart_01_le tbody tr {}
.cart_01_le tbody td { padding:2%; border-top:1px #ddd solid; width:100px; text-align:center;}
.cart_01_le tbody td:first-child { width:auto; text-align:left;}
.cart_01_le tbody img { display:inline-block; vertical-align:middle; width:90px; height:90px; margin-right:10px;}
.cart_01_le tbody h4 { display:inline-block; vertical-align:middle;}
.cart_01_le tbody em { font-style:normal;}
.cart_01_le tbody input[type="text"] { width:40px; border:1px #ccc solid; text-align:center;}
.cart_01_le tbody strong { color:#ab802e;}
.cart_01_le tbody input[type="button"] { border:none; vertical-align:middle; background:url(../images/web_icon53.png) no-repeat center center; width:24px; height:24px; cursor:pointer;}

.cart_01_ri { width:32%; float:right; text-align:right;}
.cart_01_ri h4 { padding:10px 0; font-size:20px; color:#333; border-bottom: 1px #ccc solid;}
.cartPay_ul01 { list-style:none; display:block; padding:10px 0;}
.cartPay_ul01 li { display:inline-block; vertical-align:middle; padding:5px;}
.cartPay_ul01 li input[type="radio"] { margin-right:5px;}
.cartPay_ul02 { list-style:none; display:block; padding:10px 0;}
.cartPay_ul02 li { position:relative; background:#f3f3f3; padding:10px; margin-bottom:7px; text-align:right;}
.cartPay_ul02 li em { display:inline-block; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:15px; color:#333; font-style:normal;}
.cartPay_ul02 li span { display:inline-block; font-size:15px; color:#333;}
.cartPay_ul02 li.lastMoney_color em,
.cartPay_ul02 li.lastMoney_color span { font-size:17px; color:#c33; font-weight:1000;}

/*店家商品 購物車 訂購資料*/
.cart_02_le { width:66%; float:left;}
.cart_02_le table { width:100%; border-spacing:0px;}
.cart_02_le thead {}
.cart_02_le thead tr {}
.cart_02_le thead th { padding:10px 2%; font-size:20px; color:#333; width:100px; text-align:center;}
.cart_02_le thead th:first-child { width:auto; text-align:left;}

.cart_02_le tbody {}
.cart_02_le tbody * { font-family:Arial, serif; font-size:15px; color:#666; font-weight:500;}
.cart_02_le tbody tr {}
.cart_02_le tbody td { padding:2%; border-top:1px #ddd solid; width:100px; text-align:center;}
.cart_02_le tbody td:first-child { width:auto; text-align:left;}
.cart_02_le tbody img { display:inline-block; vertical-align:middle; width:50px; height:50px; margin-right:10px;}
.cart_02_le tbody h4 { display:inline-block; vertical-align:middle;}
.cart_02_le tbody em { font-style:normal;}
.cart_02_le tbody input[type="text"] { width:40px; border:1px #ccc solid; text-align:center;}
.cart_02_le tbody strong { color:#ab802e;}
.cart_02_le tbody input[type="button"] { border:none; vertical-align:middle; background:url(../images/web_icon53.png) no-repeat center center; width:24px; height:24px; cursor:pointer;}

.cart_02_ri { width:32%; float:right; text-align:right;}
.cart_02_ri h4 { padding:10px 0; font-size:20px; color:#333; border-bottom: 1px #ccc solid;}

.cartStep_bottom {}
.cartStep_bottom section { background:#F9F9F9; padding:20px; margin-bottom:20px; border-top:2px #B7BF78 solid;}
.cartStep_bottom section:after { content:''; clear:both; display:block; width:100%;}
.cartStep_bottom section.camp_b_info01 {}
.cartStep_bottom section.camp_b_info02 {}
.cartStep_bottom section.camp_b_info03 {}
.cartStep_bottom section.camp_b_info04 { background:none; text-align:center;}
.cartStep_bottom h5 { font-size:24px; color:#98A34E; font-weight:500; letter-spacing:3px; background:url(../images/web_icon49.png) no-repeat left center; padding:12px 0 12px 45px; margin-bottom:15px;}
.cartStep_bottom h5 label { font-size:13px; letter-spacing:0px; color:#333; padding:3px;}
.cartStep_bottom h5 label input[type="checkbox"] { margin-right:3px;}
.cartStep_bottom p { font-size:15px; color:#444; width:100%; padding:7px 0; word-break:break-all;}

.buy_b_info01 { float:left; width:32%;}
.buy_b_info01 ul { list-style:none; display:block;}
.buy_b_info01 li { padding:1px 0 7px 110px; position:relative;}
.buy_b_info01 li.note {}
.buy_b_info01 .title { position:absolute; left:0; top:0; width:110px; height:100%; padding:7px 0; font-size:15px;}
.buy_b_info01 .title span { font-size:13px; color:#c00;}
.buy_b_info01 .formTxt {}
.buy_b_info01 input[type="text"],
.buy_b_info01 input[type="email"],
.buy_b_info01 input[type="tel"] { display:block; width:100%; border:none; border:1px #eee solid; outline:none; padding:8px 7px; background:#fff; font-size:13px; color:#666;}
.buy_b_info01 textarea { display:block; width:100%; height:100px; border:1px solid #eee; outline:none; padding:4px; font-size:13px; color:#666;}
.buy_b_info02 { float:left; width:30%; margin:0 2% 20px;}
.buy_b_info02 ul { list-style:none; display:block;}
.buy_b_info02 li { padding:1px 0 7px 110px; position:relative;}
.buy_b_info02 li.note {}
.buy_b_info02 .title { position:absolute; left:0; top:5px; width:120px; height:100%; padding:7px 0; font-size:15px;}
.buy_b_info02 .title span { font-size:13px; color:#c00;}
.buy_b_info02 .formTxt {}
.buy_b_info02 em { display:inline-block; vertical-align:middle; margin-right:7px; font-style:normal; font-size:14px; color:#666;}
.buy_b_info02 input[type="radio"] { margin-right:2px;}
.buy_b_info02 input[type="text"],
.buy_b_info02 input[type="email"],
.buy_b_info02 input[type="tel"] { display:block; width:100%; border:none; border:1px #eee solid; outline:none; padding:7px; background:#fff; font-size:13px; color:#666;}
.buy_b_info02 input[type="text"].verification_btn { width:70px; font-size: 13px; margin-right:7px; display:inline-block;}
.buy_b_info02 img { vertical-align:middle;}
.buy_b_info02 textarea { display:block; width:100%; height:100px; border:1px solid #eee; outline:none; padding:4px; font-size:13px; color:#666;}
.buy_b_info02 blockquote { display:block; text-align:center; margin-top:10px;}
.buy_b_info02 blockquote input[type="checkbox"] {}
.buy_b_info02 blockquote strong { display:inline-block; font-size:13px; color:#666; padding:0 5px;}
.buy_b_info03 { float:right; width:33%; background:none !important; padding:0 !important; border:none !important;}

/*店家商品 購物車 確認完成*/
.cart_03_le { width:49%; float:left;}
.cart_03_le h4 { padding:10px 0; font-size:20px; color:#333;}
.cart_03_le span { display:inline-block; vertical-align:bottom; padding:0 7px; font-weight:500; font-size:15px; color:#666; font-family:serif;}

.cart_03_le section { margin-bottom:15px;}
.cart_03_le section table { width:100%; border-collapse:inherit; background:#fff;}
.cart_03_le section tr {}
.cart_03_le section td { padding:10px; background:#f9f9f9; font-size:15px; color:#666; letter-spacing:1px;}
.cart_03_le section td:nth-child(1) { width:100px; background:#999; color:#fff;}
.okpay_info01 {}
.okpay_info02 {}
.okpay_info03 {}
.okpay_info04 { border:6px #eee solid; border-radius:15px; padding:10px;}
.okpay_info04 h5 { font-size:20px; color:#666; letter-spacing:2px; background:url(../images/web_icon49.png) no-repeat left center; background-size:contain; padding:3px 0 3px 40px; margin-bottom:10px;}
.okpay_info04 blockquote { display:block; position:relative; padding:0 0 0 110px; margin-bottom:7px;}
.okpay_info04 blockquote .title { position:absolute; top:0; left:0; width:100px; height:36px; line-height:36px; font-size:15px; color:#fff; letter-spacing:2px; padding-left:15px; background:#7b7b7b;}
.okpay_info04 blockquote p { height:36px; line-height:36px; font-size:15px; color:#666; border-bottom:1px #ddd solid;}
.okpay_info04 strong { display:block; font-size:15px; color:#dd4f23; padding:7px 0;}

.cart_03_ri { width:49%; float:right;}
.cart_03_ri h4 { padding:10px 0; font-size:20px; color:#333;}
.cart_03_ri table { width:100%; border-spacing:0px;}
.cart_03_ri thead {}
.cart_03_ri thead tr { background:#F9F3EA;}
.cart_03_ri thead th { padding:10px 5px; font-size:15px; color:#333; width:100px; text-align:center;}
.cart_03_ri thead th:nth-child(1) { width:75px;}
.cart_03_ri thead th:nth-child(2) { width:auto; text-align:left;}
.cart_03_ri thead th:nth-child(4) { width:75px;}

.cart_03_ri tbody {}
.cart_03_ri tbody * { font-family:Arial, serif; font-size:15px; color:#666; font-weight:500;}
.cart_03_ri tbody tr {}
.cart_03_ri tbody td { padding:2% 5px; border-top:1px #ddd solid; width:90px; text-align:center;}
.cart_03_ri tbody td:nth-child(1) { width:50px;}
.cart_03_ri tbody td:nth-child(2) { width:auto; text-align:left;}
.cart_03_ri tbody td:nth-child(4) { width:50px;}
.cart_03_ri tbody img { display:inline-block; vertical-align:middle; width:50px; height:50px; margin-right:10px;}
.cart_03_ri tbody h4 { display:inline-block; vertical-align:middle; padding:5px;}
.cart_03_ri tbody em { font-style:normal;}
.cart_03_ri tbody input[type="text"] { width:40px; border:1px #ccc solid; text-align:center;}
.cart_03_ri tbody strong { color:#ab802e;}
.cart_03_ri tbody input[type="button"] { border:none; vertical-align:middle; background:url(../images/web_icon53.png) no-repeat center center; width:24px; height:24px; cursor:pointer;}
.cart_03_ri p { font-size:15px; color:#666; text-align:right; margin:15px 0;}
.cart_03_ri p strong { font-size:30px; color:#d80000;}

/*店家商品 詢價列表*/
.interDe_inqry_page {} 
.inqry_center { padding:0 30px;} 
.inqry_bottom {}

.inqry_01_le { /*width:66%; float:left;*/}
.inqry_01_le table { width:100%; border-spacing:0px;}
.inqry_01_le thead {}
.inqry_01_le thead tr {}
.inqry_01_le thead th { padding:10px 2%; font-size:20px; color:#333; text-align:left;}
.inqry_01_le thead th:first-child { width:150px;}
.inqry_01_le thead th:last-child { width:100px; text-align:center;}
.inqry_01_le tbody { background:#f9f9f9;}
.inqry_01_le tbody * { font-family:Arial, serif; font-size:15px; color:#666; font-weight:500;}
.inqry_01_le tbody tr {}
.inqry_01_le tbody td { padding:2%; border-top:1px #ddd solid; text-align:left; vertical-align:top;}
.inqry_01_le tbody td:first-child { width:150px;}
.inqry_01_le tbody td:last-child { width:100px; text-align:center;}
.inqry_01_le tbody img { display:inline-block; vertical-align:middle; width:60px; height:60px; margin-right:10px;}
.inqry_01_le tbody h4 { display:inline-block; vertical-align:middle;}
.inqry_01_le tbody input[type="button"] { border:none; vertical-align:middle; background:url(../images/web_icon53.png) no-repeat center center; width:24px; height:24px; cursor:pointer;}
.inqry_01_ri { /*width:32%; float:right;*/ text-align:right; margin-top:25px;}
.inqry_01_ri h4 { /*padding:10px 0; font-size:20px; color:#333; border-bottom: 1px #ccc solid; margin-bottom:7px;*/ display:none;}

.inqry_02_le { /*width:66%; float:left;*/}
.inqry_02_le table { width:100%; border-spacing:0px;}
.inqry_02_le thead {}
.inqry_02_le thead tr {}
.inqry_02_le thead th { padding:10px 2%; font-size:20px; color:#333; text-align:left;}
.inqry_02_le thead th:first-child { width:150px;}
.inqry_02_le tbody { background:#f9f9f9;}
.inqry_02_le tbody * { font-family:Arial, serif; font-size:15px; color:#666; font-weight:500;}
.inqry_02_le tbody tr {}
.inqry_02_le tbody td { padding:2%; border-top:1px #ddd solid; text-align:left; vertical-align:top;}
.inqry_02_le tbody td:first-child { width:150px;}
.inqry_02_le tbody img { display:inline-block; vertical-align:middle; width:60px; height:60px; margin-right:10px;}
.inqry_02_le tbody h4 { display:inline-block; vertical-align:middle;}


/* ------------------- */
/* -- 匯款通知 remit -- */
/* ------------------ */
.interDe_remit { padding:0 30px 30px;}
.remit_top { text-align:center; margin:25px auto;}
.remit_top h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.remit_top h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon49.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}
.remit_top h4 a { display:inline-block; vertical-align:bottom; padding:0 5px; font-size:36px; color:#333; line-height:100%;}

.remit_center { padding:25px 0 0; max-width:800px; margin:auto;}

.remit_le {}
.remit_le ul.remit_replay { list-style:none; display:block;}
.remit_le li { display:block; /*padding:0 0 0 170px;*/ margin:0 0 15px 0; position:relative;}
.remit_le li h4 { width:160px; font-size:20px; color:#666; /*position:absolute; top:0; left:0;*/ margin-bottom:7px;}
.remit_le li span.txt_color { font-size:13px; color:#eb551a; display:inline-block; vertical-align:bottom; padding:0 5px;}
.remit_le li input[type="text"] { border:1px #ddd solid; width:100%; padding:7px;}
.remit_le li input[type="text"].verification_btn { width:75px; padding:0 5px;}
.remit_le li.btnarea img {}
.remit_le li input[type="reset"],
.remit_le li input[type="submit"] { display:block; background:#666; font-size:17px; color:#fff; font-weight:1000; width:49%; padding:15px 5px; border:none; border-bottom:5px #999 solid; text-align:center; border-radius:5px;}
.remit_le li input[type="reset"] { float:left; background:#B7BF78; border-color:#98A34E;}
.remit_le li input[type="submit"] { float:right; background: var(--ColorView02); border-color:#AB802E;}
.remit_le li input[type="reset"]:hover { background:#98A34E;}
.remit_le li input[type="submit"]:hover { background:#AB802E;}

/* ------------------- */
/* -- 部落格 Blog -- */
/* ------------------ */
.interDe_blos_i_c { padding:0 2%; min-height:500px;}
.interDe_blos_i_c:after { content:''; clear:both; display:block;}
.interDe_blos_i_le { /*float:left; width:calc(100% - 280px);*/}
/*
.blog_catey_tit {}
.blog_catey_tit h4 { font-size:24px; color:#333; margin:0 0 15px 0;}
.blog_catey_tit h4 em { font-style:normal; background:url(../images/web_icon44.png) no-repeat left 0; padding:0 0 0 35px;}
.blog_catey_tit em:after { content:'/'; display:inline-block; font-size:20px; color:#666; margin:0 7px;}
.blog_catey_tit h4 span { font-size:20px; color:#666;}
*/
.blog_listItem { display:inline-block; vertical-align:top; width:calc(33% - 7px); margin:0 3px 10px;}
.blog_listItem a { position:relative; display:block; border:2px #ddd dashed; background:#fcfcfc; min-height:150px;}
.blog_listItem a:before { content:'觀看文章內容'; position:absolute; z-index:19; bottom:10px; right:15px; opacity:0; font-size:15px; color:#fff; transition: all .6s;}
.blog_listItem a:after { content:''; width:100%; position:absolute; left:0; top:0; bottom:0; z-index:8; background: rgba(0,0,0,0.75); opacity:0; transition: all .6s;}
.blog_listItem a * { transition: all 0.6s ease;}
.blog_listLe { display:inline-block; vertical-align:top; padding:3px; width:150px; line-height:0; position:relative;}
.blog_listLe img { max-width:100%;}
.blog_listRi { display:inline-block; vertical-align:top; padding:7px 3px; width:calc(100% - 155px);}
.blog_listRi h5 { font-weight:500; font-size:17px; color:#000; display:-webkit-box; -webkit-line-clamp:1; -webkit-box-orient:vertical; white-space:normal; overflow:hidden;}
.blog_listRi em { font-size:14px; color:#999; font-style:normal; display:block; margin:7px 0;}
.blog_listRi p { font-size:15px; color:#666; line-height:130%; display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; white-space:normal; overflow:hidden; word-break:break-all;}
.blog_listItem a:hover { border-color:#ccc;}
.blog_listItem a:hover:before,
.blog_listItem a:hover:after { opacity:1; transition: all .6s;}
/*
.interDe_blos_i_ri { float:right; width:250px;}
.interDe_blos_i_ri h4 { font-size:24px; color:#333; padding:0 0 15px 0; border-bottom:1px #aaa solid;}
.interDe_blos_i_ri ul { list-style:none; display:block;}
.interDe_blos_i_ri li { display:block; border-bottom:1px #ccc solid; padding:15px 0;}
.interDe_blos_i_ri li a { display:block; font-size:15px; color:#666;}
.interDe_blos_i_ri li a:hover { color: var(--ColorView02);}
*/
.interDe_blos_c { padding:0 2%; min-height:500px;}

.blog_c_head { z-index:9; background:#fff; padding:0 0 15px 0;}

.blog_cott_date { margin-bottom:10px;}
.blog_cott_date:after { content:''; clear:both; display:block;}
.blog_cott_date span { display:inline-block; float:left; font-size:13px; color:#666;}
.blog_cott_date span:before { content:'日期: ';}
.blog_cott_date strong { display:inline-block; float:right; font-size:13px; color:#666;}
.blog_cott_date strong:before { content:'分享: ';}
.blog_cott_date strong a { font-size:13px; color:#666;}
.blog_cott_date strong b { display:inline-block; width:1px; height:10px; border-left:1px #999 solid; margin:0 5px;}
.blog_cott_date strong a:hover { color:#ab802e; text-decoration:underline;}

.blog_cott_tit { text-align:center;}
.blog_cott_tit:after { content:''; clear:both; display:block;}
.blog_cott_tit h5 { text-align:left;}
.blog_cott_tit h5 a { font-size:13px; color:#fff; background:#b0b39a; display:inline-block; vertical-align:middle; margin-right:5px; padding:0 5px; border-radius:4px;}
.blog_cott_tit h4 { text-align:left; width:100%; font-size:22px; color:#ad6f00; padding:7px 0; font-weight:500;}

.blog_cott_edit { position:relative;}
.blog_cott_edit * {}
.blog_cott_edit img { max-width:100%; height:auto;}

/* ------------------- */
/* -- 會員專區 member -- */
/* ------------------- */
/* 會員登入 */
.interDe_mem_login { padding:0 2%; max-width:800px; margin:auto;}
.interDe_mem_login:after { content:''; clear:both; display:block;}

.mem_login_tit { float:left; width:100%; text-align:center;}
.mem_login_tit h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.mem_login_tit h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon60.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}

.mem_login_box { float:left; width:49%; margin:0 auto; padding:50px 0 15px;}
.mem_login_box ul { list-style:none; display:block;}
.mem_login_box ul li { display:block; position:relative; margin:0 0 15px 0;}
.mem_login_box li h6 { position:absolute; top:0; left:0; width:100px; height:100%; font-size:15px; color:#fff; background:#a99c82; padding:7px 10px;}
.mem_login_box input { border:1px #ddd solid; width:100%; outline:none; padding:7px 7px 7px 105px; background:#f6f6f6;}
.mem_login_box input[type="text"] {}
.mem_login_box input[type="password"] {}
.mem_login_box input[type="submit"] { padding:7px; background: var(--ColorView02); color:#fff; cursor:pointer;}
.mem_login_box input[type="submit"]:hover { background:#98a34e;}

.mem_login_funs { text-align:center; font-size:12px; color:#999; padding:15px 0;}
.mem_login_funs a { display:inline-block; vertical-align:middle; padding:0 7px; font-size:15px; color:#98a34e;}
.mem_login_funs a:hover { text-decoration:underline;}

.mem_login_reg { float:right; width:49%; margin:50px auto; padding:30px 15px; background:#f2f1ec; text-align:center;}
.mem_login_reg h6 { font-size:24px; color:#000;}
.mem_login_reg p { font-size:14px; color:#666; margin:10px auto; letter-spacing:1px;}
.mem_login_reg a.login_go_regist { display:inline-block; padding:7px 20px; background:#98a34e; color:#fff; cursor:pointer;}
.mem_login_reg a.login_go_regist:hover { background: var(--ColorView02);}

/* 會員重寄認證+忘記密碼 */
.interDe_mem_passwd { padding:0 2%; max-width:800px; margin:auto;}
.interDe_mem_passwd:after { content:''; clear:both; display:block;}

.mem_passwd_tit { text-align:center;}
.mem_passwd_tit h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.mem_passwd_tit h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon60.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}

.mem_passwd_box { margin:0 auto; padding:50px 0 15px;}
.mem_passwd_box ul { list-style:none; display:block;}
.mem_passwd_box p { font-size:14px; color:#666; margin:10px auto; letter-spacing:1px;}
.mem_passwd_box ul li { display:block; position:relative; margin:0 0 15px 0;}
.mem_passwd_box li h6 { position:absolute; top:0; left:0; width:100px; height:100%; font-size:15px; color:#fff; background:#a99c82; padding:7px 10px;}
.mem_passwd_box input { border:1px #ddd solid; width:100%; outline:none; padding:7px 7px 7px 105px; background:#f6f6f6;}
.mem_passwd_box input[type="submit"] { background: var(--ColorView02); padding:9px; font-size:15px; color:#fff; cursor:pointer; border-radius:5px;}
.mem_passwd_box input[type="submit"]:hover { background:#98a34e;}

/* 會員註冊 */
.interDe_mem_regist { padding:0 2%; max-width:800px; margin:auto;}
.interDe_mem_regist:after { content:''; clear:both; display:block;}

.mem_regist_tit { text-align:center;}
.mem_regist_tit h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.mem_regist_tit h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon60.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}

.mem_regist_box { padding:25px 0;}
.mem_regist_box h4 { font-size:15px; color:#666; text-align:center; padding:10px;}
.mem_regist_box ul.mem_regtable { list-style:none; display:block; margin:15px 0;}
.mem_regist_box li { display:block; position:relative; padding:0 0 15px 100px;}
.mem_regist_box li h5 { position:absolute; top:0; left:0; font-size:15px;}
.mem_regist_box li h5 span { font-size:12px; color:#f00;}
.mem_regist_box li input { width:100%; border:none; padding:7px; background:#f3f3f3; font-size:15px;}
.mem_regist_box li input[type="radio"] { width:auto; margin:0 5px;}
.mem_regist_box h6 { font-size:15px; color:#666; text-align:center; padding:10px;}
.member_copy_right_box { padding:14px; margin:0 0 15px 0; overflow-y:scroll; height:200px; background:#f6f6f6; font-size:13px; color:#978564;}
.mem_regist_b {}
.mem_regist_b p { font-size:14px; color:#666; text-align:center; padding:15px 0;}
.mem_regist_b p input[type="checkbox"] { margin-right:5px;}
.mem_regist_b input[type="button"] { border:none; width:100%; outline:none; background:#98A34E; padding:9px; font-size:15px; color:#fff; cursor:pointer; margin:0 0 7px; border-radius:5px;}
.mem_regist_b input[type="button"]:hover { background:#977d4e;}
.mem_regist_b input[type="submit"] { border:none; width:100%; outline:none; background: var(--ColorView02); padding:9px; font-size:15px; color:#fff; cursor:pointer; margin:0 0 7px; border-radius:5px;}
.mem_regist_b input[type="submit"]:hover { background:#977d4e;}

/* 會員主頁 */
.interDe_mem_index { padding:0 2%; margin:auto; min-height:450px;}
.interDe_mem_index:after { content:''; clear:both; display:block;}

.mem_index_tit { text-align:center;}
.mem_index_tit h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.mem_index_tit h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon60.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}

.mem_index_box { text-align:center;}
.mem_index_box blockquote { display:block; padding:50px 0 25px;}
.mem_index_box blockquote h4 { font-size:20px; color:#000; padding:7px;}
.mem_index_box blockquote p { font-size:15px; color:#666;}
.mem_index_box cite { display:block; font-style:normal; max-width:360px; margin:auto;}
.mem_index_box cite a { position:relative; display:block; background:#f3f3f3; border-radius:15px; margin:10px 0; padding:5px 5px; font-size:16px; color:#333; font-weight:1000; letter-spacing:1px; line-height:50px; border:1px #ddd solid; transition:all .5s; overflow:hidden;}
.mem_index_box cite a b { display:inline-block; vertical-align:middle; margin:0 10px 0 0;}
.mem_index_box cite a b img {}
.mem_index_box cite a.link_mem_a {}
.mem_index_box cite a.link_mem_b {}
.mem_index_box cite a.link_mem_c {}
.mem_index_box cite a:hover { color:#ab802e; background:#f5e9c2; border-color: var(--ColorView02); transform:translateY(-3px);}

/* 會員訂單紀錄 */
.interDe_ordstory { padding:0 2%; margin:auto; min-height:450px; max-width:1000px; }
.interDe_ordstory:after { content:''; clear:both; display:block;}

.mem_ordstory_tit { text-align:center;}
.mem_ordstory_tit h4 { display:inline-block; width:480px; border:2px #ccc dashed; border-radius:30px;}
.mem_ordstory_tit h4 span { display:block; border:4px #f0f0f0 solid; border-radius:30px; background:url(../images/web_icon60.png) no-repeat center 20px #fff; padding:70px 20px 20px; font-size:20px; color:#ab802e;}

.mem_ordstory_box { margin:15px auto;}
.mem_ordstory_box h4 { font-size:24px; color:#98A34E; font-weight:500; letter-spacing:3px; background:url(../images/web_icon49.png) no-repeat left center; padding:12px 0 12px 45px;}
.mem_ordstory_box table { width:100%;}
.mem_ordstory_box table td { padding:12px 5px; font-size:15px; text-align:center; vertical-align:middle;}
.mem_ordstory_box table td:nth-child(1) { width:50px;}
.mem_ordstory_box table td:nth-child(2) { width:220px;}
.mem_ordstory_box table td:nth-child(3) {}
.mem_ordstory_box table td:nth-child(4) { width:100px;}
.mem_ordstory_box table td:nth-child(5) { width:100px;}
.mem_ordstory_box table td:nth-child(6) { width:70px;}
.mem_ordstory_box table td span { display:inline-block; font-size:15px; color:#000;}
.mem_ordstory_box table td p { display:inline-block; font-size:15px; color:#666; margin:0 7px 0 0;}
.mem_ordstory_box table td a { display:inline-block; font-size:12px; background:#eb976d; color:#fff; padding:3px 7px; border-radius:20px;}
.mem_ordstory_box table td a:hover { background:#7caed1; color:#fff;}
.mem_ordstory_box table td em { font-style:normal; font-size:12px; color:#c66;}
.mem_ordstory_box table thead td { background:#999; color:#fff;}
.mem_ordstory_box table tbody td { background:#f6f6f6; color:#666; border:1px #fff solid;}

.mem_ordstory_c_box { margin:15px auto;}
.mem_ordstory_c_box h4 { font-size:24px; color:#98A34E; font-weight:500; letter-spacing:1px; padding:5px 0;}
.mem_ordstory_c_box table { width:100%;}
.mem_ordstory_c_box table td { padding:7px 5px; font-size:15px; text-align:center; width:20%;}
.mem_ordstory_c_box table td p { display:inline-block; font-size:15px; color:#666; margin:0 7px 0 0;}
.mem_ordstory_c_box table td em { font-style:normal; font-size:12px; color:#c66;}
.mem_ordstory_c_box table thead td { background:#999; color:#fff;}
.mem_ordstory_c_box table tbody td { background:#f6f6f6; color:#666; border:1px #fff solid;}

.mem_ordstory_c_box2 { margin:15px auto;}
.mem_ordstory_c_box2 h4 { font-size:24px; color:#98A34E; font-weight:500; letter-spacing:1px; padding:5px 0;}
.mem_ordstory_c_box2 table { width:100%;}
.mem_ordstory_c_box2 table td { padding:7px 7px; font-size:15px; text-align:center; vertical-align:middle;}
.mem_ordstory_c_box2 table td:nth-child(1) { text-align:left;}
.mem_ordstory_c_box2 table td:nth-child(2) { width:150px;}
.mem_ordstory_c_box2 table td:nth-child(3) { width:100px;}
.mem_ordstory_c_box2 table td:nth-child(4) { width:150px; text-align:right;}
.mem_ordstory_c_box2 table td img { display:inline-block; vertical-align:middle; max-width:60px; margin:0 7px 0 0;}
.mem_ordstory_c_box2 table td h5 { display:inline-block; vertical-align:middle; font-size:15px; color:#666;}
.mem_ordstory_c_box2 table td p { display:inline-block; vertical-align:middle; font-size:15px; color:#666; margin:0 7px 0 0;}
.mem_ordstory_c_box2 table td p i { font-style:normal; margin-right:3px;}
.mem_ordstory_c_box2 table thead td { background:#fff; color:#666;}
.mem_ordstory_c_box2 table tbody td { background:#f6f6f6; color:#666; border:1px #fff solid;}