@charset "utf-8";

/** googlefont **/
@import "Noto+Sans+TC.css";

*{-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
html{width:100%; height:auto;}
body{background:#ffffff; margin:0; padding:0; width:100%; height:auto; font-size:medium;line-height: 1.6;font-family: 'Noto Sans TC', sans-serif;word-break: break-word;letter-spacing: 4px;}
a,a:hover{text-decoration:none;transition: all 0.5s ease 0s;cursor: pointer;}
img{border:0; vertical-align:middle; max-width:100%;width: 100%;}
input{vertical-align:middle;border-radius: 0; }
input:focus, select:focus, textarea:focus, button:focus{outline:0;}
/** 取消ios按鈕樣式 **/
input[type="button"], input[type="submit"], input[type="reset"], button[type="button"], button[type="submit"], button[type="reset"], a[type="button"], a[type="submit"], a[type="reset"], textarea{border-radius: 0; -webkit-appearance: none;-moz-appearance: none;appearance: none;cursor: pointer;}

/** 浮動icon **/
.float{width: 76px;position: fixed;bottom:10px;right: 10px;z-index: 10001;}
.float ul{list-style: none;padding: 0;margin: 0;}
.float ul li{padding: 0;margin:10px 0;display: block;width: 76px; height: 76px;}
.float ul li a{display: block;padding:0;width: 76px; height: 76px;border-radius: 100px;}
.float ul li a:hover{box-shadow: 0 0 10px 0 rgba(0,0,0,.2);}
@media screen and (max-width:767px){
	.float{width: 60px;}
    .float ul li{width: 60px; height: 60px;}
    .float ul li a{width: 60px; height: 60px;}
}
@media screen and (max-width:575px){
	.float{width: 50px;}
    .float ul li{width: 50px; height: 50px;}
    .float ul li a{width: 50px; height: 50px;}
}

/** 標題 **/
.i-title-main{background: #faf5f1;padding: 0;}
h2.i-title{max-width: 1520px;margin: 0 auto;}
.i-title-main02{background:#455B89;padding:4vmin 15px; }
h2.i-title02{line-height: 1.4;padding:0;font-size: 9.8vmin; color:#ffffff;display:block;margin: 0 ;letter-spacing: 1vmin;font-weight: 700;text-align: center;}
h2.i-title02 span{font-size: 7.2vmin;width: 100%;display: block;}
.i-title-main03{}
h2.i-title03{text-align: center;}
@media screen and (max-width:1200px){
	h2.i-title02{font-size: 5.2vmin;font-weight: 500;letter-spacing: 0.8vmin;}
	h2.i-title02 span{font-size: 4.2vmin;}
}

/** banner **/
.banner-main{}
.banner{text-align: center;}

/** 氣密標準 **/
.airtight-main{background: #faf5f1;padding: 3vmin 15px 5vmin 15px;}
.airtight{max-width: 1200px;margin: 0 auto;}
.airtight>ul{list-style: none;padding: 0;margin: 0;}
.airtight>ul>li{padding: 0;margin: 3vmin 0 5vmin 0;}
.airtight>ul>li:first-of-type{margin: 0 0 5vmin 0;}
.airtight>ul>li .airtight-photo{text-align: center;}
.airtight>ul>li .airtight-photo02{text-align: center;margin: 4vmin 0 0 0;}
.airtight>ul>li h3{line-height: 1.4;padding:2px 2vmin 2px 2vmin;font-size: 5.2vmin; color:#1479AB;background: #FCEBD4;display: table;margin: 0 auto 3vmin auto;letter-spacing: 1vmin;font-weight: 700;text-align: center;}
.airtight-title02{font-size: 5.2vmin; color:#1479AB;display: table;margin:0 auto;letter-spacing:1vmin;font-weight: 700;text-align: center;}
.airtight>ul>li h3.airtight-title-note{font-size: 5vmin;}

/** 熱潮來襲 **/
.hot-main{background: #f4f0e9;padding: 0 15px 5vmin 15px;}
.hot{max-width: 1200px;margin: 0 auto;}
.hot-title{}
.hot-photo{text-align: center;}
.hot-dep{margin: 4vmin 0 0 0 ;}

/** 十大特色 **/
.feature-main{background: #f7f3ea;padding: 0 15px;}
.feature{text-align: center;}

/** 美國必備良品 **/
.praise-main{background: #ffffff;padding: 0 15px;}
.praise{text-align: center;}

/** 銷售量 **/
.sales-main{background: #ffffff;padding:0;}
.sales{text-align: center;}

/** 介紹 **/
.content-main{}
.content-main02{padding: 0 15px;}
.content{max-width: 1200px;margin: 0 auto;}
.content02{text-align: center;}
.content-photo{text-align: center;padding: 4vmin 0;}
.content-title{line-height: 1.4;padding:0;font-size: 4.4vmin; color:#3e383a;display: block;margin: 5vmin 0 1vmin 0;letter-spacing: 1vmin;font-weight: 700;text-align: center;}
.content-note{text-align: center;}

/** 五點巧思**/
.ingenuity-main{}
.ingenuity{}
.ingenuity>ul{list-style: none;padding: 0;margin: 0;}
.ingenuity>ul>li{padding: 0;margin: 0;}
.ingenuity>ul>li .ingenuity-project{text-align: center;}
.ingenuity>ul>li .ingenuity-photo-main{padding: 4vmin 15px;}
.ingenuity>ul>li .ingenuity-photo{max-width: 1200px;margin: 0 auto;text-align: center;}
.ingenuity>ul>li .ingenuity-photo02{margin: 0;text-align: center;padding:0;}
.ingenuity>ul>li .ingenuity-photo-main02{padding: 4vmin 15px 0 15px;}
.ingenuity>ul>li .ingenuity-gif-pic{max-width: 1200px;margin: 0 auto;display: flex;padding:0 15px 4vmin 15px;}
.ingenuity>ul>li .ingenuity-gif-pic .ingenuity-gif{flex: 1.209;}
.ingenuity>ul>li .ingenuity-gif-pic .ingenuity-pic{flex: 1;}

/** 材質比一比 **/
.material-main{padding: 0 15px;}
.material{max-width: 1200px;margin: 0 auto;}
.material-photo{text-align: center;padding: 4vmin 0;}

/** sgs **/
.sgs-main{padding:4vmin 15px 8vmin 15px;}
.sgs{}
.sgs-photo{text-align: center;}

/** 回饋驗證 **/
.give-back-main{background: #faf5f1;padding: 0 15px;}
.give-back{max-width: 1200px;margin: 0 auto;}
.give-back-photo{text-align: center;}

/** 更多食物保鮮盒的大小事 **/
.more-dep-main{padding: 0 15px;}
.more-dep-title{text-align: center;}
.more-dep{max-width: 1200px;margin: 0 auto;}
.more-dep-photo{text-align: center;}
.more-dep-table{padding: 4vmin 0; color: #455B89;font-size: 2.4vmin;font-weight: 500;letter-spacing: 0.5vmin}

/** QA **/
.qa-main{padding: 4vmin 15px;}
.qa{max-width: 1200px;margin: 0 auto;font-size: 3vmin;font-weight: 500;}
.qa>ul{list-style: none;padding: 0;margin: 0;}
.qa>ul>li{padding:2vmin 4vmin;margin: 0;border-bottom: 1px #cccccc solid;}
.qa>ul>li:last-of-type{border-bottom: 0;}
.qa>ul>li .qa-q{color: #455B89;}
.qa>ul>li .qa-a{color: #76A381;}

/** 連結 **/
.link-title{text-align: center;}
.link-main{background: url("../images/link_bg.png")no-repeat center top;background-size: cover;padding:23% 15px 32% 15px;}
.link{max-width: 1200px;margin: 0 auto;}
.link-info{}
.link-info>ul{list-style: none;padding: 0;margin: 0;display: flex;flex-wrap: wrap;justify-content: center;align-items: flex-start;}
.link-info>ul>li{padding: 0;margin:1vmin;width: calc(100%/2 - 2vmin);}
.link-info>ul>li a{display: flex;align-items: flex-start;transform:scale(1);}
.link-info>ul>li a:hover{transform:scale(0.9);} 
.fb{max-width: calc(100%/3 - 2vmin);margin:4vmin auto 0 auto;display: block;}