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

@import url('https://fonts.googleapis.com/css2?family=Yantramanav:wght@100;300;400;500;700;900&display=swap');

/* Varialbes */
:root {
	--font-default: 'Yantramanav', sans-serif;
	--fontawesome: "Font Awesome 5 Pro";
	--black: #000000;
	--dark: #047c51;
	--dark-secondary: #1e2837;
	--white: #ffffff; 
	--color-primary: #ffff00;
	--color-secondary: #e07a29;
	--color-heading: #1d2746;
	--color-paragraph: #666666;
	--border-default: #e7e7e7;
	--box-shadow-primary: 0 0 25px rgb(0 0 0 / 8%);
	--box-shadow-secondary: 0 10px 30px 0 rgb(44 130 237 / 40%);
	--box-shadow-tertiary: 0px 2px 12px 0px #e7e7e7;
	--box-shadow-dark: 0px 0px 0px;
	--bg-gray: #eef0f6;
	--bg-gradient: linear-gradient(to right, #1239ac, #00f3dd, #1239ac);
}

/*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,
caption, tfoot, thead, 
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;

border: 0;
font-size: 100%;
font-family: Arial,微軟正黑體,Microsoft JhengHei,新細明體,sans-serif;
vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
display: block;
}
html{height:100%;}
body{line-height:1; height:100%;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content: none;}
table{border-collapse:collapse; border-spacing:0;}
sup{vertical-align:super;}

img{max-width:100%; max-height:100%;}

.btn a{color:#fff!important;}
.btn:hover a{color:#fff!important;}

input{outline:none!important;}
button:focus{outline:none!important;}

.nav-container{
	background-color:#fff;
    box-shadow:0px 0px 16px rgba(0, 0, 0, 0.2);
    position:fixed;
    width:100%;
    top:0;
    z-index:999;
	}

.nav-row{
    width:98%;
    max-width:1480px;
    margin:0 auto;
    padding:10px 0;
    display:flex;
    justify-content:center;
    align-items:center;
    position:relative;
	}

.banner{padding-top:65px;}

.main-container{
	width:95%;
	max-width:1200px;
	margin:0 auto;
	padding:4rem 0;
	}

.blockTitleBox{text-align:center;}

.blockTitleBox h3{
	font-size:32px;
	font-weight:100;
	line-height:1.5;
	color:#202022;
	}

.blockTitleBox h4{
	font-size:18px;
	font-weight:100;
	line-height:1.5;
	color:#202022;
	margin-top:18px;
	}

.contentBlock{margin:40px auto 0;}

.productTtile{
	font-size:24px;
	font-weight:400;
	line-height:1.39;
	text-align:center;
	}

footer{background-color:#f8f9fa;}

.foot-container{
	width:95%;
	max-width:1480px;
	margin:0 auto;
	padding:1rem 0;
	}

.footBlockTop{
	display:flex;
	justify-content:flex-end;
	}

.goTopBtn{
	color:#55595d;
	padding:10px;
	cursor:pointer;
	}

.goTopBtn i{margin-left:5px;}

.footBlockBottom{
    padding-top:1rem;
    padding-bottom:1rem;
	border-top:1px solid rgba(0,0,0,0.1);
	display:flex;
    justify-content:space-between;
	}

.footList, .linkList{
	padding-left:0;
	display:flex;
	}

.footList li, .linkList li{margin-right:15px;}
.footList li:last-child{margin-right:0;}

.footList li a, .linkList li a{
	font-size:14px;
	color:#55595d;
	}

.linkListBox{display:flex;}

.ccin{
    font-size:14px;
    color:#868686;
    box-sizing:border-box;
    display:flex;
    align-items:center;
	}

.ccin a{color:#55595d;}

.swal2-modal{
	width:100%;
	max-width:600px;
	}

@media only screen and (max-width:980px){
	.footBlockBottom, .linkListBox{flex-wrap:wrap;}
	.footListBox, .linkListBox{width:100%;}
	.linkList{margin:15px auto 10px;}
	.linkList, .ccin{width:100%;}
	.footList, .linkList, .ccin{justify-content:center;}
	}