@font-face {
    font-family:slick;
    src:url('fonts/slick.eot');
    src:url('fonts/slick.eot?#iefix') format('embedded-opentype'),
         url('fonts/slick.woff') format('woff'),
         url('fonts/slick.ttf') format('truetype'),
         url('fonts/slick.svg#slick') format('svg');
}


html, body { min-width:1000px; font-family:Verdana, 微軟正黑體, Arial, Helvetica, sans-serif; color:#333333; font-size:1rem; width:100%;overflow-x:hidden;}
a { color:inherit; cursor:pointer; text-decoration:none; display:inline-block; }
/*a:hover { text-decoration:none; }*/
:focus { outline:0; }
* { box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }



/*---------
**** header
---------*/
.header {}

		/*黑nav*/
		.header-secondary { width:100%; min-width:1000px; height:35px; font-size:0.875rem; background-color:#000; color:#fff; }
				.header-secondary>div { width:100%; height:100%; max-width:1440px; min-width:990px; margin:0 auto; display:flex; justify-content:space-between; align-items:center; transition:padding .3s; }
				.header-secondary .header-subnav a { margin:0 6px; position:relative; }
				/*.header-secondary .header-subnav a:first-child { background:url(images/app_icon.gif) left no-repeat; padding-left:20px; }*/
				.header-secondary .header-subnav a::after { width:0; height:14px; content:''; position:absolute; border-right:1px solid #fff; top:2px; right:-9px; }
				.header-secondary .header-subnav a:last-child { padding-right:14px; background: url(images/searchicon.jpg) right no-repeat; }
				.header-secondary .header-subnav a:last-child::after { border-right:none; }

		/*主nav*/
		.header-primary { width:100%; min-width:1000px; height:70px; background-color:#fff; -moz-box-shadow: 0px 2px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.2); box-shadow: 0px 2px 10px rgba(0,0,0,.2); position:relative; z-index:10; border-bottom: 1px solid #c2c2c2; }
				.header-primary>div { width:100%; height:100%; max-width:1440px; min-width:990px; margin:0 auto; display:flex; justify-content:center; align-items:center; position:relative; }
				.header-primary .hsbc-logo { width:113px; height:31px; position:absolute; left:15px; top:calc((100% - 31px)/2); }
				.header-primary .hsbc-logo a { width:113px; height:31px; display:block!important;}
				.header-primary .header-nav { height:100%; display:flex; flex-wrap:nowrap; }
				.header-primary .header-nav a { height:100%; text-align:center; padding:0 18px; margin-right:1px; position:relative; display:flex; align-items:center; }
				.header-primary .header-nav a.select::before { width:calc(100% - 40px); height:0; content:''; position:absolute; border-bottom:5px solid #de0011; bottom:0; left:20px; }
				.header-primary .header-nav a:hover { background-color:#d7d8d6; }
				.header-primary .header-nav a::after { width:0; height:27px; content:''; position:absolute; border-right:1px solid #d7d8d6; top:calc((100% - 27px)/2); right:-1px; }
				.header-primary .header-nav a:last-child::after { border-right:none; }

        .flickers { background:#d70200; color:#fff; -webkit-animation-fill-mode: none; animation-fill-mode: none; overflow:hidden; position:relative; }
        .flickers::before { width:200%; height:100%; position:absolute; content:''; left:0; top:0; opacity:1;
            -webkit-transform:flickers 5s; animation:flickers 5s; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite;
            background: -moz-linear-gradient(-25deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.1) 15%, rgba(255,255,255,.6) 40%, rgba(255,255,255,.8) 60%, rgba(255,255,255,0.1) 85%, rgba(255,255,255,0) 100%);
            background: -webkit-linear-gradient(-25deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 15%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0) 100%);
            background: linear-gradient(115deg, rgba(255,255,255,0) 0%,rgba(255,255,255,0.1) 15%,rgba(255,255,255,.6) 40%,rgba(255,255,255,.8) 60%,rgba(255,255,255,0.1) 85%,rgba(255,255,255,0) 100%); }
        .flickers:hover { background:#d70200!important; }

        @-webkit-keyframes flickers {
            0% { left: -200%; opacity:1; }
            60% { left: 200%; opacity:1; }
            to { left: 200%; opacity:1; }
        }
        @keyframes flickers {
            0% { left: -200%; opacity:1; }
            60% { left: 200%; opacity:1; }
            to { left: 200%; opacity:1; }
        }

		/*選單內容*/
		.header-nav-con { width:100%; /*height:490px;*/ background-color:#d8d8d6; border-bottom: 1px solid #c2c2c2; -moz-box-shadow: 0px 2px 10px rgba(0,0,0,.2); -webkit-box-shadow: 0px 2px 10px rgba(0,0,0,.2); box-shadow: 0px 2px 10px rgba(0,0,0,.2); position:absolute; top:104px; z-index:2; /*display:none;*/ }

				.header-nav-con .nav-con-list { height:100%; display:table; margin:0 auto; }

				.header-nav-con .nav-con-list>div { width:990px; display:flex; flex-direction:column; flex-wrap:wrap; align-content:flex-start;  }
				.header-nav-con .nav-con-list>div>div { width:330px; padding-left:35px; padding-right:35px; padding-top:36px; border-right:1px solid #c6c6c6; }
				.header-nav-con .nav-con-list>div>div figure { width:158px; height:98px; margin-bottom:20px; }
				.header-nav-con .nav-con-list>div>div figure a { max-width:100%!important; }
				.header-nav-con .nav-con-list>div>div h1 { font-size:1rem; color:#000; font-weight:600; margin-bottom:10px; }
				.header-nav-con .nav-con-list>div>div ul { font-size:0.95rem; color:#6e6e6e; line-height:1.6em; }
				.header-nav-con .nav-con-list>div>div ul a { vertical-align: top; }
				.header-nav-con .nav-con-list>div>div ul a:hover span { border-bottom:1px solid;}

				 /*.header-nav-con .nav-con-list>div:nth-child(1) {height:530px; height:560px; display:none; }
				.header-nav-con .nav-con-list>div:nth-child(1)>div { height:100%; }
				.header-nav-con .nav-con-list>div:nth-child(1)>div:nth-child(3) { height:80%; }
				.header-nav-con .nav-con-list>div:nth-child(1)>div:nth-child(4) { height:20%; }
				.header-nav-con .nav-con-list>div:nth-child(1)>div:nth-child(n+3) {  border-right:none; }*/

				.header-nav-con .nav-con-list>div:nth-child(1) { height:330px;  display:none;  }
				.header-nav-con .nav-con-list>div:nth-child(1)>div { height:100%; }
				.header-nav-con .nav-con-list>div:nth-child(1)>div:last-child {  border-right:none; }

				.header-nav-con .nav-con-list>div:nth-child(2) { height:610px; display:none; }
				.header-nav-con .nav-con-list>div:nth-child(2)>div { height:50%; }
				.header-nav-con .nav-con-list>div:nth-child(2)>div:nth-child(n+5) {  border-right:none; }

				.header-nav-con .nav-con-list>div:nth-child(3) { height:330px; display:none; }
				.header-nav-con .nav-con-list>div:nth-child(3)>div { height:100%; }
				.header-nav-con .nav-con-list>div:nth-child(3)>div:nth-child(n+3) {  border-right:none; }

				.header-nav-con .nav-con-list>div:nth-child(4) { height:330px; display:none; }
				.header-nav-con .nav-con-list>div:nth-child(4)>div { height:100%; }
				.header-nav-con .nav-con-list>div:nth-child(4)>div:nth-child(n+3) {  border-right:none; }

				.header-nav-con .nav-con-list>div:nth-child(5) { height:490px;  display:none; }
				.header-nav-con .nav-con-list>div:nth-child(5)>div { height:50%; }
				.header-nav-con .nav-con-list>div:nth-child(5)>div:nth-child(n+5) {  border-right:none; }

				.header-nav-con .nav-con-list>div:nth-child(6) { height:490px;  display:none; }
				.header-nav-con .nav-con-list>div:nth-child(6)>div { height:50%; }
				.header-nav-con .nav-con-list>div:nth-child(6)>div:nth-child(n+5) {  border-right:none; }

				/*.header-nav-con .nav-con-list>div:nth-child(8) { height:330px; display:none; }
				.header-nav-con .nav-con-list>div:nth-child(8)>div { height:100%; }*/



@media (max-width:1440px) {
		/*黑nav*/
		.header-secondary>div { padding:0 20px; }
}
@media (max-width:1200px) {
		/*主nav*/
		.header-primary>div { justify-content:flex-end; }
	    
}

@media (max-width:1300px) {
		/*主nav*/
	
	    .header-primary .header-nav a {  padding:0 19px; }
}

@media (max-width:1070px) {
		/*主nav*/
	
	    .header-primary .header-nav a {  padding:0 15px; }
}

/*---------
**** KV
---------*/
.kv { position:relative; }

		.kv .kv-arr { width:41px; height:81px; position:absolute; top:calc((100% - 81px)/2); z-index:1; }
		.kv .kv-arr:hover { background-position:bottom; }
		.kv .arr-l { background:url(images/kvArrowLeft.png) no-repeat; left:0;  }
		.kv .arr-r { background:url(images/kvArrowRight.png) no-repeat; right:0; }

		/*輪播*/
		.kv-arousel { width:100%; min-width:1000px; height:375px; background-color:#f2f2f2; overflow:hidden; }
		.kv-arousel>div {  width:100%; min-width:1000px; height:375px; position:relative; }
		.kv-arousel>div a { width:100%; min-width:1000px; height:375px; display:block; }
		.kv-arousel>div a img { display:block; margin:0 auto;  }


		.kv-arousel .slick-dots { width:100%; position:absolute; text-align:center; bottom:10px; z-index:1; -webkit-padding-start:0px; }
		.kv-arousel .slick-dots li{ position:relative; display:inline-block; width:20px; height:20px; margin:0 2px; padding:0; cursor:pointer; vertical-align:middle; }
		.kv-arousel .slick-dots li button { font-size:0; line-height:0; display:block; width:20px; height:20px; padding:5px; cursor:pointer; color:transparent; border:0; outline:none; background:transparent; }
		.kv-arousel .slick-dots li button:before{ font-family:slick; font-size:12px; line-height:20px; position:absolute; top:0px; left:0px; width:20px; height:20px; content:"•"; text-align:center; opacity:0.35; color:#a0a0a0; -webkit-font-smoothing:antialiased; }
		.kv-arousel .slick-dots li button:hover:before { opacity:0.5; }
		.kv-arousel .slick-dots li.slick-active button:before { opacity:0.9; color:#db0011; }

		/*單張*/
		.kv-page { width:988px; margin:0 auto; border:1px solid #d3d3d3; overflow:hidden; }




/*---------
**** footer
---------*/
.footer {}

		/*警語*/
		.footer-warning { width:100%; min-width:1000px; height:95px; background-color:#404040; color:#fff; }
				.footer-warning>div { width:950px; height:100%; margin:0 auto; display:flex; justify-content:space-between; align-items:center; }
				.footer-warning>div h1 { font-size:1.8rem; font-weight:600; position:relative; }
				.footer-warning>div h1::after {width:0; height:40px; border-right:1px solid #fff; content:''; position:absolute; right:-16px; top:calc((100% - 40px)/2); }
				.footer-warning>div h2 { width:680px; /*font-size:0.8rem;*/ font-size:0.95rem; line-height: 1.6em; }

		.footer-copy { width:100%; min-width:1000px; height:65px; background-color:#000; color:#fff; font-size:0.875rem; display:flex; flex-direction:column; justify-content:center; align-items:center; }
				.footer-copy .footer-nav { margin-bottom:0.6em; }
				.footer-copy .footer-nav a { margin:0 15px; position:relative; }
				.footer-copy .footer-nav a::after { width:0; height:14px; content:''; position:absolute; border-right:1px solid #fff; top:2px; right:-16px; }
				.footer-copy .footer-nav a:last-child::after { border-right:none; }


/*---------
**** container
---------*/
.container { }

		.container>div { margin:0 auto; }

		.home>div { width:980px; padding-top:24px; }
		.page>div { width:988px; margin-top:-1px; }




		/*首頁-產品介紹*/
		.home-product { height:256px; border:1px solid #bfbfbf; position:relative; margin-bottom:40px; }
				.home-product .unit-title { left:30px; top:28px; }
				.home-product .product-arr { width:13px; height:21px; background: url(images/product_arr.png) no-repeat; position:absolute; }
				.home-product .product-arr.arr-l { background-position:top; left:20px; top:125px; }
				.home-product .product-arr.arr-r { background-position:bottom; right:20px; top:125px; }
				.home-product .product-list { width:896px; overflow:hidden; display:flex; position:absolute; left:calc((100% - 896px)/2); top:68px; }
				.home-product .product-list>div { width:214px; height:164px; /*display:flex; flex-direction:column; justify-content:space-between; flex:0 0 214px;*/ display:inline-block; margin:0 5px; }
				.home-product .product-list>div figure { margin-bottom:8px; }
				.home-product .product-list>div span { width:100%; display:block; font-size:1rem; text-align:center; }

		.home-product .slick-list { width:896px!important; height:164px!important; }


		/*首頁-最新優惠*/
		.home-news { margin-bottom:40px; position:relative; }
				/*.home-news .searchbtn { width:187px; height:29px; background:url(images/searchbtn.jpg) no-repeat; position:absolute; top:0; right:0; }
				.home-news .searchbtn:hover { background-position:bottom; }*/
				.home-news .searchbtn { width:187px; height:29px; position:absolute; top:0; right:0; border:1px solid #c4c4c4; display:flex; justify-content:center; align-items:center;
					background: -moz-linear-gradient(top, rgba(244,244,244,1) 0%, rgba(224,224,224,1) 100%);
					background: -webkit-linear-gradient(top, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%);
					background: linear-gradient(to bottom, rgba(244,244,244,1) 0%,rgba(224,224,224,1) 100%);
				}
				.home-news .searchbtn:hover {
					background: -moz-linear-gradient(top, rgba(224,224,224,1) 1%, rgba(244,244,244,1) 100%);
					background: -webkit-linear-gradient(top, rgba(224,224,224,1) 1%,rgba(244,244,244,1) 100%);
					background: linear-gradient(to bottom, rgba(224,224,224,1) 1%,rgba(244,244,244,1) 100%);
				}
				.home-news .searchbtn>i { color:#000; /*font-size:0.95rem;*/ font-size:1rem; font-style:normal; background: url(images/seachicon.png) right 3px no-repeat; padding-right:18px; }
				.home-news .unit-title { left:30px; margin-bottom:20px; }
				.home-news .news-list { display:flex; justify-content:space-between; }
				.home-news .news-list>div { width:237px; height:338px; border:1px solid #bfbfbf; position:relative; overflow:hidden; font-size:0.875rem; color:#6e6e6e; }
				.home-news .news-list>div h1 { width:100%; height:32px; font-size:1rem; background-color:#f1f1f1; display:flex; justify-content:center; align-items:center; padding:0 20px; }
				.home-news .news-list>div p { padding:10px; line-height:1.6em; }
				.home-news .news-list>div a { width:77px; height:25px; background-color:#db0011; color:#fff; font-size:0.95rem; display:flex; justify-content:center; align-items:center; position:absolute; bottom:10px; right:10px; }


		/*內頁-上方次選單*/
		.page-nav { position:relative; z-index:1; }
				.page-nav>ul { width:100%; /*height:42px;*/ display:flex; justify-content:space-around; background-color:#d3d3d3; color:#fff; padding:1px; }
				.page-nav>ul>li { width:100%; padding-right:1px; position:relative; }
				.page-nav>ul>li:last-child { padding-right:0; }
				.page-nav>ul>li a { width:100%; height:100%; display:flex; justify-content:center; align-items:center; /*display:block;*/ text-align:center; padding:0.8em 0.6em; background-color:#737373; }
				.page-nav>ul li.select>a { background-color:#db222a; }
				.page-nav>ul>li ul { width:100%; background-color:#d3d3d3; padding:1px; padding-right:0; position:absolute; visibility:hidden; }
				.page-nav>ul>li li { height:42px; padding-bottom:1px; }
				.page-nav>ul>li li:last-child { padding-bottom:0; }

				.page-nav>ul>li:hover>a { background-color:#db222a; }
				.page-nav>ul>li:hover ul { visibility:visible; }
				.page-nav>ul>li:hover li:hover a { background-color:#db222a; }

		.page-nav+.page-con {  border-top:none; }



		/*內頁-con*/
		.page-con { min-height:500px; display:flex; justify-content:space-between; border-top:1px solid #d4d4d4;
			background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(255,255,255,1) 100%);
			background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
			background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(255,255,255,1) 100%);
			background-size:100% 50px;
			background-repeat:no-repeat; position:relative; }
				.page-con::before, .page-con::after { width:1px; height:440px; content:''; position:absolute; top:0; z-index:1; background: -moz-linear-gradient(top, rgba(209,207,208,1) 0%, rgba(255,255,255,1) 100%); background: -webkit-linear-gradient(top, rgba(209,207,208,1) 0%,rgba(255,255,255,1) 100%); background: linear-gradient(to bottom, rgba(209,207,208,1) 0%,rgba(255,255,255,1) 100%); }
				.page-con::before { left:0; }
				.page-con::after { right:0; }


		/*內頁-側邊攔*/		
		.page-sub-con { width:270px; position:relative; }
				.page-sub-con::after { width:1px; height:440px; content:''; position:absolute; top:0; right:0; background:
					-moz-linear-gradient(top, rgba(209,207,208,1) 0%, rgba(255,255,255,1) 100%);
					background: -webkit-linear-gradient(top, rgba(209,207,208,1) 0%,rgba(255,255,255,1) 100%);
					background: linear-gradient(to bottom, rgba(209,207,208,1) 0%,rgba(255,255,255,1) 100%); }

				/*內頁-側邊攔-產品照片*/	
				.page-sub-product { height:214px; background-color:#ededed; display:flex; flex-direction:column; justify-content:center; align-items:center; position:relative;
					background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 50%, rgba(241,241,241,1) 100%);
					background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 50%,rgba(241,241,241,1) 100%);
					background: linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 50%,rgba(241,241,241,1) 100%);
					-moz-box-shadow:inset 0px 0px 6px rgba(255,255,255,.8);
					-webkit-box-shadow:inset 0px 0px 6px rgba(255,255,255,.8);
					box-shadow:inset 0px 0px 6px rgba(255,255,255,.8); }
						.page-sub-product::before { width:100%; height:1px; content:''; position:absolute; bottom:0; left:0;
							background: -moz-linear-gradient(left, rgba(255,255,255,1) 0%, rgba(240,239,239,1) 50%, rgba(255,255,255,1) 100%);
							background: -webkit-linear-gradient(left, rgba(255,255,255,1) 0%,rgba(240,239,239,1) 50%,rgba(255,255,255,1) 100%);
							background: linear-gradient(to right, rgba(255,255,255,1) 0%,rgba(240,239,239,1) 50%,rgba(255,255,255,1) 100%); }
						.page-sub-product figure { width:152px; height:95px; margin-bottom:10px; }
						.page-sub-product span { font-size:1rem; color:#737373; text-align:center; }


				/*內頁-側邊攔-選單*/	
				.page-sub-nav { padding:36px; }
						.page-sub-nav>ul { font-size:0.875rem; color:#737373; }
						.page-sub-nav>ul>li { line-height:1.4em; padding:16px 0; border-bottom:1px solid #ebe8e8; }
						.page-sub-nav>ul>li:last-child { border-bottom:0; }
						.page-sub-nav>ul>li>a { padding-left:16px; display:block; background:url(images/card_list_dot.png) left 5px no-repeat; }
						.page-sub-nav>ul>li>a:hover { background:url(images/card_list_select_dot.png) left 5px no-repeat; }
						.page-sub-nav>ul>li.select {}
						.page-sub-nav>ul>li.select>a { background:url(images/card_list_select_dot.png) left 5px no-repeat; color:#db222a; }
						.page-sub-nav>ul>li ul { padding-top:6px; }
						.page-sub-nav>ul>li li { line-height:1.4em; padding:6px 0; padding-left:16px; }
						.page-sub-nav>ul>li li.select>a { color:#db222a;  }
						.page-sub-nav a:hover { color:#db222a; }


		/*內頁-內容*/	
		.page-main-con { width:calc(988px - 270px); padding:50px; }



/*---------
**** 原始設定
---------*/
figure img { max-width:100%; height:auto; }

/*full img*/
.f-img img { max-width:none; }

/*標題*/
.unit-title { font-size:1.125rem; position:relative; padding-left:12px; }
.unit-title::before { width:0; height:18px; border-left:3px solid #db0011; content:''; position:absolute; left:0; top:3px; }
/*.unit-title span { position:relative; padding-right:6px; margin-right:6px; }*/
/*.unit-title span::after { width:0; height:18px; border-right:1px solid #000; content:''; position:absolute; right:0; top:2px; }*/


/*ul*/
.ul-disc,
.ul-square,
.ul-decimal { padding-left:0.4em; }
/*.ul-cjk-ideographic { padding-left:0.4em; }*/

.ul-disc>li,
.ul-square>li,
.ul-decimal>li { margin-left:1em; }
/*.ul-cjk-ideographic>li { margin-left:1em; }*/

.ul-disc>li { list-style-type:disc; } /*黑圓*/
.ul-square>li {list-style-type:square; }/*黑點*/
.ul-decimal>li{ list-style-type:decimal; }/*數字*/
/*.ul-cjk-ideographic>li{ list-style-type:cjk-ideographic; }*//*中文數*/
/*
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
	.ul-cjk-ideographic>li { list-style:none; quotes:"一" "" "二" "" "三" "" "四" "" "五" ""; }
	.ul-cjk-ideographic>li:before { content: open-quote ". "; }
	.ul-cjk-ideographic::after { }
}
*/

.ul-cjk-ideographic {padding-left:1em; }
.ul-cjk-ideographic>li { position:relative; margin-left:1em; }
.ul-cjk-ideographic>li>i { position:absolute; font-style:normal; left:-2em;  }



.ul-cus-1 {padding-left:0.5em; }
.ul-cus-1>li { position:relative; margin-left:0.5em; }
.ul-cus-1>li>i { position:absolute; font-style:normal; left:-1em;  }

.ul-cus-2 {padding-left:1em; }
.ul-cus-2>li { position:relative; margin-left:1em; }
.ul-cus-2>li>i { position:absolute; font-style:normal; left:-2em;  }

.ul-cus-3 {padding-left:1.5em; }
.ul-cus-3>li { position:relative; margin-left:1.5em; }
.ul-cus-3>li>i { position:absolute; font-style:normal; left:-3em;  }

.ul-cus-4 {padding-left:2em; }
.ul-cus-4>li { position:relative; margin-left:2em; }
.ul-cus-4>li>i { position:absolute; font-style:normal; left:-4em;  }

.ul-cus-5 {padding-left:2.5em; }
.ul-cus-5>li { position:relative; margin-left:2.5em; }
.ul-cus-5>li>i { position:absolute; font-style:normal; left:-5em;  }





/* 橫式 */
.row-m,
.row-l,
.row-r,
.row-b,
.row-a,
.row-m-c,
.row-l-c,
.row-r-c,
.row-b-c,
.row-a-c,
.row-m-e,
.row-l-e,
.row-r-e,
.row-b-e,
.row-a-e { display:flex; flex-direction:row; }

.row-m { justify-content:center; }
.row-l { justify-content:flex-start; }
.row-r { justify-content:flex-end; }
.row-b { justify-content:space-between;}
.row-a { justify-content:space-around; }
.row-m-c { justify-content:center; align-items:center; }
.row-l-c { justify-content:flex-start; align-items:center; }
.row-r-c { justify-content:flex-end; align-items:center; }
.row-b-c { justify-content:space-between; align-items:center; }
.row-a-c { justify-content:space-around; align-items:center; }
.row-m-e { justify-content:center; align-items:flex-end; }
.row-l-e { justify-content:flex-start; align-items:flex-end; }
.row-r-e { justify-content:flex-end; align-items:flex-end; }
.row-b-e { justify-content:space-between; align-items:flex-end; }
.row-a-e { justify-content:space-around; align-items:flex-end; }



.row-w { flex-wrap:wrap; }



/* 直式 */
.column-m,
.column-l,
.column-r,
.column-b,
.column-a,
.column-m-c { display:flex; flex-direction:column; }

.column-m { justify-content:center; }
.column-l { justify-content:flex-start; }
.column-r { justify-content:flex-end; }
.column-b { justify-content:space-between;}
.column-a { justify-content:space-around; }

.column-m-c { justify-content:center; align-items:center; }

/* 寬度 */
.w-100 { width:100% !important; }
.w-95 { width:95% !important; }
.w-90 { width:90% !important; }
.w-85 { width:85% !important; }
.w-80 { width:80% !important; }
.w-75 { width:75% !important; }
.w-70 { width:70% !important; }
.w-65 { width:65% !important; }
.w-60 { width:60% !important; }
.w-55 { width:55% !important; }
.w-50 { width:50% !important; }
.w-45 { width:45% !important; }
.w-40 { width:40% !important; }
.w-35 { width:35% !important; }
.w-33 { width:33% !important; }
.w-32 { width:32% !important; }
.w-30 { width:30% !important; }
.w-27 { width:27% !important; }
.w-25 { width:25% !important; }
.w-20 { width:20% !important; }
.w-18 { width:18% !important; }
.w-17 { width:17% !important; }
.w-16 { width:16% !important; }
.w-15 { width:15% !important; }
.w-13 { width:13% !important; }
.w-12 { width:12% !important; }
.w-10 { width:10% !important; }
.w-5 { width:5% !important; }

@media screen and (min-width:0\0) { /*for IE*/
     .table-fix { table-layout:fixed; }
}

/* margin-top */
.m-t-100 { margin-top:100px;   }
.m-t-90 { margin-top:90px; }
.m-t-80 { margin-top:80px; }
.m-t-70 { margin-top:70px; }
.m-t-60 { margin-top:60px; }
.m-t-50 { margin-top:50px; }
.m-t-40 { margin-top:40px; }
.m-t-30 { margin-top:30px; }
.m-t-20 { margin-top:20px; }
.m-t-15 { margin-top:15px; }
.m-t-10 { margin-top:10px; }
.m-t-5 { margin-top:5px; }

/* margin-bottom */
.m-b-100 { margin-bottom:100px; }
.m-b-90 { margin-bottom:90px; }
.m-b-80 { margin-bottom:80px; }
.m-b-70 { margin-bottom:70px; }
.m-b-60 { margin-bottom:60px; }
.m-b-50 { margin-bottom:50px; }
.m-b-40 { margin-bottom:40px; }
.m-b-30 { margin-bottom:30px; }
.m-b-20 { margin-bottom:20px; }
.m-b-15 { margin-bottom:15px; }
.m-b-10 { margin-bottom:10px; }
.m-b-5 { margin-bottom:5px; }

/* margin-left */
.m-l-20 { margin-left:20px; }
.m-l-15 { margin-left:15px; }
.m-l-10 { margin-left:10px; }
.m-l-5 { margin-left:5px; }

/* margin-right */
.m-r-20 { margin-right:20px; }
.m-r-15 { margin-right:15px; }
.m-r-10 { margin-right:10px; }
.m-r-5 { margin-right:5px; }

/* padding-top */
.p-t-20 { padding-top:20px; }
.p-t-15 { padding-top:15px; }
.p-t-10 { padding-top:10px; }
.p-t-5 { padding-top:5px; }

/* padding-bottom */
.p-b-20 { padding-bottom:20px; }
.p-b-15 { padding-bottom:15px; }
.p-b-10 { padding-bottom:10px; }
.p-b-5 { padding-bottom:5px; }

/* padding-left */
.p-l-20 { padding-left:20px; }
.p-l-15 { padding-left:15px; }
.p-l-10 { padding-left:10px; }
.p-l-5 { padding-left:5px; }

/* padding-right */
.p-r-20 { padding-right:20px; }
.p-r-15 { padding-right:15px; }
.p-r-10 { padding-right:10px; }
.p-r-5 { padding-right:5px; }

/*設為block*/
.block { display:block; }

/*文字顏色*/
.f-c-red { color:#db0011; }/*紅字*/
.f-c-white { color:#fff; }/*白字*/
.f-c-gray { color:#6e6e6e; }/*灰字*/
.f-c-gray-l { color:#ababab; }/*淡灰字*/
.f-c-blue { color:#3366cc; }/*藍字*/
.f-c-back { color:#000; }/*黑字*/

/*font-size*/

.f-12 { font-size:0.75rem; }
.f-13 { font-size:0.8rem; }
.f-14 { font-size:0.875rem; }
.f-15 { font-size:0.95rem; }
.f-16 { font-size:1rem; }
.f-18 { font-size:1.125rem; }
.f-20 { font-size:1.25rem; }
.f-21 { font-size:1.3rem; }
.f-22 { font-size:1.4rem; }
.f-24 { font-size:1.5rem; }

/*font-weight*/
.f-w-600 { font-weight:600; }

/*下橫線*/
.t-l { /*text-decoration:underline;*/ border-bottom:1px solid; }
.t-l-red { border-bottom:1px solid #db0011; }

/*反應*下橫線*/
.h-t-l:hover { border-bottom:1px solid; }
.h-t-l-red:hover { border-bottom:1px solid #db0011; }

/*行距*/
.l-h-16 { line-height:1.6em; }
.l-h-18 { line-height:1.8em; }
.l-h-20 { line-height:2em; }

/*文字對齊*/
.t-a-c { text-align:center!important; }/*齊中*/
.t-a-r { text-align:right!important; }/*齊右*/
.t-a-l { text-align:left!important; }/*齊左*/
.t-a-j { text-align:justify!important;
-ms-text-justify: inter-ideograph; /IE9/

 }/*齊尾*/

/*table*/
.table { border:2px solid #9dbbdf; background-color:#fff; font-size:0.75rem; position:relative; /*table-layout:fixed;*/ }
		.table>tbody>tr>th, .table>tbody>tr>td { padding:0.6em 1em; border:1px solid #ccc; background-color:#fff; }

.table-h th { background-color:#fafafa; }
.table-h-b tr:first-child th:first-child { background-color:#e1eeff; }

.table-h-b-a td:nth-child(1) { background-color:#e1eeff; }


.table-g { border:0px; table-layout:fixed; }
.table-g th { background-color:#dedede; }

.table-s { border:2px solid #9dbbdf; background-color:#fff; font-size:0.75rem; position:relative; /*table-layout:fixed;*/ }
		.table-s>tbody>tr>th, .table-s>tbody>tr>td { padding:0.2em 0.8em; border:1px solid #ccc; background-color:#fff; }


/*注意事項*/
.notes {}
		.notes>a { font-size:0.75rem; color:#db222a; /*text-decoration:underline;*/ display:flex; align-items:center; }
		.notes>a span { border-bottom: 1px solid; }
		.notes>a i { width:13px; height:13px; background: url(images/notesswitch_icon.jpg) top no-repeat; margin-left:6px; }
		.notes>a.select { margin-bottom:10px; }
		.notes>a.select i { background-position: bottom; }
		.notes>div { display:none; }
		.notes>a.select+div { display:block;}

/*類頁籤*/
.notes-tab {}
.notes-tab .notes-tab-bbtn { display:flex; justify-content:flex-start; }
.notes-tab .notes-tab-bbtn a { width:198px; height:29px; display:flex; justify-content:center; align-items:center; background-color:#d2d2d2; color:#000; font-size:0.8rem; margin-right:8px; }
.notes-tab .notes-tab-bbtn a.select { background-color:#db0011; color:#fff; margin-bottom:30px; }
.notes-tab .notes-tab-bbtn a i { font-style:normal; display:inline-block; }

.notes-tab .notes-tab-con>div { display:none; }


/*頁籤*/
.tabs {}
.tabs .tabs-bbtn { display:flex; justify-content:flex-start;  }
.tabs .tabs-bbtn a { height:26px; display:flex; justify-content:center; align-items:center; background-color:#d2d2d2; color:#000; font-size:0.8rem; margin:0 2px; margin-bottom:30px; flex:1; }
.tabs .tabs-bbtn a:hover,
.tabs .tabs-bbtn a.select { background-color:#db0011; color:#fff; }
.tabs .tabs-bbtn a i { font-style:normal; display:inline-block; }

.tabs .tabs-con>div:nth-child(n+2) { display:none; }


/*百貨天地*/
.store {}
.store>div>h6 { position:relative; padding-left:1em; font-size:0.875rem; color:#6e6e6e; font-weight:600; margin-bottom:10px; }
.store>div>h6::before { content:'▶'; position:absolute; left:0; top:3px; font-size:10px; }
.store .brand-list { display:flex; justify-content:flex-start; flex-wrap:wrap; }
.store .brand-list>div { width:188px; min-height:184px; font-size:0.75rem; line-height:1.6em; border:1px solid #ccc; padding:10px; margin-right:24px; margin-bottom:24px; display:flex; flex-direction:column; justify-content: space-between; 
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(241,241,241,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(241,241,241,1) 100%); }
.store .brand-list>div:nth-child(3n) { margin-right:0; }
.store .brand-list>div figure { height:50px; text-align:center; margin-bottom:10px; display:flex; justify-content:center; align-items:center; }
.store .brand-list>div figure img { max-height:100%; }
.store .brand-list>div h1 { font-weight:600; flex:0 0 0; }
.store .brand-list>div .brand-offer { flex:auto; margin-bottom: 2em; }
.store .brand-list>div p { word-break:break-all; }


/*Apple Pay*/
.apple-pay {}
.apple-pay .tabs-bbtn a { height:45px; color:#fff; margin:0; margin-right:1px; margin-bottom:50px;
	background: -moz-linear-gradient(top, rgba(75,70,67,1) 0%, rgba(144,143,141,1) 100%);
	background: -webkit-linear-gradient(top, rgba(75,70,67,1) 0%,rgba(144,143,141,1) 100%);
	background: linear-gradient(to bottom, rgba(75,70,67,1) 0%,rgba(144,143,141,1) 100%); }

.apple-pay .tabs-bbtn a:hover,
.apple-pay .tabs-bbtn a.select { 
	background: -moz-linear-gradient(top, rgba(3,1,2,1) 0%, rgba(66,62,61,1) 100%);
	background: -webkit-linear-gradient(top, rgba(3,1,2,1) 0%,rgba(66,62,61,1) 100%);
	background: linear-gradient(to bottom, rgba(3,1,2,1) 0%,rgba(66,62,61,1) 100%); }


/*QA*/
.QA{}
.QA>li { padding:1em 0; padding-right:2em; position:relative; cursor:pointer; }
.QA>li>a { vertical-align:top; }
.QA>li::before { width:calc(100% + 2em); height:0; content:''; position:absolute; bottom:0; left:-2em; border-bottom:1px solid #d4d4d4; }
.QA>li::after { content:'﹥'; position:absolute; font-size:40px; font-family:Impact, "sans-serif"; color:#ccc; right:0px; top:10px; }
.QA>li:hover>a,
.QA>li:hover::after { color:#db0011; }
.QA>li:hover { color:#db0011; }
.QA>li.select,
.QA>li.select>a { color:#db0011; margin-bottom:10px; }
.QA>li.select::after { color:#db0011; transform: rotate(90deg); right:-5px; }
.QA>li.select>div { color:#737373; }

.QA>li>div { display:none; }



/*分隔線*/
.hr-gary { border:0; border-top: 1px solid #d4d4d4; color:#d4d4d4; }
.hr-gary-dotted { border:0; border-top: 1px dotted #d4d4d4; color:#d4d4d4; }


/*bbtn*/
.bbtn a { min-width:198px; /*height:29px;*/ height:37px; display:flex; justify-content:center; align-items:center; background-color:#db0011; color:#fff; /*font-size:0.8rem;*/ font-size: 1rem; margin:0 2px; }
.bbtn a i { font-style:normal; display:inline-block; }

/*bbtn_redborder*/
.bbtn_redborder a { min-width:198px; /*height:29px;*/ height:37px; display:flex; justify-content:center; align-items:center; border: #db0011 1px solid ;color:#db0011; /*font-size:0.8rem;*/ font-size: 1rem; margin:0 2px; }
.bbtn_redborder a i { font-style:normal; display:inline-block; }



.bbtn-g  a { background-color:#fff; border:1px solid #555; color:#000; }
.bbtn-g  a:hover { background-color:#d9d9d9; }

/*愛心捐款new*/
.rewad-new { position:relative; display:table; }
.rewad-new::after { width:52px; height:19px; position:absolute; right:-57px; content:''; background: url(images/new_icon.png) no-repeat; }




/*--運籌理財現金回信用卡 最高 1.25% 現金回饋------------------------------------------------------------------*/
.p-3-2-1-1 { width:615px; height:322px; background: url(images/img_3_2_1_1_1.jpg) no-repeat; display:flex; justify-content:space-between; }
.p-3-2-1-1 a { width:100%; height:100%; margin: 0 4px; }


/*--現金回饋白金卡 最高 1.25% 現金回饋------------------------------------------------------------------*/
.p-3-4-1-1 { position:relative; }
.p-3-4-1-1 .p-btn {width:308px; height: 122px; position:absolute; top:14px; display:flex; justify-content:space-around; }
.p-3-4-1-1 .p-btn a { width:122px; height:122px; margin:0 17px; }
.p-3-4-1-1 .p-img { width:460px; height:340px; background: url(images/img_3_4_1_1_1.jpg) no-repeat; }
.p-3-4-1-1 .p-con>div:nth-child(n+2) { display:none; }



/*--bg----------------------*/
.bg-3-2-1-2 { background:url(images/bg_3_2_1_2.png) no-repeat; background-position:100% 0%; }
.bg-3-2-2 { background:url(images/bg_3_2_2.png) no-repeat; background-position:100% 0%; }
.bg-3-2-4-1 { background:url(images/bg_3_2_4_1.png) no-repeat; background-position:100% 0%; }
.bg-3-2-4-2 { background:url(images/bg_3_2_4_2.png) no-repeat; background-position:100% 0%; }
.bg-3-2-4-3 { background:url(images/bg_3_2_4_3.png) no-repeat; background-position:100% 0%; }

.bg-3-3-1-1 { background:url(images/bg_3_3_1_1.png) no-repeat; background-position:100% 0%; }
.bg-3-3-1-2{ background:url(images/bg_3_3_1_2.png) no-repeat; background-position:100% 0%; }
.bg-3-3-2 { background:url(images/bg_3_3_2.png) no-repeat; background-position:100% 0%; }
.bg-3-3-4-1 { background:url(images/bg_3_3_4_1.png) no-repeat; background-position:100% 0%; }
.bg-3-3-4-2 { background:url(images/bg_3_3_4_2.png) no-repeat; background-position:100% 0%; }
.bg-3-3-4-3 { background:url(images/bg_3_3_4_3.png) no-repeat; background-position:100% 0%; }

.bg-3-4-1-1 { background:url(images/bg_3_4_1_1.png) no-repeat; background-position:100% 0%; }
.bg-3-4-1-2 { background:url(images/bg_3_4_1_2.png) no-repeat; background-position:100% 0%; }
.bg-3-4-3-1 { background:url(images/bg_3_4_3_1.png) no-repeat; background-position:100% 0%; }
.bg-3-4-3-2 { background:url(images/bg_3_4_3_2.png) no-repeat; background-position:100% 0%; }
.bg-3-4-3-3 { background:url(images/bg_3_4_3_3.png) no-repeat; background-position:100% 0%; }