@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@300&family=Noto+Serif+TC:wght@600&display=swap');
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);
/*共用區域*/
* {
	text-decoration: none;
	-webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
}
*:actived {
	text-decoration: none;
}
*:focus {
	outline: none;
}
input, textarea, button, select, button {
	appearance:none;
    -moz-appearance:none;
    -webkit-appearance:none;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
}
img {
	max-width: 100%;
}
html {
    overflow-x: hidden;
}
body {
    font-family: 'Noto Sans TC', "微軟正黑體", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif";
	margin: 0;
	padding: 0;
    overflow-x: hidden;
    background: #E5E5E5;
}
ul, li, ol {
	padding: 0;
	margin: 0;
    list-style-type: none;
}
.container {
	width: 100%;
	margin: 0 auto;
	/*max-width: 1170px;*/
    max-width: 1300px;
    position: relative;
}
.container-fluid {
	width: 100%;
	margin: 0 auto;
    position: relative;
}

header, section, footer {
    width: 100%;
    float: left;
}
section {
    /*overflow-x: hidden;*/
}
/*頁首區域*/
header {
    position: relative;
    background: #E5E5E5;
    border-bottom: 1px solid #000;
}
header .logo {
    width: 200px;
    float: none;
    padding-left: 35px;
    min-height: 168px;
    position: absolute;
    border-left: 1px solid #000;
}
header .logo a {
    display: block;
    background: #FFE400;
    padding: 75px 25px 25px;
    width: 125px;
    line-height: 0;
    position: absolute;
    z-index: 1;
    /*left: 35px;*/
}
header .menu-main{
    float: left;
    width: calc(100% - 200px);
    margin-left: 200px;
    border-right: 1px solid #333;
}
header .menu-func{
    float: left;
    width: calc(100% - 280px);
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    padding-top: 45px;
}
header .menu-func::before, header .menu-item::before, ul.product-item::before {
    content: '';
    background: #333;
    height: 1px;
    width: 100%;
    display: block;
    float: left;
}
header .menu-item{
    float: left;
    width: calc(100% - 280px);
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
header li a img, header li a span{
    vertical-align: middle;
}
header li.menu-item-link,
header li.menu-func-link{
    position: relative;
    width: calc(100% / 6);
    float: left;
    border-right: 1px solid #333;
    /*border-top: 1px solid #333;*/
}
header li.menu-func-link {
    border-right:none;
}
header li.menu-func-link a, header li.menu-item-link a {
    color: #333;
    display: block;
    text-align: center;
    padding: 12px 0;
    width: 100%;
}
header li.menu-item-link {
    /*border-bottom: 1px solid #333;*/
}
header li.menu-func-link a:hover, header li.menu-item-link a:hover {
    /*background: #DDD;*/
}
header li.menu-func-link:last-of-type, header li.menu-item-link:last-of-type {
    border-right: none;
}
header li.menu-item-link {
    width: calc(100% / 3);
}
header ul.submenu-item {
    display: none;
    border-right: 1px solid #333;
    border-left: 1px solid #333;
    border-bottom: 1px solid #333;
    position: absolute;
    width: 100%;
    background: #E5E5E5;
    z-index: 2;
}
header li.menu-item-link:hover ul.submenu-item{
    display: block;
    width: calc(100% + 2px);
    margin-left: -1px;
}
header .submenu-item li {
    width: 100%;
    border-top: 1px solid #333;
}
header ul.submenu-item li.menu-item-link {
    border-bottom: none;
    border-right: none;
}
header ul.submenu-item li.menu-item-link:last-of-type {
    border-bottom: none;
}
header .submenu-item li.menu-item-link span {
    margin-right: 1rem;
}
header .menu-social-lang {
    width: 280px;
    float: left;
    padding-top: 35px;
    padding: 35px 10px 0;
    /*border-right: 1px solid #333;*/
    text-align: center;
}
header .menu-social-lang .menu-social {
    display: inline-block;
}
header .menu-social-lang .menu-lang {
    display: inline-block;
}
header .menu-social-lang .menu-social li.social-link {
    width: calc(100% / 5 - 4px);
    float: left;
    display: inline-block;
}
header li.social-link {
    margin: 2px;
    position: relative;
}
header li.social-link:hover {
    opacity: 0.7;
}
header li.social-link a {
    display: inline-block;
}
header .menu-social-lang ul {
    vertical-align: middle;
}
header .menu-lang {
    margin-left: 5px;
}
header .menu-lang li {
    display: inline-block;
    min-height: 30px;
}
header .menu-lang a {
    color: #333;
    padding-bottom: 1px;
}
header .menu-lang a:hover, header .menu-lang a.active {
    border-bottom: 1px solid #000;
}
header .menu-dealer {
    width: 280px;
    float: left;
    border-top: 1px solid #333;
    /*display: none;*/
    /*border-bottom: 1px solid #333;*/
}
header .menu-dealer a {
    color: #333;
    width: calc(100% / 1);
    float: left;
    display: block;
    text-align: center;
    padding: 13px 0;
    line-height: 1;
    border-right: 1px solid #333;
}
header .menu-dealer a:last-of-type {
    border-right:none;
}
header .menu-dealer a:hover {
    background: #DDD;
}


/*首頁區域*/
#main_content {
    line-height: 0;
}
.index-content img{
    width: 100%;
}
#index-product-slider {
    position: relative;
    
}
#index-product-slider ul.product-item {
    width: 100%;
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    float: left;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
#index-product-slider ul.product-item::before {
    content: '';
    display: none;
}
#index-product-slider ul.product-item li.index-item{
    width: calc(100% / 4);
    /*float: left;*/
}
#index-product-slider ul.product-item li.index-item:hover {
    background: #DDD;
}
#index-product-slider ul.product-item a {
    display: block;
    color: #333;
}
#index-product-slider ul.product-item a span {
    vertical-align: baseline;
}
#index-product-slider ul.product-item a span img {
}
#index-product-slider li.index-item .index-item-title-img::before {
    content: counter(list-item); 
    font-size: 1.75rem;
    display: inline-block;
    vertical-align: baseline;
    padding: 0 .5rem;
    font-weight: 300;
}
#index-product-slider .index-item-title-img::after {
    content: '/';
    font-size: 1rem;
    display: inline-block;
    vertical-align: baseline;
    padding: 0 0.5rem;
}
#index-product-slider .item-title {
    border-bottom: 1px solid #333;
    padding: 3px 0 0 1rem;
}
#index-product-slider ul.product-item li.index-item {
    border-right: 1px solid #333;
}
#index-product-slider ul.product-item li.index-item .item-img {
    display: flex;
    align-items: self-end;
    justify-content: space-between;
    padding: 15px 0;
}
#index-product-slider ul.product-item li.index-item:last-of-type {
    border-right: none;
}
#index-product-slider ul.product-item .item-img {
    display: inline-block;
    /*width: 60%;
    float: left;*/
    min-height: 180px;
}
#index-product-slider ul.product-item .item-features {
    display: inline-block;
    /*width: 40%;
    float: left;*/
    font-size: 14px;
}
#index-product-slider ul.product-item ul.item-features {
    padding: 5% 10px 10%;
}
#index-product-slider ul.product-item ul.item-features li {
    list-style-type: disc;
}
#index_more_product_btn {
    position: absolute;
    line-height: 0;
    right: 10px;
    top: 75px;
}
#index_more_product_btn:hover {
    background: #DDD;
    outline: 1px solid #333;
}



/*購物頁面*/
#shop-slider {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#shop-item-area {
    border-top: 1px solid #000;
}
#shop-item-list .item-main-type li.main-type.type1 {
    border-top: none;
}
#shop-item-list .main-type-content {
    display: block;
    float: left;
    width: 150px;
    padding: 15px 20px;
    /*border-top: 1px solid #000;*/
}
#shop-item-list .main-type-icon {
    position: absolute;
    bottom: 15px;
    left: 15px;
    z-index: 1;
}
#shop-item-list .item-main-type {
    border-left: 1px solid #000;
    float: left;
}
#shop-item-list h2.main-type-title {
    font-size: 1.25rem;
    margin: 0;
}
#shop-item-list .item-main-type li.main-type {
    border-top: 1px solid #000;
    float: left;
    width: 100%;
    border-right: 1px solid #000;
    position: relative;
}
#shop-item-list .item-list {
    display: block;
    float: left;
    width: calc(100% - 150px);
    border-left: 1px solid #000;
    /*border-top: 1px solid #000;*/
}
#shop-item-list .main-type-logo {
    text-align: right;
}
#shop-item-list .main-type-logo img {
    /*width: 100%;*/
	max-width: 100px;
}
#shop-item-list .sub-type-name {
    text-align: right;
    font-size: 0.9rem;
    padding-right: 5px;
}
#shop-item-list .item .item-name {
    min-height: 2rem;
    z-index: 1;
    position: relative;
}
#shop-item-list .item-list .item {
    width: calc(100% / 3);
    float: left;
    padding: 20px 20px 15px;
    /*border-top: 1px solid #000;*/
    border-right: 1px solid #000;
    /*border-bottom: 1px solid #000;*/
    position: relative;
    transition: background .25s ease-out;
    min-height: 310px;
}
#shop-item-list .item-list .item:hover {
    /*background: #F5F5F5;
    transition: background .25s ease-out;*/
    /*cursor: pointer;*/
}
#shop-item-list .item-list .item:nth-of-type(1), #shop-item-list .item-list .item:nth-of-type(2), #shop-item-list .item-list .item:nth-of-type(3) {
    border-top: none;
	/*border-bottom: 1px solid #000;*/
}
#shop-item-list .item-list .item:nth-of-type(3n) {
    border-right: none;
}
#shop-item-list .item-list .item .item-img {
    text-align: center;
    min-height: 190px;
    padding: 0px 0;
    margin-top: -35px;
    z-index: -1;
}
#shop-item-list .item-list .item .item-img img {
    max-height: 250px;
}
#shop-item-list .w100 {
    width: 100%;
    height: 1px;
    background-color: #000;
    float: left;
}
.type1 .item-list .item:nth-of-type(1), 
.type1 .item-list .item:nth-of-type(2), 
.type1 .item-list .item:nth-of-type(3),
.type3 .item-list .item:nth-of-type(1), 
.type3 .item-list .item:nth-of-type(2), 
.type3 .item-list .item:nth-of-type(3)
{
    /*border-bottom: 1px solid #000;*/
}
#shop-item-list .item .item-func {
    /*float: left;*/
    width: calc(100% - 40px);
    position: absolute;
    bottom: 15px;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

#shop-item-list .item-func .item-price, #shop-item-list .item-func .item-pkg, #shop-item-list .item-func .item-select-plan {
    display: inline-block;
    width: auto;
    vertical-align: baseline;
}
#shop-item-list .item-func .item-select-plan {
    float: right;
    /*padding-top: 5px;*/
}

#shop-item-list .item-func .item-price {
    font-size: 1.5rem;
    margin-right: 1.5rem;
}
#shop-item-list .item-func .item-price::before {
    content: 'NTD. ';
}
#shop-item-list .item-select-plan a {
    vertical-align: middle;
    display: inline-block;
    line-height: 0;
    opacity: 1;
    transition: opacity .25s ease-out;
    position: relative;
	border: 1px solid #000;
	border-radius: 50%;
	padding: 2px;
}
#shop-item-list .item-select-plan a:hover {
    opacity: 1;
	background-color: #FFEE00;
    transition: background .25s ease-out;
}
#shop-item-list .item-select-plan a img{
    vertical-align: middle;
}
#shop-item-list .item .item-subtype {
    display: inline-block;
    padding: 3px 7px;
    font-weight: 700;
    font-size: 0.8rem;
    position: absolute;
    right: 0;
    top: 0;
    text-align: center;
}
#shop-item-list .item .item-subtype.adult {
    background: #FFE000;
}
#shop-item-list .item .item-subtype.child {
    background: #6FC6E1;
}
/*#shop-item-list .item .open-selection.iframe.has-order::before, li.social-link.has-order a::before {
    content: '';
    width: 16px;
    height: 16px;
    background-color: #FFE000;
    border-radius: 8px;
    display: inline-block;
    position: absolute;
    top: -5px;
    left: -5px;
}
li.social-link.has-order a::before {
    top: -3px;
    right: -3px;
    left: inherit;
}*/
.item-select-plan a.has-order,
li.social-link.has-order {
    background-color: #FFE400;
    border-radius: 50%;
    /*outline: 2px solid #FFE400;*/
}
li.social-link.has-order {
    outline: none;
}
.item-plan {
    /*padding: 0px 40px;*/
    font-size: 95%;
    border-top: 1px solid #333;
    border-bottom: 1px solid #333;
    width: 100%;
    float: left;
}
.item-plan .item-plan-list {
    padding: 0px 40px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #333;
    /*border-left: 1px solid #333;
    border-right: 1px solid #333;*/
}
.item-plan .item-plan-total {
    padding: 0px 0px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #333;
}
.item-plan .item-plan-total {
    border-bottom:none;
}
.item-plan .item-plan-list div {
    min-height:inherit;
}
.item-plan .item-plan-list:not(:nth-of-type(1)) > div {
    min-height: 95px;
}
.item-plan .item-plan-list .item-list-name,
.item-plan .item-plan-list .item-list-plan,
.item-plan .item-plan-list .item-list-qty,
.item-plan .item-plan-list .item-list-price,
.item-plan .item-plan-list .item-list-subtotal
{
    float: left;
    padding: 10px;
    border-right: 1px solid #333;
    display: inline-block;
    vertical-align: middle;
}
.item-plan .item-plan-list .item-list-name {
    width: 50%;
    border-left: 1px solid #333;
}
.item-plan .item-plan-list .item-list-plan {
    width: 10%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.item-plan .item-plan-list .item-list-qty {
    width: 19%;
    vertical-align: middle;
    display: flex;
    align-items: center;
    justify-content: center;
}
.item-plan .item-plan-list .item-list-price {
    width: 19%;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
.item-plan .item-plan-list:nth-last-of-type(1) {
    border-bottom: none;
}
.item-plan .item-plan-list .item-list-send {
    width: calc(100%);
    float: left;
    padding: 0 10px;
    text-align: center;
}
.item-plan .item-list-send {
    padding: 20px 0;
    width: 100%;
    float: left;
    text-align: center;
    /*border-top: 1px solid #333;*/
    /*border-bottom: 1px solid #333;*/
}
.item-plan .item-plan-list .item-list-qty input {
    display: inline-block;
    width: calc(100% / 3 - 5px);
    border:none;
    height: 40px;
    background-color: transparent;
    vertical-align: middle;
}
.item-list-qty input.qty-value {
    font-size: 1.15rem;
    text-align: center;
}
.item-list-qty input.qty-sub, .item-list-qty input.qty-add {
    font-size: 1.15rem;
    font-weight: 300;
}
.item-list-qty input.qty-sub:hover, .item-list-qty input.qty-add:hover {
    cursor: pointer;
    color: #FFF;
}
.item-plan .item-list-send input[type="submit"], .item-plan button#close, .item-plan button#gotocart {
    border: 1px solid #333;
    font-size: 1.1rem;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    background-color: #EEE;
    border-radius: 0;
	color: #000;
}
.item-plan .item-list-send input[type="submit"]:hover, .item-plan button#close:hover, .item-plan button#gotocart:hover {
    background-color: #DDD;
}
.item-plan .item-list-price span {
    display: block;
    font-size: 1.1rem;
    width: 100%;
    text-align: center;
}
.item-plan .item-list-price span::before {
    content: 'NTD. ';
}
.item-plan .item-list-price .item-regular-price {
    text-decoration: line-through;
}
.item-plan .item-plan-list h1, .item-plan .item-list-send h3 {
    font-weight: 300;
    text-align: center;
}


/*結帳頁面*/

#cart-status-title {
    padding: 95px 0 10px;
    border-bottom: 1px solid #333;
}
#cart-status-title .cart-title {
    padding-left: 160px;
}
#cart-status-title .cart-title h1, #cart-status-title .cart-title h2 {
    font-weight: 500;
    display: inline-block;
    margin: 0;
}
#cart-status-title .cart-title h1 {
    font-size: 2rem;
    letter-spacing: 0.5rem;
}
#cart-status-title .cart-title h2 {
    font-size: .9rem;
    margin-left: 20px;
    letter-spacing: 0.02rem;
}
#cart-status-title .cart-title h2.active {
    font-size: 1.75rem;
}
#cart-status-title .cart-title h2 span {
    margin: 0 5px;
}
#cart-status-title .cart-step {
    display: inline-block;
    float: right;
    padding-top: 10px;
}
#cart-area {
    padding-top: 0px;
    min-height: 450px;
}
section.cart-area + section.cart-area {
    border-top: 1px solid #333;
}
#cart-area .item-plan, .cart-area .item-plan {
    padding: 0px 40px;
    font-size: 95%;
    border-top: none;
    border-bottom: none;
    width: 100%;
    float: left;
}
#cart-area .item-plan .item-plan-list {
    padding: 0px;
    width: 100%;
    float: left;
    border-bottom: 1px solid #333;
    /*border-left: 1px solid #333;
    border-right: 1px solid #333;*/
}
#cart-area .item-plan .item-plan-list > div {
    min-height:inherit;
}
#cart-area .item-plan .item-plan-list:not(:nth-of-type(1)) > div {
    /*min-height: 100px;*/
    height: 100px;
}
#cart-area .item-plan .item-plan-list .item-list-name,
#cart-area .item-plan .item-plan-list .item-list-plan,
#cart-area .item-plan .item-plan-list .item-list-qty,
#cart-area .item-plan .item-plan-list .item-list-price,
#cart-area .item-plan .item-plan-list .item-list-subtotal
{
    float: left;
    padding: 10px 15px;
    border-right: 1px solid #333;
    display: inline-block;
    vertical-align: middle;
}
#cart-area .item-plan .item-plan-list .item-list-name {
    width: 50%;
    border-left: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cart-area .item-plan .item-plan-list:nth-of-type(1) .item-list-name {
    justify-content: left;
}
#cart-area .item-plan .item-plan-list .item-list-plan {
    width: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cart-area .item-plan .item-plan-list .item-list-qty {
    width: 10%;
    text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#cart-area .item-plan .item-plan-list .item-list-price {
    width: 10%;
    text-align: center;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
}
#cart-area .item-plan .item-plan-list .item-list-subtotal {
    width: 20%;
    text-align: center;
}
#cart-area .item-plan .item-plan-list:not(:nth-of-type(1)) .item-list-subtotal {
    text-align: left;
    display: flex;
    justify-content: space-between;
    align-items:center;
}
#cart-area .item-plan .item-plan-list:nth-last-of-type(1) {
    border-bottom: none;
}
#cart-area .item-plan .item-plan-list .item-list-send {
    width: calc(100%);
    float: left;
    padding: 0 10px;
    text-align: center;
}
#cart-area .item-plan .item-list-send {
    padding: 40px 0;
    width: 100%;
    float: left;
    text-align: center;
    /*border-top: 1px solid #333;*/
    /*border-bottom: 1px solid #333;*/
}
#cart-area .item-plan .item-plan-list .item-list-qty input {
    display: inline-block;
    width: calc(100% / 3 - 5px);
    border:none;
    height: 40px;
    background-color: transparent;
    vertical-align: middle;
}
#cart-area .item-list-qty input.qty-value {
    font-size: 1.15rem;
    text-align: center;
}
#cart-area .item-list-qty input.qty-sub, 
.item-list-qty input.qty-add {
    font-size: 1.15rem;
    font-weight: 300;
}
#cart-area .item-list-qty input.qty-sub:hover, 
.item-list-qty input.qty-add:hover {
    cursor: pointer;
    color: #FFF;
}
.cart-area .item-plan .item-list-send input[type="submit"], 
.item-plan button#close, .item-plan button#gotocart, 
.cart-area .item-plan a,
.cart-area .item-plan .item-list-send input[type="button"],
.footer-btn-nav a{
    border: 1px solid #333;
    font-size: 1rem;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    color: #000;
    background-color: #E5E5E5;
    margin: 0 10px;
    display: inline-block;
    font-weight: 500;
}
.cart-area .item-plan .item-list-send input[type="submit"]:hover, .cart-area  .item-plan button#close:hover, .cart-area .item-plan button#gotocart:hover, .cart-area .item-plan a:hover,
.cart-area .item-plan .item-list-send input[type="button"]:hover,
.footer-btn-nav a:hover{
    background-color: #DDD;
}
.footer-btn-nav {
    padding: 50px 0;
    display: flex;
    align-content: center;
    justify-content: center;
}
#cart-area .item-plan .item-list-price span {
    display: block;
    font-size: 1.1rem;
    align-self: center;
}
#cart-area .item-plan .item-list-price span::before {
    content: 'NTD. ';
}
#cart-area .item-plan .item-list-price .item-regular-price {
    text-decoration: line-through;
}
#cart-area .item-plan .item-plan-list h1, .item-plan .item-list-send h3 {
    font-weight: 300;
    text-align: center;
}
#cart-area .item-list-name .product-img, 
#cart-area .item-list-name .product-content {
    display: inline-block;
    /*vertical-align: middle;*/
    float: left;
}
#cart-area .item-list-name .product-img {
    margin-right: 15px;
    width: 150px;
    text-align: center;
}
#cart-area .item-list-name .product-img img {
    max-height: 85px;
}
#cart-area .item-list-name .product-content {
    line-height: 1.8;
    width: calc(100% - 160px);
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: left;
}
#cart-area .item-plan-list .item-list-subtotal .sub-total {
    font-size: 1.5rem;
    font-weight: 400;
    margin: 0;
    display: inline-block;
    /*padding-top: 18px;*/
    /*vertical-align: sub;*/
}
#cart-area .item-list-subtotal .orderlist-del {
    /*vertical-align: middle;*/
    background-color: transparent;
    border: none;
    cursor: pointer;
}
#cart-area .item-list-subtotal .orderlist-del:hover {
    opacity: 0.8;
}
#cart-area .item-list-subtotal .orderlist-del img {
    vertical-align: bottom;
}
#cart-area .item-plan-list .item-list-subtotal .sub-total::before {
    content: 'NTD. ';
}
#cart-area .item-plan-total {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
#cart-area .item-plan-total .item-cart-msg,
#cart-area .item-plan-total .item-cart-total {
    width: 60%;
    float: left;
    padding: 20px 20px;
}
#cart-area .item-plan-total .item-cart-total {
    width: 40%;
    float: left;
    padding: 20px 0px;
}
#cart-area .item-plan-total .cart-count {
    width: 30%;
    float: left;
    padding: 0 30px 0 0;
}
#cart-area .item-plan-total .cart-count:nth-of-type(2) {
    width: 70%;
}
#cart-area .item-plan-total .item-cart-msg p,
#cart-area .item-plan-total .cart-count p {
    margin: 0 0 .5rem;
	padding-left: 10px;
}
#cart-area .item-plan-total .item-cart-msg p::before {
	content: '*';
    position: relative;
    margin-left: -8px;
    /* margin-top: 6px; */
    vertical-align: middle;
}
#cart-area .item-plan-total .item-cart-msg p span,
#cart-area .item-plan-total .cart-count p strong,
#cart-area .item-plan-total .item-cart-total .cart-total:nth-of-type(2) p strong,
.payfunc-cart-total .cart-total p strong {
    font-size: 1.5rem;
    font-weight: 400;
}
#cart-area .item-plan-total .cart-count:nth-of-type(2) p {
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
#cart-area .item-plan-total .item-cart-total .cart-total {
    width: 100%;
    float: left;
}
#cart-area .item-plan-total .item-cart-total .cart-total:nth-of-type(1) {
    border-bottom:1px solid #333;
}
#cart-area .item-plan-total .item-cart-total .cart-total:nth-of-type(2) p{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 0 30px 0 30%;
}




/*結帳頁面*/
.payfunc-area {
    border-bottom: 1px solid #333;
}
.payfunc-area .container {
    padding: 0 40px 0 0;
}
.payfunc-area .payfunc-content {
    border-right: 1px solid #333;
    width: 100%;
    float: left;
}
.payfunc-area .payfunc-bg {
    float: left;
    width: 160px;
    padding: 40px 20px 40px 0px;
}
.payfunc-area .payfunc-bg .payfunc-bg-2 {
    margin-top: 150px;
    text-align: right;
}
.payfunc-area .payfunc-info-list {
    float: left;
    width: calc(100% - 400px);
    min-height: 580px;
    padding-bottom: 50px;
}
.payfunc-area .payfunc-info-list {
    border-left: 1px solid #333;
    border-right: 1px solid #333;
}
#payfinish-area .payfunc-area .payfunc-info-list {
    width: calc(100% - 160px);
}
#payfinish-area .payfunc-area .payfunc-content {
    border-right:none;
}
.payfunc-area .payfunc-total {
    width: 240px;
    float: left;
}
.payfunc-area .payfunc-cart-total {
    width: 100%;
    float: left;
    margin-top: 10px;
}
.payfunc-area .payfunc-title,
#flat-facemask-6 .payfunc-title{
    padding: 10px 10px 5px;
    text-align: center;
    font-size: 1rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.1rem;
}
.payfunc-cart-total .cart-total {
    padding: 10px 20px;
    border-top: 1px solid #333;
}
.payfunc-cart-total .cart-total p {
    margin: 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.payfunc-cart-item-list .cart-item-list-title,
.payfunc-info-list .cart-item-list-title,
.payfunc-info-list .invoice-tab-content {
    padding: 20px 20px 5px;
    font-size: 1rem;
    display: block;
    width: 100%;
    float: left;
}
.payfunc-info-list .invoice-tab-content {
    padding: 0px 20px 0px;
}
.cart-item-list-title > span {
    margin-right: 1rem;
}
.payfunc-info-list .cart-item-list-title .thesame, 
.payfunc-info-list .cart-item-list-title .invoice-option{
    font-size: 1rem;
    display: inline-block;
}
.payfunc-cart-item-list ul.cart-item-list {
    width: 100%;
    padding-bottom: 20px;
}
.payfunc-cart-item-list ul.cart-item-list li {
    float: left;
    width: 100%;
    padding: 5px 20px;
    font-size: 75%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
.payfunc-cart-item-list ul.cart-item-list li span {
    width: auto;
}
.payfunc-cart-item-list ul.cart-item-list li strong {
    font-size: .9rem;
}
.payfunc-cart-item-list ul.cart-item-list li span:nth-of-type(1) {
    width: 50%;
}
.payfunc-info-list .payfunc-info-item {
    width: 100%;
    float: left;
    padding: 0 20px;
}
.payfunc-info-item .form-group,
.invoice-receive-info .form-group {
    width: 50%;
    padding:5px 20px 10px 0;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payfunc-info-item .form-group-2,
.invoice-address .form-group-2{
    width: 100%;
    padding:5px 20px 10px 0;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.payfunc-info-item .form-group label,
.payfunc-info-item .form-group-2 label,
.invoice-address .form-group-2 label,
.invoice-receive-info .form-group label {
    width: 95px;
}
.payfunc-info-item .form-group input[type='text'],
.payfunc-info-item .form-group input[type='email'], 
.invoice-address .form-group input[type='text'], 
.invoice-receive-info .form-group input[type='text']{
    width: calc(100% - 65px);
    border: none;
    border-bottom: 1px solid #333;
    font-size: 1rem;
    padding: 7px 10px;
    background-color: transparent;
}
.payfunc-info-item .form-group #twzipcode,
.invoice-address .form-group #twzipcode2 {
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
}
.invoice-address #invoice_address {
    margin-left: 68px;
    max-width: 575px;
    margin-top: 10px;
}
.invoice-address .form-group #twzipcode2,
.invoice-address .form-group input[type='text'] {
    max-width: 350px;
}
.payfunc-info-item .form-group-2 #twzipcode input[type='text'],
.payfunc-info-item .form-group-2 #twzipcode select,
.payfunc-info-item .form-group-2 #twzipcode2 input[type='text'],
.payfunc-info-item .form-group-2 #twzipcode2 select,
.invoice-address .form-group #twzipcode2 input[type='text'],
.invoice-address .form-group #twzipcode2 select {
    width: calc(100% / 3 - 10px);
    border: none;
    border-bottom: 1px solid #333;
    font-size: 1rem;
    padding: 7px 10px;
    background-color: transparent;
    margin-right: 10px;
    cursor: pointer;
}
.invoice-address .form-group #twzipcode2 input[type='text'],
.invoice-address .form-group #twzipcode2 select {
    width: calc(100% / 3);
}
.payfunc-info-item .form-group-2 > input {
    width: calc(100% - 350px);
    border: none;
    border-bottom: 1px solid #333;
    font-size: 1rem;
    padding: 7px 10px;
    background-color: transparent;
}
.payfunc-info-item .form-group-2 #twzipcode,
.payfunc-info-item .form-group-2 #twzipcode2{
    width: 300px;
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin-right: 0px;
}
.payfunc-info-item .form-group-2 #twzipcode input[name='zipcode'],
.payfunc-info-item .form-group-2 #twzipcode2 input[name='zipcode2']{
    cursor: not-allowed;
}
.thesame input[type="checkbox"],
.paytype-option input[type="checkbox"],
.cart-item-list-title input[type="radio"], 
.payfunc-invoice-info input[type="radio"] {
    display:none;
}

.thesame input[type="checkbox"] + label,
.paytype-option input[type="checkbox"] + label,
.cart-item-list-title input[type="radio"] + label,
.payfunc-invoice-info input[type="radio"] + label {
    cursor: pointer;
    display: inline-block;
    margin-left: 1rem;
}
.invoice-receive-info input[type="checkbox"] + label {
    margin-left: 0rem;
}
.payfunc-invoice-info input[type="radio"] + label span {
    margin-left: -21px;
}
.thesame input[type="checkbox"] + label span,
.paytype-option input[type="checkbox"] + label span,
.cart-item-list-title input[type="radio"] + label span,
.payfunc-invoice-info input[type="radio"] + label span {
    display: inline-block;
    width: 0.9rem;
    height: 0.9rem;
    border-radius: 50%;
    background-color: transparent;
    margin-right: 3px;
    border: 2px solid #333;
}
.thesame input[type="checkbox"]:checked + label span,
.paytype-option input[type="checkbox"]:checked + label span,
.cart-item-list-title input[type="radio"]:checked + label span,
.payfunc-invoice-info input[type="radio"]:checked + label span{
    position: relative;
}
.thesame input[type="checkbox"]:checked + label span::before,
.paytype-option input[type="checkbox"]:checked + label span::before,
.cart-item-list-title input[type="radio"]:checked + label span::before, 
.payfunc-invoice-info input[type="radio"]:checked + label span::before {
    content: "";
    width: 14px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -6px;
    margin-top: 0px;
    transform: rotate(55deg);
    border-radius: 2px;
}
.thesame input[type="checkbox"]:checked + label span::after,
.paytype-option input[type="checkbox"]:checked + label span::after,
.cart-item-list-title input[type="radio"]:checked + label span::after,
.payfunc-invoice-info input[type="radio"]:checked + label span::after {
    content: "";
    width: 25px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -1px;
    margin-top: -5px;
    transform: rotate(-55deg);
    border-radius: 2px;
}
.order_name2.active, .sameaddress.active {
    display: none;
}
.cart-item-list-title .paytype-option-content {
    display: inline-block;
    vertical-align: top;
}
.invoice-tab-ul {
    display: inline-block;
}
.invoice-tab-content .payfunc-invoice-info {
    display: none;
}
.invoice-tab-content .payfunc-invoice-info.active {
    display: block;
    padding-left: 8px;
}
.invoice-tab-2.active {
    padding-left: 0!important;
}
.payfunc-invoice-info input[type="radio"] + label + input[type='text'] {
    width: calc(150px);
    border: none;
    border-bottom: 1px solid #333;
    font-size: 1rem;
    padding: 3px 5px;
    background-color: transparent;
    display: none;
    vertical-align: bottom;
}
.payfunc-invoice-info .e-invoice-option.selected input[type='text'],
.payfunc-invoice-info .donation-option.selected input[type='text']{
    display: inline-block;
}
.payfunc-invoice-info .e-invoice-option p {
    margin: 0 0 10px;
    padding-left: 5px;
}
.paytype-option-content .paytype-option a,
.invoice-tab-content .donation-option a {
    color: #333;
    text-decoration: underline;
    margin: 0 3px;
}
.paytype-option-content .paytype-option a:hover,
.invoice-tab-content .donation-option a:hover {
    font-weight: 700;
}
.paytype-option-content .paytype-option:nth-last-of-type(1) {
    font-size: 0.8rem;
    margin-top: 30px;
}
.invoice-tab-content .e-invoice-option, 
.invoice-tab-content .donation-option,
.invoice-tab-content .paper-option {
    margin: 8px 0;
}
.payfunc-invoice-info .invoice-address, 
.payfunc-invoice-info .invoice-receive-info {
    padding-left: 0px;
}
#payfinish-area .payfinish-intro-content {
    width: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
}
#payfinish-area .payfinish-intro {
    width: 420px;
    display: flex;
    align-items: center;
    justify-content: center;
}
#payfinish-area .payfinish-intro-img {
    margin-right: 30px;
}
#payfinish-area .payfunc-area .payfunc-info-list {
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    padding-bottom: 0px;
    min-height: 450px;
    padding-left: 5%;
    padding-right: 5%;
}
#payfinish-area .payfunc-title {
    position: absolute;
    top: 0;
    left: 0;
}
#payfinish-area .payfinish-intro-title h1 {
    font-size: 2.5rem;
}
#payfinish-area .payfinish-intro-title h1, #payfinish-area .payfinish-intro-title h3 {
    margin: 0 0 0.5rem;
}
#payfinish-area .payfinish-intro-title h3 a {
    color: #666;
    border-bottom: 1px solid #666;
    padding-bottom: 2px;
    display: inline-block;
}
#payfinish-area .payfinish-intro-title h3 a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}
#payfinish-area span.ribbon {
    position: absolute;
    bottom: 30px;
    right: 30px;
    width: 6px;
    height: 55px;
    background: #333;
    transform: skewX(-15deg);
}






/*關於dctpro頁面*/
.about-bg-01 {
    line-height: 0;
    position: relative;
    z-index: -1;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.about-title {
    padding-right: 80px;
    padding-bottom: 0px;
}
.about-title h1 {
    font-size: 2.5rem;
    font-weight: 400;
    margin-bottom: 0.5rem;
}
.about-title h1 small {
    float: right;
    padding-top: 12px;
    font-size: 75%;
}
.about-title p {
    text-align: justify;
    font-size: 90%;
}
.about-text-content {
    position: absolute;
    right: 0;
    top: 5px;
    width: 50%;
    padding-left: 25px;
}
.about-link li {
    width: 200px;
    float: left;
    margin: 0 30px 15px 0;
}
.about-link li a {
    font-size: 90%;
    color: #333;
    padding: 8px 15px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: #E5E5E5;
    transition: all .25s ease-out;
}
.about-link li a:hover {
    background: #E5E5E5;
    transition: all .25s ease-out;
}
.about-link li a span, .about-link li a img {
    vertical-align: middle;
    margin-right: 5px;
    transition: all .25s ease-out;
}
.about-link li a:hover img {
    margin-right: 0px;
    transition: all .25s ease-out;
}
#page-02 .about-img-content {
    width: 50%;
    position: relative;
    font-size: 90%;
}
#page-02 .about-img-content .about-img {
    padding-top: 95px;
    padding-bottom: 75px;
    padding-left: 75px;
}
#page-02 .about-img-qrcode {
    position: absolute;
    bottom: 0;
    width: 250px;
    padding-left: 75px;
}
#page-02 .about-img-qrcode p span {
    float: left;
    width: 50%;
    padding-right: 15px;
    margin-bottom: 5px;
}
#page-02 .bottom-img-round {
    padding: 25px 0;
    text-align: center;
}
#page-02 .bottom-img-round img {
    margin: 0 11px;
}
.about-arrow-right {
    padding-top: 23px;
}
#page-03 .about-img-content {
    width: 50%;
    position: relative;
    font-size: 90%;
}
#page-03 .about-img-content .about-img {
    padding-top: 75px;
    padding-bottom: 75px;
    padding-left: 75px;
}
#page-03 .bottom-slogan hr, #page-05 .bottom-slogan hr {
    border: none;
    height: 1px;
    background: #000;
    width: 100%;
    display: block;
    margin-top: 50px;
    margin-bottom: 50px;
    float: left;
}
#page-05 .bottom-slogan hr {
    margin-top: 0px;
    margin-bottom: 0px;
}
#page-03 .bottom-slogan h3 {
    margin: 2rem 0 0 0;
    position: absolute;
    font-size: 1.5rem;
    font-weight: 400;
    letter-spacing: 0.75rem;
    background-color: #E5E5E5;
    padding: 0 10px;
    text-align: center;
    left: 65px;
}
#page-04 {
    margin-bottom: 0px;
    padding-bottom: 0px;
}
#page-04 .container-border {
    padding-bottom: 25px;
    display: flex;
    justify-content: space-between;
    align-items: center;
}
#page-04 .container-text {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: flex;
    align-items: top;
    justify-content: space-between;
    flex-wrap: wrap;
    padding: 0 2.5% 50px;
}
#page-04 .container-text .factory-text{
    width: 50%;
    padding: 0 2%;
    text-align: justify;
}
#page-04 .about-text-content {
    position: relative;
    bottom: inherit;
    width: 40%;
    float: right;
    top: inherit;
}
#page-04 .about-factory-icon {
    width: 60%;
    float: left;
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 50px;
}
#page-04 .index-content {
    margin-bottom: 40px;
}
#page-04 .about-factory-icon .icon-img {
    width: auto;
    margin:0 10px;
}


#page-05 .about-text-content {
    position: relative;
    bottom: inherit;
    width: 50%;
    float: right;
    margin-bottom: 25px;
    top: inherit;
    padding-top: 40px;
}
#page-05 .flexslider {
    background-color: transparent;
    padding-left: 160px;
    padding-right: 30px;
    border-radius: 0;
}
#page-05 ul.slides li a {
    min-height: 530px;
    color: #333;
    display: block;
    opacity: 0.5;
    transition: opacity .25s ease-out;
}#page-05 ul.slides li a:hover {
    color: #000;
    opacity: 1;
    transition: opacity .25s ease-out;
}
#page-05 .flexslider .slides > li {
    padding: 10px 15px 0;
    border-left: 1px solid #000;
    
    min-width: 208px;
}
#page-05 .flexslider .slides a span {
    display: block;
}
#page-05 .flexslider .slides a span.certify_name {
    margin-bottom: 180px;
    line-height: 1.5;
}




/*qa*/
#qa {
    border-top: 1px solid #000;
}
#qa .qa-open-button {
    width: 76px;
    height: 75px;
    background-color: #FFE400;
    display: flex;
    align-items: center;
    text-align: center;
    justify-content: space-around;
    cursor: pointer;
}
#qa .qa-open-button:hover::before, #qa .qa-open-button:hover::after {
    background-color: #000;
    border: 1px solid #000;
}
#qa .qa-open-button::before, #qa .qa-open-button::after {
    content: '';
    display: block;
    width: 30px;
    height: 1px;
    background-color: #333;
    position: absolute;
}
#qa .qa-open-button::after {
    transform: rotate(90deg);
}
#qa .page-qa-title {
    display: flex;
    align-items: center;
    justify-content:flex-start;
}
#qa .qa-icon-title {
    line-height: 0;
    padding-left: 25px;
}
#qa .page-qa-title {
    border-left: 1px solid #000;
}
#qa .qa-open-button {
    border-right: 1px solid #000;
}
#qa .page-qa-title {
    /*border-top: 1px solid #000;*/
    border-right: 1px solid #000;
}
#qa .qa-item-area {
    padding: 0px;
    position: relative;
}
#qa .qa-hr {
    height: 1px;
    background-color: #000;
    width: 100%;
}
#qa .qa-item-area {
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:wrap;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#qa .qa-item {
    /*width: calc((100% - 150px) / 3);*/
    width: 100%;
    display: inline-block;
    border-top: 1px solid #000;
    background-color: #FFE000;
    padding-left: 75px;
    font-size: 1rem;
}
#qa .qa-question-area {
    background-color: #E5E5E5;
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:wrap;
    padding-right: 75px;
}
#qa .qa-answer-area {
    background-color: #E5E5E5;
    /*border-top: 1px solid #000;*/
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:stretch;
    flex-wrap:wrap;
    padding-right: 75px;
}
#qa .qa-question {
    border-left: 1px solid #000;
    padding: 10px 20px;
    background-color: #E5E5E5;
    width: calc(100% / 3);
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
}
#qa .qa-answer-area > .qa-question {
    display: none;
}
#qa .qa-question span {
    display: inline-block;
}
#qa .qa-question span.name {
    padding-left: 5px;
    font-weight: 700;
}
#qa .qa-question span.number {
    font-size: 1.75rem;
    letter-spacing: 0.25rem;
    font-family: Impact, Haettenschweiler, "Franklin Gothic Bold", "Arial Black", "sans-serif";
}
#qa .qa-answer {
    border-left: 1px solid #000;
    /*min-height: 320px;*/
    padding: 10px 20px;
    text-align: left;
    background-color: #E5E5E5;
    width: calc(100% / 3);
}
#qa .qa-answer p {
    margin-top: 0;
}
#qa .qa-answer a {
    color: #666;
}
#qa .qa-answer a:hover {
    color: #000;
    text-decoration: underline;
}
#qa .qa-item:nth-of-type(3n-2), #qa .qa-item:nth-of-type(3n+3) {
    /*width: calc(((100% - 150px) / 3) + 75px);*/
    width: 100%;
}
#qa .qa-question:last-of-type, #qa .qa-answer:last-of-type{
    border-right: 1px solid #000;
}
#qa .page-qa-content {
    display: none;
}
#qa .page-qa-content.active {
    display: block;
}
#qa .qa-open-button.active::after {
    display: none;
}
#qa .qa-item-area .qa-decorate {
    position: absolute;
    transform: rotate(90deg);
    left: -5px;
    top: 115px;
}



/* articel 文章區域*/
#article .article-intro {
    position: relative;
}
#article .article-intro-bg {
    line-height: 0;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#article .type-link {
    width: 200px;
    position: absolute;
    right: 110px;
    bottom: 20px;
}
#article .type-link li {
    width: 200px;
    float: left;
    margin: 0 0px 15px 0;
}
#article .type-link li a {
    font-size: 90%;
    color: #333;
    padding: 8px 15px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
}
#article .type-link li a:hover {
    background: rgba(0,0,0,.05);
    transition: all .25s ease-out;
}
#article .type-link li a span, .type-link li a img {
    vertical-align: middle;
    margin-right: 5px;
    transition: all .25s ease-out;
}
#article .type-link li a:hover img {
    margin-right: 0px;
    transition: all .25s ease-out;
}
#article .article-item .flex-direction-nav .flex-prev {
    left: 15px;
}
#article .article-item .flex-direction-nav .flex-next {
    right: 15px;
}
#article .article-item .flex-direction-nav a {
    bottom: 50%;
}
#article .article-item .flexslider {
    background-color: transparent;
    border-radius: 0;
    border-top: 1px solid #000;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#article .flexslider ul.slides li {
    border-right: 1px solid #000;
}
#article .flexslider ul.slides li:last-child {
    border-right:none;
}
.article-img-slide .flexslider {
    border-right: none!important;
}
.article-img-slide .flexslider ul.slides li{
    border-right: none!important;
}
#article ul.slides li a .article_img {
    position: relative;
    border-bottom: 1px solid #000;
}
#article .flexslider ul.slides li a {
    color: #000;
    position: relative;
    display: block;
}
#article .flexslider ul.slides a .overlay {
    transition: opacity .25s ease-out;
    opacity: 0;
}
#article .flexslider ul.slides a:hover .overlay {
    background-color: #FFE000;
    opacity: .6;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    width: 100%;
    height: 100%;
    transition: opacity .25s ease-out;
}
#article .flexslider ul.slides a .article_img {
    overflow: hidden;
}
#article .flexslider ul.slides a .article_img img {
    transform: scale(1);
    transition: transform .25s ease-out;
}
#article .flexslider ul.slides a:hover .article_img img {
    transform: scale(1.03);
    transition: transform .25s ease-out;
}
#article .article_name {
    padding: 10px 15px;
    display: flex;
    flex-direction:row;
    justify-content:flex-start;
    align-items:center;
    font-size: 100%;
    flex-wrap: wrap;
}
#article .article_type p {
    margin: 0;
    display: inline-flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: center;
    line-height: 0;
    vertical-align: middle;
	word-break: keep-all;
}
#article .article-content-area {
    position: relative;
    width: 100%;
    display: flex;
    flex-direction:row;
    justify-content:space-between;
    align-items: stretch;
    padding-left: 200px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#article .article-content {
    text-align: justify;
    line-height: 1.8;
    font-size: 90%;
}
#article .article-content-bg {
    position: absolute;
    bottom: 30px;
    left: 0;
}
#article .article-text {
    width: calc(546px);
    padding-right: 100px;
    padding-top: 50px;
    padding-bottom: 50px;
    border-right: 1px solid #000;
}
#article .article-img-slide {
    width: calc(100% - 546px);
    /*width: 575px;*/
    position: relative;
}
.article-img-slide .article-img {
    width: 100%;
    float: left;
}
.article-img-slide .article-nav {
    width: 100%;
    float: left;
    padding: 25px 0px 15px;
    text-align: right;
}
#article .article-title h2 {
    font-size: 2.5rem;
    margin-top: 0;
}
#article .article-subtitle h3 {
    font-weight: 400;
}
#article .article-link {
    width: auto;
    position: relative;
    right: 0;
    bottom: 0px;
}
#article .article-link li {
    width: 150px;
    /*float: left;*/
    margin: 0 20px 15px 0;
    display: inline-block;
}
#article .article-link li a {
    font-size: 90%;
    color: #333;
    padding: 8px 15px;
    border: 1px solid #333;
    display: flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
}

#article .article_name .article_type {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    margin-bottom: 5px;
    width: 100%;
    flex-wrap: wrap;
}
#article .article-link li a:hover {
    background: rgba(0,0,0,.05);
    transition: all .25s ease-out;
}
#article .article-link li a span, .article-link li a img {
    vertical-align: middle;
    margin-right: 5px;
    transition: all .25s ease-out;
}
#article .article-link li a:hover img {
    margin-right: 0px;
    transition: all .25s ease-out;
}
#article .article_type span{
    position: relative;
    display: inline-block;
    width: 14px;
    height: 14px;
    border-radius: 50%;
    border: 1px solid #000;
    margin-left: 5px;
    vertical-align: middle;
}
#article .article_type span::before, #article .article_type span::after {
    content: '';
    display: block;
    width: 8px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 48%;
    left: 2px;
}
#article .article_type span::after {
    transform: rotate(90deg);
}



/*窄版 / 3D 口罩*/
.full-page-image {
    line-height: 0;
    width: 100%;
    float: left;
}
.full-page-image > img {
    width: 100%;
}
.page-intro {
    /*border-top: 1px solid #000;*/
    width: 325px;
    float: left;
    padding: 30px 50px 0 50px;
}
.page-intro .page-intro-title h1{
    font-size: 3rem;
}
.page-intro .page-intro-title p {
    font-size: 0.8rem;
}
#empty-section,
#gift-section,
#gift-slide,
.product-career-section,
#fitted-flat-facemask-2-1,
#fitted-flat-facemask-2,
#fitted-flat-facemask-3,
#fitted-flat-facemask-4,
#fitted-flat-facemask-5,
#fitted-flat-facemask-6,
#fitted-flat-facemask-7,
#fitted-flat-facemask-8,
#fitted-flat-facemask-9,
#flat-facemask-2,
#flat-facemask-3,
#flat-facemask-4,
#flat-facemask-5,
#flat-facemask-6,
#facemask-3d-2,
#facemask-3d-3,
#facemask-3d-4,
#facemask-3d-5,
#youtube-video,
#facemask-3d-6,
#flat-facemask-5-1,
#flat-facemask-5-2,
#product-section-2,
#product-section-3,
#product-section-4,
#product-section-5,
#pillow-protector-2,
#pillow-protector-3,
#pillow-protector-4,
#pillow-protector-5,
#footer-btn-nav,
#smog-stopper-2,
#smog-stopper-3,
#smog-stopper-4,
#smog-stopper-5,
#smog-stopper-6,
#simwater-2,
#simwater-3,
#simwater-4,
#simwater-5,
#simwater-6,
.smog-stopper-feature,
.facemask-3d-career,
.pillow-protector-feature,
.product-section-feature,
.simwater-feature{
    border-top:1px solid #000;
}
#fitted-flat-facemask-8 ul.features-list,
#facemask-3d-5 ul.features-list,
#flat-facemask-5 ul.features-list{
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}
#fitted-flat-facemask-8 ul.features-list li.features-item,
#facemask-3d-5 ul.features-list li.features-item,
#flat-facemask-5 ul.features-list li.features-item{
    width: calc(100% / 3);
    text-align: center;
    margin-bottom: 60px;
}
#fitted-flat-facemask-8 li.features-item .features-img,
#facemask-3d-5 li.features-item .features-img,
.facemask-3d-career li.features-item .features-img,
#flat-facemask-5 li.features-item .features-img,
.pillow-protector-career li.features-item .features-img,
.product-section-career li.features-item .features-img,
.simwater-career li.features-item .features-img{
    text-align: center;
}
#fitted-flat-facemask-8 li.features-item .features-title,
#facemask-3d-5 li.features-item .features-title,
#flat-facemask-5 li.features-item .features-title,
.facemask-3d-career li.features-item .features-title,
.pillow-protector-career li.features-item .features-title,
.product-section-career li.features-item .features-title,
.simwater-career li.features-item .features-title{
    font-size: 1.25rem;
    font-weight: 700;
    margin:5px 0;
}
#fitted-flat-facemask-8 li.features-item .features-text strong,
#facemask-3d-5 li.features-item .features-text strong,
.facemask-3d-career li.features-item .features-text strong, 
.flat-feature-item-2 .features-item .features-text strong,
#flat-facemask-5 li.features-item .features-text strong,
.pillow-protector-career li.features-item .features-text strong,
.product-section-career li.features-item .features-text strong,
.simwater-career li.features-item .features-text strong{
    font-size: 1.75rem;
    font-weight: 700;
    margin-left: 5px;
}
.page-content {
    /*border-top: 1px solid #000;*/
    width: calc(100% - 325px);
    float: left;
    border-left: 1px solid #000;
    padding: 60px 30px;
}
.container-border {
    width: 100%;
    float: left;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.half-page-image {
    line-height: 0;
    width: 50%;
    float: left;
}
.half-page-image > img {
    width: 100%;
}
#facemask-3d-1 {
    background-color: #E5E5E5;
}
#fitted-flat-facemask-1 .half-page-image:last-of-type,
#facemask-3d-1 .half-page-image:last-of-type,
#flat-facemask-1 .half-page-image:last-of-type{
    border-left: 1px solid #000;
}
#fitted-flat-facemask-2 .full-page-image {
    position: relative;
    /*border-top: 1px solid #000;*/
    text-align: center;
    padding: 100px;
}
#fitted-flat-facemask-2 .payfunc-title,
#flat-facemask-6 .payfunc-title{
    position: absolute;
    top: 0;
    left: 0;
    padding: 25px 10px 10px 20px;
    text-align: center;
    font-size: 1.5rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1;
}
#fitted-flat-facemask-2 .full-page-image h1 {
    text-align: center;
    margin-bottom: 100px;
    font-size: 3rem;
    line-height: 1;
}
#fitted-flat-facemask-2 ul.features-list {
    width: 100%;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
    padding-bottom: 50px;
}
#fitted-flat-facemask-2 li.features-item {
    width:calc(100% / 4);
}
#fitted-flat-facemask-2 .features-title{
    font-size: 1.35rem;
    font-weight: 700;
    padding-left: 25%;
    margin-top: 15px;
    position: relative;
    text-align: left;
}
#fitted-flat-facemask-2 .features-text {
    font-size: 1.05rem;
    /*padding-left: 70px;*/
    font-weight: 300;
    margin-left: 0px;
}
#fitted-flat-facemask-2 .features-img {
    line-height: 0;
}
#fitted-flat-facemask-2 .features-img img {
    width: 100%;
}
#fitted-flat-facemask-2 .features-title span {
    position: absolute;
    margin-left: -25px;
    margin-top: 17px;
}
#fitted-flat-facemask-2 .features-title span::before {
    content: "";
    width: 14px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -6px;
    margin-top: -1px;
    transform: rotate(55deg);
    border-radius: 2px;
}
#fitted-flat-facemask-2 .features-title span::after {
    content: "";
    width: 25px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -1px;
    margin-top: -5px;
    transform: rotate(-55deg);
    border-radius: 2px;
}
#fitted-flat-facemask-3 .payfunc-title,
#flat-facemask-6 .payfunc-title{
    position: absolute;
    top: 0;
    right: 0;
    padding: 25px 10px 10px 20px;
    text-align: center;
    font-size: 1.5rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.05rem;
    line-height: 1;
}
#fitted-flat-facemask-3 .full-page-image {
    position: relative;
}
#fitted-flat-facemask-3 h1 {
    position: absolute;
    top: 30px;
    font-size: 2.25rem;
    padding-left: 100px;
    line-height: 1.7;
    margin: 0;
    letter-spacing: 0.1rem;
}
#fitted-flat-facemask-3 h2 {
    position: absolute;
    bottom: 100px;
    padding-left: 100px;
    font-size: 1.75rem;
    color: #FFF;
    line-height: 1.7;
    margin: 0;
    font-weight: 400;
    letter-spacing: 0.2rem;
}
#fitted-flat-facemask-4 .half-page-image {
    position: relative;
    line-height: 0;
    /*border-top: 1px solid #000;
    border-bottom: 1px solid #000;*/
}
#fitted-flat-facemask-4 .half-page-image .features-title {
    position: absolute;
    font-size: 2.25rem;
    line-height: 1.5;
    display: block;
    padding-left: 30px;
    padding-top: 30px;
}
#fitted-flat-facemask-4 .half-page-image .features-title small{
    position: absolute;
    font-size: 1.25rem;
    line-height: 1.5;
    display: block;
    margin-top: 10px;
}
.half-page-image:last-of-type {
    border-left: 1px solid #000;
}
#fitted-flat-facemask-5 .up-title,
#flat-facemask-2 .up-title,
#facemask-3d-2 .up-title,
#pillow-protector-2 .up-title,
#simwater-2 .up-title,
#smog-stopper-2 .up-title{
    display: flex;
    align-items: end;
    justify-content: space-between;
    padding-left: 80px;
    padding-top: 80px;
}
#fitted-flat-facemask-5 .up-title-01,
#fitted-flat-facemask-5 .up-title-02,
#fitted-flat-facemask-5 .up-title-03,
#flat-facemask-2 .up-title-01,
#flat-facemask-2 .up-title-02,
#flat-facemask-2 .up-title-03,
#facemask-3d-2 .up-title-01,
#facemask-3d-2 .up-title-02,
#facemask-3d-2 .up-title-03,
#pillow-protector-2 .up-title-01,
#pillow-protector-2 .up-title-02,
#pillow-protector-2 .up-title-03,
#smog-stopper-2 .up-title-01,
#smog-stopper-2 .up-title-02,
#smog-stopper-2 .up-title-03,
#simwater-2 .up-title-01,
#simwater-2 .up-title-02,
#simwater-2 .up-title-03{
    width: calc(100% / 3);
    text-align: center;
    position: relative;
}
#fitted-flat-facemask-5 .up-title-01::before,
#flat-facemask-2 .up-title-01::before,
#facemask-3d-2 .up-title-01::before,
#pillow-protector-2 .up-title-01::before,
#smog-stopper-2 .up-title-01::before,
#simwater-2 .up-title-01::before{
    content: '';
    width: 100px;
    height: 1px;
    background: #000;
    position: absolute;
    left: 0;
    margin-left: -80px;
    z-index: -1;
    margin-top: 25%;
}
#fitted-flat-facemask-5 .up-title-01::after,
#flat-facemask-2 .up-title-01::after,
#facemask-3d-2 .up-title-01::after,
#pillow-protector-2 .up-title-01::after,
#smog-stopper-2 .up-title-01::after,
#simwater-2 .up-title-01::after{
    content: '';
    width: 1px;
    height: 160px;
    background: #000;
    position: absolute;
    left: 0;
    z-index: -1;
    top: -140px;
    margin-left: 70px;
}
#fitted-flat-facemask-5 .up-title-03 span,
#flat-facemask-2 .up-title-03 span,
#facemask-3d-2 .up-title-03 span,
#pillow-protector-2 .up-title-03 span,
#smog-stopper-2 .up-title-03 span,
#simwater-2 .up-title-03 span{
    display: block;
}
#fitted-flat-facemask-5 .up-title-01,
#flat-facemask-2 .up-title-01,
#facemask-3d-2 .up-title-01,
#pillow-protector-2 .up-title-01,
#smog-stopper-2 .up-title-01,
#simwater-2 .up-title-01{
    display: block;
    font-weight: 700;
}
#fitted-flat-facemask-5 .up-title-02,
#flat-facemask-2 .up-title-02,
#facemask-3d-2 .up-title-02,
#pillow-protector-2 .up-title-02,
#smog-stopper-2 .up-title-02,
#simwater-2 .up-title-02{
    font-size: 1.15rem;
    line-height: 1.5;
    display: block;
}
#fitted-flat-facemask-5 .up-title-01 h1,
#flat-facemask-2 .up-title-01 h1,
#facemask-3d-2 .up-title-01 h2,
#pillow-protector-2 .up-title-01 h1,
#smog-stopper-2 .up-title-01 h1,
#simwater-2 .up-title-01 h1{
    font-size: 2.25rem;
    line-height: 1.5;
    text-align: left;
    margin: 0;
    padding: 35px;
}
#fitted-flat-facemask-5 .up-title-02 span,
#flat-facemask-2 .up-title-02 span,
#facemask-3d-2 .up-title-02 span,
#pillow-protector-2 .up-title-02 span,
#smog-stopper-2 .up-title-02 span,
#simwater-2 .up-title-02 span{
    text-align: left;
    display: inline-block;
    padding-bottom: 35px;
}
#fitted-flat-facemask-5 .up-title-03,
#flat-facemask-2 .up-title-03,
#facemask-3d-2 .up-title-03,
#pillow-protector-2 .up-title-03,
#smog-stopper-2 .up-title-03,
#simwater-2 .up-title-03{
    text-align: center;
    padding-bottom: 35px;
}
#fitted-flat-facemask-5 .down-img,
#flat-facemask-2 .down-img,
#facemask-3d-2 .down-img,
#pillow-protector-2 .down-img,
#smog-stopper-2 .down-img,
#simwater-2 .down-img{
    padding-left: 150px;
}
#fitted-flat-facemask-5 .down-img p,
#flat-facemask-2 .down-img p,
#facemask-3d-2 .down-img p,
#pillow-protector-2 .down-img p,
#smog-stopper-2 .down-img p,
#simwater-2 .down-img p{
    position: relative;
    padding-left: 80px;
    border-left: 1px solid #000;
    margin: 0;
    min-height: 450px;
}
#fitted-flat-facemask-5 .down-img p img,
#flat-facemask-2 .down-img p img,
#facemask-3d-2 .down-img p img,
#pillow-protector-2 .down-img p img,
#smog-stopper-2 .down-img p img,
#simwater-2 .down-img p img{
    display: block;
    position: absolute;
    right: 30px;
    bottom: 30px;
	max-width: 1050px;
	background-color: #E5E5E5;
	padding: 5px;
}
#flat-facemask-5-1 {
    height: 240px
}
#flat-facemask-5-1 .container-border {
    min-height: 239px
}
.flat-facemask-image-area {
    padding: 0 0 0 75px;
    position: relative;
    float: left;
    width: 100%;
}
.flat-facemask-image-content {
    line-height: 0;
    position: relative;
    /*border-right: 1px solid #000;*/
}
.flat-facemask-image-content.mt {
    margin-top: -240px;
    z-index: -1;
    border-left: 1px solid #000;
}
.flat-facemask-image-content > img {
    width: 100%;
}
#flat-facemask-5-2 {
    position: relative;
    overflow: visible;
}
#flat-facemask-5-2 .payfunc-title {
    right: 0;
    /*padding-bottom: 20px!important;*/
}


#youtube-video{
    width: 100%;
}
#youtube-video .video-area{
    float: left;
    width: 100%;
    padding: 0 75px;
}
.video-area .video-content {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    line-height: 0;
}
.video-area .video-more {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    width: 100%;
}
.video-area .video-btn {
    padding: 15px 15px;
    text-align: right;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.video-area ul.video-list {
    display: block;
    /*align-self: stretch;
    justify-content: space-between;
    flex-wrap: wrap;*/
}
.video-area ul.video-list li.video-item{
    border-top: 1px solid #000;
    /*width: calc(100% / 4);*/
    border-left: 1px solid #000;
    min-height: 225px;
}
.video-area ul.video-list li.video-item:first-child {
    border-left: none;
}
.video-area ul.video-list li.video-item a {
    color: #000;
    display: block;
    padding-bottom: 20px;
    font-size: 80%;
    opacity: .6;
    transition: opacity .25s ease-out;
}
.video-area ul.video-list li.video-item a:hover {
    opacity: 1;
    transition: opacity .25s ease-out;
}
.video-area ul.video-list li.video-item a span {
    display: block;
    padding: 0 10px;
    font-size: 0.8rem;
    line-height: 1.7;
}
.video-area .video-btn a, .video-area .video-btn button {
    font-size: 100%;
    color: #333;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
    width: auto;
    cursor: pointer;
}
.video-area .video-btn a:hover, .video-area .video-btn button:hover {
    background-color: #CCC;
    transition: all .25s ease-out;
}
.video-area .video-btn a span, .video-area .video-btn button span {
    border-right: 1px solid #000;
    vertical-align: middle;
    text-align: center;
}
.video-area .video-btn a span + img, .video-area .video-btn button span + img {
    display: inline-block;
    transform: rotate(90deg);
    transition: rotate .25s ease-out;
}
.video-area .video-btn a span::before, .video-area .video-btn button span::before {
    content: '更多影片';
    padding: 5px 20px;
    display: inline-block;
    width: 4rem;
}
.video-area .video-btn a.active span::before, .video-area .video-btn button.active span::before {
    content: '返回';
}
.video-area .video-btn a.active span + img, .video-area .video-btn button.active span + img {
    display: inline-block;
    transform: rotate(-90deg);
    transition: rotate .25s ease-out;
}
.video-area .video-btn a img, .video-area .video-btn button img {
    margin-left: 15px;
    margin-right: 15px;
}
.video-more {
    /*display: none;*/
}

#fitted-flat-facemask-6 .inside-area,
#flat-facemask-3 .inside-area,
#pillow-protector-3 .inside-area,
#facemask-3d-3 .inside-area,
#smog-stopper-3 .inside-area,
#simwater-3 .inside-area{
    width: 100%;
    padding: 0 0 0 75px;
}
#smog-stopper-3 .inside-img,
#simwater-3 .inside-img{
    padding-right: 130px;
}
.inside-area .inside-content {
    border-left: 1px solid #000;
    /*border-right: 1px solid #000;*/
    display:flex;
    align-items: end;
    justify-content: space-between;
}

.inside-content .inside-title .payfunc-title,
#facemask-3d-6 .payfunc-title,
#flat-facemask-6 .payfunc-title,
#flat-facemask-5-2 .payfunc-title{
    position: absolute;
    padding: 25px 10px 5px;
    text-align: center;
    font-size: 1rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.1rem;
    top: 0;
    line-height: 1;
}
.inside-area .inside-content .inside-img{
    padding: 120px 0;
    /*width: 790px;*/
    width: calc(100% - 400px);
    text-align: right;
}
#flat-facemask-3 .inside-area .inside-content .inside-img,
#pillow-protector-3 .inside-area .inside-content .inside-img{
    padding: 100px 0 0 30px;
    line-height: 0;
}
.inside-title h1 {
    font-size: 2.5rem;
    padding-left: 45px;
    padding-right: 45px;
    padding-bottom: 15px;
    border-bottom: 1px solid #000;
    margin-bottom: 20px;
}
.inside-area .inside-content .inside-title {
    /*width: calc(100% - 790px);*/
    width: 400px;
    padding-bottom: 100px;
}
ul.inside-list, .english-slogan {
    padding-left: 90px;
    display: block;
}
ul.inside-list li {
    padding: 5px 0;
    position: relative;
}
ul.inside-list li span {
    position: absolute;
    margin-left: -25px;
    margin-top: 12px;
}
ul.inside-list li span::before {
    content: "";
    width: 14px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -6px;
    margin-top: -1px;
    transform: rotate(55deg);
    border-radius: 2px;
}
ul.inside-list li span::after {
    content: "";
    width: 25px;
    height: 3px;
    display: block;
    background-color: #333;
    position: absolute;
    margin-left: -1px;
    margin-top: -5px;
    transform: rotate(-55deg);
    border-radius: 2px;
}

.english-slogan {
    margin: 60px 0 60px -25px;
}
.add-to-cart-btn {
    display:flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 0 0 55px;
}
.add-to-cart-btn a {
    font-size: 100%;
    color: #333;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
    width: auto;
}
.add-to-cart-btn a:hover {
    background-color: #CCC;
}
.add-to-cart-btn a span {
    padding: 5px 15px;
    display: block;
}
.add-to-cart-btn a span.cross-arrow {
    display: block;
    background-color: #FFE400;
    position: relative;
    padding: 9px;
    width: 36px;
    height: 36px;
    border-left: 1px solid #333;
}
span.cross-arrow::before, span.cross-arrow::after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 50%;
}
span.cross-arrow::after {
    transform: rotate(90deg);
}

#fitted-flat-facemask-7,
#facemask-3d-4{
    border-top: 1px solid #000;
}
#fitted-flat-facemask-7 .testing-area
#facemask-3d-4 .testing-area{
    width: 100%;
    padding: 0 75px;
}

#fitted-flat-facemask-7 .testing-area-content,
#facemask-3d-4 .testing-area-content{
    width: 100%;
}
#fitted-flat-facemask-7 .testing-area-content .testing-left,
#facemask-3d-4 .testing-area-content .testing-left,
#flat-facemask-4 .testing-area-content .testing-left,
#smog-stopper-4 .testing-area-content .testing-left,
#simwater-4 .testing-area-content .testing-left{
    width: 540px;
    padding-top: 85px;
    padding-bottom: 40px;
    float: left;
}
#flat-facemask-4 .testing-area-content .testing-left{
    padding-bottom: 0px;
    padding-top: 60px;
}
#smog-stopper-4 .testing-area-content .testing-left,
#simwater-4 .testing-area-content .testing-left{
    padding: 0;
}
#fitted-flat-facemask-7 .testing-area-content .testing-right,
#facemask-3d-4 .testing-area-content .testing-right,
#flat-facemask-4 .testing-area-content .testing-right,
#smog-stopper-4 .testing-area-content .testing-right,
#simwater-4 .testing-area-content .testing-right{
    width: calc(100% - 540px);
    float: left;
    padding-top: 85px;
    padding-bottom: 0px;
    border-left: 1px solid #000;
}
#facemask-3d-4 ul.inside-list,
#flat-facemask-4 ul.inside-list{
    position: relative;
    width: 360px;
    float: right;
    margin: -70px 0 10px 0;
}

.testing-left-1 {
    margin-bottom: 60px;
    position: relative;
    padding-left: 50px;
}
.testing-left-1 a {
    font-size: 100%;
    color: #333;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
    width: auto;
    position: absolute;
    right: 100px;
    bottom: 0;
}
.testing-left-1 a span {
    padding: 5px 15px;
    display: block;
}
#flat-facemask-4 .testing-left-1 a span:first-of-type{
    padding: 5px 35px;
}
#flat-facemask-4 .testing-left-1 a{
    /*right: 50px;*/
}
.testing-left-1 a span.open-icon {
    display: block;
    background-color: #FFE400;
    position: relative;
    padding: 6px;
    width: 46px;
    height: 36px;
    border-left: 1px solid #333;
}
.testing-left-1 a:hover {
    background-color: #CCC;
}
.testing-left-1 a span.open-icon::before {
    border: 1px solid #000;
    display: inline-block;
    content: '';
    width: 24px;
    height: 18px;
    position: absolute;
    bottom: 5px;
}
.testing-left-1 a span.open-icon::after {
    border: 1px solid #000;
    display: inline-block;
    content: '';
    width: 20px;
    height: 15px;
    position: absolute;
    top: 5px;
    right: 5px;
    background-color: #FFE400;
}
#facemask-3d-4 .testing-left-1,
#flat-facemask-4 .testing-left-1{
    float: left;
}
#facemask-3d-4 .testing-left-1 a,
#flat-facemask-4 .testing-left-1 a{
    position: relative;
    float: right;
    margin-right: 50px;
}
#facemask-3d-4 .testing-left-1 a {
    margin-right: 25px;
}
#flat-facemask-4 .testing-left-1 {
    padding-bottom: 30px;
    margin-bottom: 0;
    border-bottom: 1px solid #000;
    padding-left: 50px;
}
.testing-left-4 {
    padding-left: 50px;
}
.testing-left-4 h3 {
    margin: 0;
}
.testing-left-3{
    padding-top:200px; 
    padding-right: 30px;
    text-align: right;
    position: relative;
}
#flat-facemask-4 .testing-left-3,
#smog-stopper-4 .testing-left-3,
#simwater-4 .testing-left-3{
    float: left;
    width: 100%;
    padding-top:150px; 
}
#flat-facemask-4 .testing-left-4 {
    float: left;
    max-width: 25rem;
    padding-left: 50px;
}
.testing-left-3 span.ribbon {
    position: absolute;
    margin-top: -120px;
    margin-left: 130px;
    width: 8px;
    height: 85px;
    background: #000;
    transform: skewX(-10deg);
}

.testing-left-4 h1 {
    padding-top: 60px;
    font-size: 2.5rem;
}
#flat-facemask-4 .testing-left-4 h1 {
    padding-top: 0px;
}
.testing-left-4 h3 {
    font-size: 1.5rem;
    font-weight: 500;
}
.testing-left-4 h3 strong {
    font-size: 2rem;
}
.testing-right-1,
.testing-right-2{
    padding-left: 100px;
}
.testing-right-1 h3 {
    font-size: 1.5rem;
    font-weight: 400;
}
.testing-right-1 h1 {
    font-size: 2.5rem;
    font-weight: 600;
    line-height: 1.2;
    position: relative;
}
.testing-right-1 h1::after {
    content: '';
    width: 430px;
    position: absolute;
    height: 1px;
    background-color: #000;
    margin-left: 15px;
    right: 0;
}
.testing-right-1 h1 strong{
    font-size: 4rem;
    display: block;
    font-weight: 900;
    transform: scaleY(1.25);
}
.testing-right-1 h1 strong small {
    font-size: 2rem;
}
.testing-right-2 {
    margin: 30px 0;
    position: relative;
}
.testing-right-2 img {
    display: block;
}
.testing-right-2 a {
    margin-top: 30px;
    font-size: 100%;
    color: #333;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
    width: auto;
    position: relative;
}
.testing-right-2 a span {
    padding: 5px 15px;
    display: block;
}
.testing-right-2 a span.cross-arrow {
    display: block;
    background-color: #FFE400;
    position: relative;
    padding: 9px;
    width: 36px;
    height: 36px;
    border-left: 1px solid #333;
}
.testing-right-2 a:hover {
    background-color: #CCC;
}
.testing-right-2 a span.cross-arrow::before,
.testing-right-2 a span.cross-arrow::after {
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 50%;
}
.testing-right-2 a span.cross-arrow::after {
    transform: rotate(90deg);
}
.testing-right-3 {
    margin: 60px 0 0;
}
#pillow-protector-4 .testing-left,
#smog-stopper-4 .testing-left,
#simwater-4 .testing-left{
    width: 540px;
    float: left;
}
#pillow-protector-4 .testing-right,
#smog-stopper-4 .testing-right,
#simwater-4 .testing-right{
    width: calc(100% - 540px);
    float: left;
    padding-top: 85px;
    padding-bottom: 0px;
    border-left: 1px solid #000;
}
#pillow-protector-4 .testing-left-1,
#smog-stopper-4 .testing-left-1,
#simwater-4 .testing-left-1{
    border-top: 1px solid #000;
    position: relative;
    padding-left: 0px;
}
#pillow-protector-4 .testing-left-1 ul.features-list,
#smog-stopper-4 .testing-left-1 ul.features-list,
#simwater-4 .testing-left-1 ul.features-list{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    padding: 30px 30px;
}
.testing-left-1 ul.features-list li.features-item {
    width: calc(100% / 3);
}
ul.features-list li.features-item .features-title {
    font-size: 1.15rem;
    text-align: center;
    font-weight: 700;
    margin: 10px 0 0;
}
ul.features-list li.features-item .features-img {
    text-align: center;
}
#pillow-protector-4 .testing-left-1 h1,
#smog-stopper-4 .testing-left-1 h1,
#simwater-4 .testing-left-1 h1{
    text-align: right;
    padding-right: 35px;
    font-size: 2.5rem;
    letter-spacing: 0.1rem;
}
#smog-stopper-4 .testing-left-1 h1,
#simwater-4 .testing-left-1 h1{
    margin: 0;
    padding: 30px 60px;
}
#pillow-protector-4 .testing-left-1 h1 + img,
#smog-stopper-4 .testing-left-1 h1 + img,
#simwater-4 .testing-left-1 h1 + img{
    margin-left: 35px;
}
#pillow-protector-4 .testing-left-1 .payfunc-title,
#smog-stopper-4 .testing-left-1 .payfunc-title,
#simwater-4 .testing-left-1 .payfunc-title{
    position: absolute;
    padding: 15px 15px 10px;
    text-align: center;
    font-size: 1.5rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.1rem;
    top: 0;
    left: 0;
}
#pillow-protector-4 .testing-left-3 span.ribbon,
#smog-stopper-4 .testing-left-3 span.ribbon,
#simwater-4 .testing-left-3 span.ribbon{
    margin-left: -50px;
}
#pillow-protector-4 .testing-left-2,
#smog-stopper-4 .testing-left-2,
#simwater-4 .testing-left-2{
    line-height: 0;
}
#flat-facemask-4 .testing-right-3 {
    padding-bottom: 60px;
    text-align: center;
}
#pillow-protector-4 .testing-left-3,
#smog-stopper-4 .testing-left-3,
#simwater-4 .testing-left-3{
    padding-top: 100px;
}
#pillow-protector-4 .testing-left-4,
#smog-stopper-4 .testing-left-4,
#simwater-4 .testing-left-4{
    padding-left: 65px;
    padding-right: 65px;
    text-align: justify;
}
#pillow-protector-4 .testing-left-4 h1,
#smog-stopper-4 .testing-left-4 h1,
#simwater-4 .testing-left-4 h1{
    padding-top: 20px;
}
#pillow-protector-4 .testing-left-4 h1 + p,
#smog-stopper-4 .testing-left-4 h1 + p,
#simwater-4 .testing-left-4 h1 + p{
    line-height: 1.7;
    font-size: 1.15rem;
    letter-spacing: 0.1rem;
}
#pillow-protector-4 .testing-right-1 h3,
#smog-stopper-4 .testing-right-1 h3,
#simwater-4 .testing-right-1 h3{
    line-height: 1.7;
    font-size: 1.15rem;
    letter-spacing: 0.1rem;
    max-width: 29rem;
    text-align: justify;
}
#smog-stopper-4 .testing-right-1 h3,
#simwater-4 .testing-right-1 h3{
    font-size: 1.5rem;
}
#pillow-protector-4 .pillow-slide-02,
#pillow-protector-4 .pillow-slide-03,
#smog-stopper-4 .smog-slide-02,
#smog-stopper-4 .smog-slide-03,
#simwater-4 .simwater-slide-02,
#simwater-4 .simwater-slide-03{
    /*width: 100%;*/
    width: 540px;
}
#pillow-protector-4 .testing-right-4 {
    /*max-width: 545px;*/
}
.testing-right-4 {
    display: flex;
    align-items: end;
    justify-content: space-between;
    position: relative;
}
.testing-right-4::before {
    content: '';
    width: 100%;
    height: 1px;
    position: absolute;
    background: #000;
    top: 0;
    z-index: 1;
    right: 0;
}
.testing-right-4 a.teaching {
    display: block;
    padding-bottom: 60px;
    padding-left: 43px;
    padding-right: 43px;
    text-align: center;
    color: #000;
}
.testing-right-4 img {
    max-width: 545px;
}
#fitted-flat-facemask-8 span.ribbon/*,
#facemask-3d-4 span.ribbon*/{
    position: relative;
}
#fitted-flat-facemask-8 span.ribbon::before/*,
#facemask-3d-4 span.ribbon::before*/{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 85px;
    background-color: #000;
    transform: skewX(-15deg);
    margin-left: -130px;
    margin-top: -130px;
}
#facemask-3d-4 .testing-left-3 {
    text-align: left;
    padding-top: 150px;
    padding-left: 50px;
}
#facemask-3d-4 .testing-left-3 span.ribbon {
    margin-left: inherit;
    right: 80px;
}
#facemask-3d-4 .testing-right-3 {
    margin-bottom: 60px;
    text-align: center;
    line-height: 0;
}
#smog-stopper-4 .testing-right-3{
    text-align: center;
}

.page-content span.ribbon {
    position: relative;
}
.page-content span.ribbon::before{
    content: '';
    display: block;
    position: absolute;
    width: 8px;
    height: 85px;
    background-color: #000;
    transform: skewX(-15deg);
    margin-left: -120px;
    margin-top: -150px;
}
#facemask-3d-6 .special-for-area{
    padding: 0 0 0 75px;
}
.special-for-content {
    border-left: 1px solid #000;
    /*border-right: 1px solid #000;*/
    padding-left: 250px;
}
.special-for-content h1 {
    margin: 0;
    padding: 50px 0 30px;
    font-size: 2.5rem;
}
#facemask-3d-6 .payfunc-title,
#flat-facemask-6 .payfunc-title{
    right: 0;
    z-index: -1;
}
#flat-facemask-6 .payfunc-title {
    left: inherit;
}
.flat-feature-item-1 h1 {
    margin: 0;
    padding: 30px 0;
}
ul.special-item-list {
    padding-right: 75px;
    display: flex;
    align-items:baseline;
    justify-content: flex-start;
    flex-wrap: wrap;
    padding-bottom: 60px;
}
ul.special-item-list li.special-item {
    width: calc(100% / 4);
    position: relative;
    margin-bottom: 16px;
}
ul.special-item-list li.special-item h3::before {
    content: '';
    display: inline-block;
    position: absolute;
    margin-left: -30px;
    width: 8px;
    height: 8px;
    border:1px solid #000;
    border-radius: 50%;
    top: 50%;
}
li.special-item h3 {
    font-size: 1.5rem;
    font-weight: 500;
    margin-bottom: 10px;
    margin-top: 0px;
    position: relative;
}
li.special-item h3 strong {
    font-size: 2rem;
    font-weight: 900;
    margin-right: 10px;
    transform: scaleX(0.7);
    font-family: Impact;
}
li.special-item p {
    margin: 0 0 5px;
}
ul.special-item-list + .arrow-ribbon{
    display: inline-block;
    position: absolute;
    margin-left: -130px;
    top: 200px;
}

.facemask-3d-career .career-title-img{
    line-height: 0;
    margin-bottom: 100px;
}

.facemask-3d-career .career-title-1, 
.facemask-3d-career .career-title-2,
.career-feature .career-title-1,
.career-feature .career-title-2{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 30px 45px 0;
}
.facemask-3d-career .career-title-1 h1,
.career-feature .career-title-1 h1{
    font-family: Impact;
    font-size: 5rem;
    margin: 0 0;
}
.smog-stopper-feature .career-title-1 {
    justify-content: flex-end;
    margin-bottom: 60px;
}
.smog-stopper-feature .career-title-1 h1 {
    display: none;
}
.career-feature .career-title-1 h1 {
    margin: 0;
}
.career-feature .career-title-1 {
    padding-top: 90px;
    padding-bottom: 30px;
}
.facemask-3d-career .career-title-1 h1 + img,
.career-feature .career-title-1 h1 + img{
    width: 90px;
}
.facemask-3d-career .career-for-area{
    width: 100%;
    padding-left: 75px;
    border-left: 1px solid #000;
}
.facemask-3d-career .career-for-content{
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
.facemask-3d-career .career-title{
    width: 498px;
    padding-bottom: 0px;
}
.facemask-3d-career .career-feature{
    width: calc(100% - 498px);
    padding: 0px;
    border-left: 1px solid #000;
}
.feature-item-content {
    display: flex;
    align-content: stretch;
    justify-content: space-between;
}
.feature-item-content .career-feature {
    width: 100%;
    padding-bottom: 0px;
}
.feature-item-content .career-feature:first-of-type {
    border-right: 1px solid #000;
}
.facemask-3d-career .career-feature-title{
    padding: 100px 75px 50px;
}
.facemask-3d-career .career-feature-title h1,
.title-feature .career-feature-title h1{
    font-size: 2.75rem;
    margin: 0;
    position: relative;
}
.career-feature-title h1 + p {
    font-size: 1.15rem;
    margin-top: 20px;
    line-height: 1.8;
    max-width: 25rem;
    text-align: justify;
}
#career-feature-1 {
    width: 50%;
}
.career-feature-list {
    width: 50%;
}
.career-feature-title + .career-feature-list {
    width: 100%;
}
.career-feature-list > img {
    display: inline-block;
}
.career-title-2 {
    padding-bottom: 50px!important;
}
.career-feature .career-title-1 {
    padding-bottom: 0!important;
}
.facemask-3d-career .career-feature-title h1::after,
.title-feature .career-feature-title h1::after{
    position: absolute;
    content: '';
    display: block;
    width: 8px;
    height: 85px;
    background-color: #000;
    transform: skewX(-15deg);
    right: 0;
    margin-top: -20%;
}
.facemask-3d-career .career-feature-item{
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    flex-wrap: wrap;
}
.facemask-3d-career .career-feature-item li.features-item{
    width: calc(100% / 3);
    margin-bottom: 80px;
    text-align: center;
}
.facemask-3d-career .career-title-2 a,
.career-feature .career-title-2 a{
    font-size: 100%;
    color: #333;
    border: 1px solid #333;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    background: rgba(0,0,0,0);
    transition: all .25s ease-out;
    width: auto;
}
.facemask-3d-career .career-title-2 a:hover,
.career-feature .career-title-2 a:hover{
    background-color: #CCC;
    transition: all .25s ease-out;
}
.facemask-3d-career .career-title-2 a span.cross-arrow,
.career-feature .career-title-2 a span.cross-arrow{
    display: block;
    background-color: #FFE400;
    position: relative;
    padding: 9px;
    width: 36px;
    height: 36px;
    border-left: 1px solid #333;
}
.facemask-3d-career .career-title-2 a span.cross-arrow::before,
.facemask-3d-career .career-title-2 a span.cross-arrow::after,
.career-feature .career-title-2 a span.cross-arrow::after{
    content: '';
    display: block;
    width: 18px;
    height: 1px;
    background-color: #333;
    position: absolute;
    top: 50%;
}
.facemask-3d-career .career-title-2 a span.cross-arrow::after,
.career-feature .career-title-2 a span.cross-arrow::after{
    transform: rotate(90deg);
}
.facemask-3d-career .career-title-2 a span,
.career-feature .career-title-2 a span{
    padding: 5px 15px;
    display: block;
}

/*平面口罩*/
.flat-feature-content {
    width: 100%;
    display: flex;
    align-self: stretch;
    justify-content: space-between;
    position: relative;
}
.flat-feature-content:not(:first-of-type) {
    border-top: 1px solid #000;
}
.flat-feature-content:nth-of-type(odd) {
    flex-direction:row;
}
.flat-feature-content:nth-of-type(even) {
    flex-direction:row-reverse;
}

.flat-feature-content .flat-feature-item,
.flat-feature-item-1,
.flat-feature-item-2,
.flat-feature-item-3{
    position: relative;
    width: 100%;
    float: left;
}
.flat-feature-content .flat-feature-item:first-of-type {
    width: calc(100% - 600px);
}
.flat-feature-content .flat-feature-item:last-of-type {
    width: calc(600px);
    border-left: 1px solid #000;
}
.flat-feature-content:nth-of-type(even) .flat-feature-item:last-of-type {
    border-left: none;
    border-right: 1px solid #000;
}
.flat-feature-item-img {
    line-height: 0;
}
.flat-feature-item-1 h1{
    font-size: 5rem;
    font-weight: 900;
    margin-right:inherit;
    transform: scaleX(0.9);
    font-family: Impact;
    display: inline-block;
    margin: 50px 0 20px;
    padding: 0;
}
.flat-feature-item-1 h2 {
    font-size: 2.5rem;
    display: block;
    margin: 0 0 30px;
}
.flat-feature-item-2 .features-item {
    float: right;
    padding-right: 80px;
}
.flat-feature-item-2 {
    margin-top: -100px;
    border-bottom: 1px solid #000;
    padding-bottom: 50px;
}
.flat-feature-item-3 {
    display: flex;
    align-items: flex-end;
    justify-content: space-between;
}
.flat-feature-item-3 {
    margin-top: -60px;
}
.flat-feature-content:nth-of-type(2) .flat-feature-item-3 {
    margin-top: -157px;
}
.flat-feature-item-3 .flat-feature-item-img {
    padding: 0 15px;
    margin: 0 15px;
    background: #E5E5E5;
}
.flat-feature-item-3 ul.inside-list {
    padding: 0 20px 25px;
}
.flat-feature-item-2 .features-item .features-title {
    font-size: 1.25rem;
    font-weight: 700;
    margin: 5px 0;
}
.flat-feature-item-1 {
    padding-left: 50px;
}
.flat-feature-item-2 .features-img {
    text-align: center;
}
#main-intro {
    padding-top: 120px;
}
#main-intro .main-title {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 135px;
}
#main-intro .main-title h1 {
    font-size: 2.25rem;
    font-weight: 500;
    letter-spacing: 0.1rem;
    padding: 0 0 0 0;
    margin: 0 0 30px 0;
}
.main-intro-content > img {
    width: 100%;
}
#order-form {
    border-top: 1px solid #000;
}
#order-form .order-check-area {
    padding: 0 75px;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.main-intro-content, .main-title {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
#order-form .order-check-content {
    border-left: 1px solid #000;
    border-right: 1px solid #000;
    padding: 35px 0px;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
#order-form .check-form {
    /*border-top: 1px solid #000;*/
    padding: 0px 50px;
    margin-top: 35px;
}
#order-form .check-form h1 {
    margin: -3.3rem 0 0 0;
    background: #E5E5E5;
    padding: 5px;
    font-weight: 400;
    letter-spacing: 0.2rem;
    position: absolute;
    display: inline-block;
    z-index: 1;
}
#order-form .form-group {
    padding: 10px 6px;
    width: 100%;
}
.order-check-content:first-of-type .form-group:first-of-type {
    margin-top: 50px;
}
.order-check-content + .order-check-content {
    border-top: 1px solid #000;
}
#order-form .form-group label {
    display: block;
    margin-bottom: 5px;
}
#order-form .form-group input {
    font-size: 1rem;
    padding: 12px 12px 10px;
    border:1px solid #000;
    background-color: transparent;
    width: 490px;
    max-width: 100%
}
#order-form .check-form-img {
    padding-right: 50px;
    padding: 30px 50px 30px 0;
}
.order-check-content::before {
    content: '';
    width: calc(100% - 153px);
    height: 1px;
    background: #000;
    display: block;
    position: absolute;
    top: 40px;
}
.order-form .order-check-content::before {
    display: none;
}
#order-form button[type="submit"]{
    border: 1px solid #333;
    font-size: 1.1rem;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    background-color: #E5E5E5;
    border-radius: 0;
}
#order-form button[type="submit"]:hover {
    background-color: #CCC;
}
#order-form .order-check-content2,
#order-form .order-check-content2 {
    text-align: center;
}
#order-form .order-check-content2::before,
.order-check-content3::before{
    content: '';
    display: none;
}
.order-check-content2 .form-group,
.order-check-content3 .form-group{
    margin-top: 0!important;
}
.form-group a {
    border: 1px solid #333;
    font-size: 1rem;
    padding: 10px 15px;
    text-align: center;
    cursor: pointer;
    vertical-align: middle;
    color: #333;
    background-color: transparent;
    margin: 0 10px;
    display: inline-block;
}
.form-group a:hover {
    background-color: #DDD;
}
#order-form .order-check-content3 {
    border-left:none;
    border-right:none;
}
#order-form .order-check-content3 .form-group {
    text-align: center;
}

.order-info,
.order-info-item,
.order-total{
    position: relative;
}
.order-total {
    
}
.order-title {
    position: absolute;
    padding: 15px 10px 5px;
    text-align: center;
    font-size: 1rem;
    color: #000;
    background-color: #FFE000;
    display: inline-block;
    font-weight: 600;
    letter-spacing: 0.1rem;
    top: 0;
}
#order-form.order-form .order-check-content {
    padding: 0;
}
#order-form.order-form .order-info, .order-total {
    width: 50%;
}
#order-form.order-form .order-info-list {
    width: 100%;
    float: left;
    position: relative;
}
#order-form.order-form .order-info-item {
    padding: 70px 20px 10px;
    margin-bottom: 25px;
}
#order-form.order-form .order-info-list:not(:first-of-type) .order-info-item {
    border-top: 1px solid #000;
}
#order-form.order-form .order-info-item-content {
    display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding-bottom: 15px;
}
#order-form.order-form .order-info-item-content span:first-of-type {
    width: 6rem;
}
#order-form.order-form .order-total {
    border-left: 1px solid #000;
}
#order-form.order-form .check-form-img{
    padding: 0 20px!important;
}
#order-form.order-form .check-form-img {
    text-align: center;
    margin-top: 20px;
    margin-bottom:20px;
}
#order-form.order-form .order-cart-item-list {
    padding: 0px;
    margin-top: 50px;
    min-height: 150px;
    /*overflow-y: scroll;*/
}
#order-form.order-form .order-info-item-content span a {
    color: #666;
    display: inline-block;
    width: auto;
    padding-bottom: 5px;
    border-bottom: 1px solid #666;
}
#order-form.order-form .order-info-item-content span a:hover {
    color: #000;
    border-bottom: 1px solid #000;
}
#order-form.order-form .order-cart-total .cart-total {
    padding: 10px 20px;
    border-top: 1px solid #333;
}
#order-form.order-form .order-cart-total .cart-total p {
    margin: 0;
    padding: 5px 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
}
#order-form.order-form .order-cart-total .cart-total p strong {
    font-size: 1.5rem;
    font-weight: 400;
}
#order-form.order-form .order-cart-item-list .cart-item-list-title {
    padding: 20px 20px 5px;
    font-size: 1.25rem;
    display: block;
    width: 100%;
    float: left;
    border-bottom: 1px solid #000;
}
#order-form.order-form ul.cart-item-list {
    padding: 0 20px;
    display: flex;
    flex-wrap: wrap;
    /*overflow-y: scroll;*/
}
#order-form.order-form ul.cart-item-list li {
    padding: 10px 0;
    display: flex;
    align-items: baseline;
    justify-content: space-between;
    width: 100%;
}
.order-cart-item-list ul.cart-item-list li span {
    width: auto;
}
.order-cart-item-list ul.cart-item-list li span:nth-of-type(1) {
    width: 70%;
}
.order-cart-item-list ul.cart-item-list li strong {
    width: 4rem;
    text-align: right;
}
#pillow-protector-1 {
    background-color: #E5E5E5;
}
.pillow-slide-01,
.product-slide-01,
.smog-slide-01,
.simwater-slide-01{
    width: 50%;
}
.product-intro {
    border-top: 1px solid #000;
    padding: 30px 0 30px 0;
    background-color: #B8B8B8;
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}
ul.slides li {
    line-height: 0;
}
.product-intro-title h2 {
    padding: 0 0 20px 50px;
    width: 450px;
    border-bottom: 1px solid #000;
    margin: 0;
}
.product-intro-title h3 {
    display: block;
    margin: 0px 0 0;
    padding: 10px 0 0px 55px;
    font-size: 1.25rem;
    font-weight: 300;
    line-height: 1.5;
}
.product-intro-icon {
    padding: 10px 55px 30px;
}
.product-intro-icon .intro-icon {
    margin-bottom: 15px;
}
.feature-item-content {
    width: 100%;
    float: left;
}
.feature-item-content:first-of-type {
    border-bottom: 1px solid #000;
}
.feature-slide-item, .title-feature {
    width: 50%;
    float: left;
}
.feature-slide-item {
    border-right: 1px solid #000;
}
.career-feature-list {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 0 25px;
}
.title-feature .career-feature-title {
    padding: 180px 75px 30px;
}
.career-feature ol {
    padding: 50px 75px;
}
.career-feature ol li {
    list-style-type: decimal;
    padding: 18px 0;
    font-size: 1.15rem;
}
.career-feature.t2 ol {
    padding: 40px 75px;
}
.career-feature.t2 ol li {
    padding: 8px 0;
}
.career-feature-list img + h3 {
    font-weight: 400;
    line-height: 2;
    padding-right: 35px;
}
#smog-stopper-1 .container-border {
    background-color: #E5E5E5;
}
#smog-stopper-5 .container-border {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
}

#smog-stopper-5 .stopper-left {
    width: 345px;
    padding: 80px 30px 115px 60px;
}
#smog-stopper-5 .stopper-right {
    width: calc(100% - 345px);
    
}
#smog-stopper-5 .stopper-right-list {
    display: flex;
    align-items: stretch;
    justify-content: space-between;
    padding: 150px 35px 35px;
}
.stopper-left h1 {
    margin: 0;
    font-size: 2.5rem;
}
.stopper-left h1 + .stopper-left-img {
    margin:30px 0;
}
.stopper-right {
    border-left: 1px solid #000;
}
.stopper-right-list, .stopper-right-img {
    width: 100%;
}
.stopper-right-img {
    line-height: 0;
}
.stopper-right-img img {
    width: 100%;
}
.stopper-right-item {
    text-align: center;
    width: calc(100% / 4);
}
.stopper-right-item p {
    text-align: left;
    padding-left: 1rem;
    margin: 0px 0 0;
}



/*經銷合作頁面*/
.coop-area {
    background-color: #3F3F3F;
    width: 100%;
    float: left;
    /*border-left: 1px solid #000;
    border-right: 1px solid #000;*/
}
.coop-area.active {
    background-color: inherit;
}
.coop-link {
    /*background-color: #3F3F3F;*/
    width: 100%;
    float: left;
    border-top: 1px solid #000;
}
.coop-area-content{
    width: 100%;
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: flex-start;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.coop-link-content{
    width: 100%;
    display: flex;
    align-items: stretch;
    align-content: center;
    justify-content: flex-end;
    border-left: 1px solid #000;
    border-right: 1px solid #000;
}
.coop-slide {
    width:580px; 
}
.coop-title {
    width: calc(100% - 580px);
    display: flex;
    align-items: flex-start;
    align-content: center;
    justify-content: flex-start;
    padding:60px 35px; 
    position: relative;
    /*border-right: 1px solid #000;*/
}
.coop-title > img {
	padding-top: 20px;
}
.coop-area.active .coop-title{
    width: calc(100% - ((580px / 2) * 3) - 0px);
    padding-top: 160px;
}
.coop-title-item {
    padding: 0 40px;
}
.coop-title-item::after {
    content: '';
    width: 5px;
    height: 50px;
    background-color: #FFF;
    transform: skewX(-10deg);
    display: block;
    position: absolute;
    right: 10%;
    bottom: 50%;
}
.coop-title-item h1, .coop-title-item h2{
    margin: 0;
    padding: 0 0 10px;
    color: #FEE400;
    font-weight:500; 
}
.coop-area.active .coop-title-item h1,
.coop-area.active .coop-title-item h2{
    color: #333;
}
.coop-area.active .coop-title-item::after {
    display: none;
}
.coop-title-item h1 {
    font-size: 3rem;
}
.coop-title-item h2 {
    font-size: 2rem;
}
.coop-link-title {
    padding: 25px 35px;
    line-height: 0;
    /*border-left: 1px solid #000;*/
    width: calc(100% - ((580px / 2) * 3) - 0px);
}
.coop-link-item {
    width: calc(580px / 2);
    border-left: 1px solid #000;
    
    position: relative;
}
.coop-link-item:last-of-type {
    /*border-right: 1px solid #000;*/
}
.coop-link-item > a {
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    padding: 10px 25px;
}
.coop-link-item h1 {
    margin: 0;
    font-weight: 400;
}
ul.coop-text-list {
    padding: 130px 95px 100px;
    font-size: 1.25rem;
    counter-reset:li;
    max-width: 800px;
    line-height: 1.8;
    position: absolute;
    bottom: 0;
}
ul.coop-text-list li {
    padding: 8px 0;
    
}
ul.coop-text-list li::before {
    counter-increment: li;
    content: '[' counter(li) ']';
    display: inline-block;
    margin-right: 7px;
    margin-left: -1.8rem;
}
.coop-content {
    border-left: 1px solid #000;
    min-height: 500px;
    width: calc(580px / 2 * 3);
    position: relative;
}
.coop-content-bg {
    position: absolute;
    right: 3px;
    top: 30px;
}
span.circle-arrow {
    width: 30px;
    height: 30px;
    border-radius: 50%;
    border:1px solid #000;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    right: 25px;
}
span.circle-arrow::before,
span.circle-arrow::after{
    content: '';
    width: 1px;
    height: 17px;
    background-color: #000;
    position: absolute;
    transform: rotate(25deg);
    left: 60%;
    top: 25%;
}
span.circle-arrow::after {
    transform: rotate(-25deg);
    left: 35%;
}
.coop-link-item > a:hover,
.coop-link-item.active > a{
    color: #FFE400;
    background-color: #3F3F3F;
}
.coop-link-item > a:hover span.circle-arrow,
.coop-link-item.active span.circle-arrow{
    border:1px solid #FFE400;
}
.coop-link-item > a:hover span.circle-arrow::before,
.coop-link-item > a:hover span.circle-arrow::after,
.coop-link-item.active span.circle-arrow::before,
.coop-link-item.active span.circle-arrow::after{
    background-color: #FFE400;
}
.coop-link-title.active {
    background-color: #FFE400;
}




/*頁腳區域*/
footer {
    border-top:1px solid #000;
    border-bottom:1px solid #000;
}
footer a, footer p {
	display: inline-block;
    color: #333;
    font-size: 14px;
}
footer a {
    margin: 0 5px;
    padding: 5px 0;
}
footer p {
    margin: 0;
    padding: 0 10px;
}
footer .footer-law a:hover {
    border-bottom: 1px solid #333;
}
footer .footer-content {
    /*border-top: 1px solid #333;*/
    border-left: 1px solid #333;
    border-right: 1px solid #333;
    /*border-bottom: 1px solid #333;*/
    /*padding-top:5px;
    padding-bottom: 5px;*/
    transition: all .25s ease-out;
}
footer .footer-law {
    display: block;
    float: right;
    width: auto;
    padding: 5px 15px 0 0;
    transition: all .25s ease-out;
}
footer #open-footer {
    display: inline-block;
    border: none;
    background-color: transparent;
    font-size: 1rem;
    cursor: pointer;
    width: auto;
    padding: 14px 0;
    line-height: 0;
    border-right: 1px solid #333;
}
footer #open-footer:hover {
    background: #DDD;
}
.open-footer-img {
    display: inline-block;
    text-align: center;
    width: 71px;
}
footer #open-footer span {
    border-left: 1px solid #333;
    /*border-right: 1px solid #333;*/
    padding: 8px 32px 9px 31px;
    transition: all .25s ease-out;
}
footer #open-footer img {
    padding: 0 20px;
    filter:grayscale(100%);
    filter:contrast(2);
    filter:brightness(0);
    transform: rotate(180deg); 
    transition: all .25s ease-out;
}
footer #open-footer .open-footer-img + span::before{
    content: '聯繫方式';
}
footer.active .footer-content{
    border-top: 1px solid #666;
    background: #666;
    color: #FFE400;
    transition: all .25s ease-out;
}
footer.active .footer-content a, footer.active .footer-content p{
    color: #FFE400;
    transition: all .25s ease-out;
}
footer.active #open-footer span {
    border-left: 1px solid #FFE400;
    border-right: 1px solid #FFE400;
    transition: all .25s ease-out;
}
footer.active #open-footer:hover {
    background: #777;
    transition: all .25s ease-out;
}
footer.active #open-footer img {
    padding: 0 20px;
    filter:grayscale(0%);
    filter:contrast(0);
    filter:brightness(1);
    transform: rotate(0deg); 
    transition: all .25s ease-out;
}
footer.active #open-footer img + span::before{
    content: 'Back';
}


#footer-slideup-content {
    position: absolute;
    background: #666;
    padding: 20px;
    bottom: 43px;
    width: 100%;
    font-size: 0.9rem;
    border-left: 1px solid #333;
    border-top: 1px solid #333;
    border-right: 1px solid #333;
    margin-left: -1px;
    text-align: right;
    display: none;
    border-bottom: 1px solid #FFE400;
    z-index: 10;
}
#footer-slideup-content .footer-msg-area {
    width: 45%;
    float: left;
}
#footer-slideup-content .footer-company-info {
    color: #FFF;
    width: 55%;
    float: right;
    text-align: right;
    position: absolute;
    right: 20px;
    bottom: 20px;
}
#footer-slideup-content .footer-company-info .info-item {
    margin: 0 0 0.3rem;
}
#footer-slideup-content .footer-company-info .info-item span {
    margin-left: 1.5rem;
    line-height: 0;
}
#footer-slideup-content .footer-company-info .info-item a {
    color: #FFF;
    margin: 0 0 0 10px!important;
}
#footer-slideup-content .form-group {
    padding: .35rem 0;
    color: #FFF;
    line-height: 1.5;
}
#footer-slideup-content .form-group a {
    padding:0;
    color: #FFF;
    line-height: 1.5;
    text-decoration: underline;
    margin: 0;
    border: none;
    vertical-align: inherit;
}
#footer-slideup-content .form-group a:hover {
    color: #CCC;
    background-color: transparent;
}
#footer-slideup-content .form-group label {
    width: 6rem;
    display: inline-block;
    padding-right: .5rem;
    text-align: right;
    color: #FFF;
    vertical-align: top;
    padding-top: 3px;
}
#footer-slideup-content .form-group input[type="text"], #footer-slideup-content .form-group input[type="email"] {
    width: calc(100% - 7rem);
    display: inline-block;
    border: 1px solid #333;
    background-color: #DDD;
    font-size: 1rem;
    padding: 5px 8px;
    vertical-align: top;
}
#footer-slideup-content .form-group textarea {
    width: calc(100% - 7rem);
    display: inline-block;
    border: 1px solid #333;
    background-color: #DDD;
    font-size: 1rem;
    padding: 5px 8px;
    resize: none;
}
#footer-slideup-content .form-group input[type="submit"] {
    width: calc(100% - 7rem);
    display: inline-block;
    border: 1px solid #333;
    background-color: #DDD;
    font-size: 1rem;
    padding: 5px 8px;
    vertical-align: top;
    margin-left: 6rem;
    cursor: pointer;
}
#footer-slideup-content .form-group input[type="submit"]:hover {
    background-color: #333;
    color: #FFF;
}
#footer-slideup-content .form-group input[type="checkbox"] {
    border: 1px solid #FFF;
}
#footer-slideup-content .form-group #captcha {
    width: calc(100% - 13.2rem);
    margin-left: 6rem;
    padding: 7px 8px;
}
#footer-slideup-content .form-group.agree {
    text-align: left;
    padding-left: 7rem;
}
#footer-slideup-content span {
    display: inline-block;
}
#footer-slideup-content span img {
    max-width: 6rem;
}
.go-to-cart-btn {
    position: fixed;
    right: 15px;
    bottom: 50px;
    max-width: 50px;
    max-height: 50px;
    background-color: #FFE400;
    border-radius: 50%;
    z-index: 9;
    padding: 0px;
    line-height: 0;
}
.go-to-cart-btn a {
    display: block;
}
#product-section-1 .container-border {
    background: #E5E5E5;
}
/*選單補充*/
header.desktop-menu .container{
    display: flex;
    align-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    border-left: 1px solid #000;
}
header .logo {
    position: relative;
    min-height: inherit;
}
header .uppermenu {
    margin-left: 0;
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
}
header .lowermenu {
    margin-left: 200px;
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: stretch;
    border-top: 1px solid #000;
}
header .menu-func {
    float: none;
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-top: 50px;
    padding-top: 0;
    border-top: 1px solid #333;
    border-left:none;
    border-right:none;
}
header .menu-item {
    border-left: none;
    float: none;
}
header .menu-func::before, header .menu-item::before, ul.product-item::before {
    display: none;
}
header .menu-main {
    border-left: 1px solid #000;
}
header .menu-social-lang {
    border-left: 1px solid #000;
    padding: 10px 5px;
    align-items: flex-end;
    display: flex;
    justify-content: center;
}
.lowermenu .menu-item {
    border-right: none;
    display: flex;
    align-items: stretch;
    /* align-self: stretch; */
    justify-content: space-between;
    align-content: stretch;
}
header .menu-dealer {
    border-top: none;
    border-left: 1px solid #000;
}
header .uppermenu li.menu-func-link a {
    padding: 1px 0;
}
header li.menu-func-link:hover, header li.menu-item-link:hover {
    background: #DDD;
}
header li.menu-item-link, header li.menu-func-link {
    float: none;
    height: 100%;
    display: flex;
    align-items: center;
    min-height: 50px;
}
header li.menu-item-link:hover ul.submenu-item {
    top:100%;
}


.toggle-mobile {
	opacity: 0;
	display: none;
}
.mobile-menu,
.mobile-logo,
.mobile-cart-link{
    display: none;
}
@media screen and (max-width: 1023px) {
	.toggle-mobile {
		position: fixed;
		right: 5px;
		top:5px;
		display: flex;
        justify-content: flex-end;
        align-items: center;
		z-index: 1000;
		cursor: pointer;
		opacity: 1;
		/*background-color: #FFE400;*/
        width: 40px;
        height: 40px;
        flex-wrap: wrap;
	}
    .toggle-mobile p {
        margin: 0;
        position: relative;
        width: 36px;
        height: 36px;
        margin-left: 2px;
        margin-top: 2px;
	}
    .toggle-mobile span.top {
		width: 34px;
		height: 2px; 
		background-color: #000;
		display: block;
		position: absolute;
		top: 4px;
		transition: all 0.1s linear;
	}
	.toggle-mobile span.mid {
		width: 34px;
		height: 2px; 
		background-color: #000;
		display: block;
		position: absolute;
		top: 17px;
		transition: all 0.1s linear;
	}
	.toggle-mobile span.bottom {
		width: 34px;
		height: 2px; 
		background-color: #000;
		display: block;
		position: absolute;
		bottom: 4px;
		transition: all 0.1s linear;
	}
	.toggle-mobile.active span.top {
		width: 40px;
		height: 2px; 
		background-color: #000;
		display: block;
		position: absolute;
		top: 17px;
		left: 0;
		transform: rotate(45deg);
		transition: all 0.1s linear;
	}
	.toggle-mobile.active span.mid {
		display: none;
	}
	.toggle-mobile.active span.bottom {
		width: 40px;
		height: 2px; 
		background-color: #000;
		display: block;
		position: absolute;
		bottom: 18px;
		left: 0;
		transform: rotate(-45deg);
		transition: all 0.1s linear;
	}
    
/*    .toggle p::before, .toggle p::after {
        content: '';
        display: inline-block;
        width: 36px;
        height: 1px;
        background-color: #000;
        position: absolute;
        transition: all .25s ease-out;
    }
    .toggle p::before {
        top: 25%;
    }
    .toggle p::after {
        top:75%;
    }
    .toggle.active p::after, .toggle.active p::before {
        position: absolute;
        top:50%;
        left: 0%;
        transition: all .25s ease-out;
    }
    .toggle.active p::after {
        transform: rotate(45deg);
    }
	.toggle.active p::before {
        transform: rotate(-45deg);
    }*/
}

@media screen and (max-width: 1023px) {
    header + section {
        margin-top: 50px;
    }
    header.desktop-menu {
        display: none;
    }
    header.mobile-menu {
        background-color: #E5E5E5;
        z-index: 99;
        border: none;
        width: 100%;
        height: 100vh;
        position: fixed;
        overflow-y: scroll;
        padding: 15px 8%;
        max-width: 100vw;
    }
    #main_content {
        margin-top: 50px;
    }
    .mobile-cart-link {
        display: flex;
        margin: 10px 20px;
    }
    .mobile-cart-link a {
        display: flex;
    }
    .mobile-logo {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 9;
        width: calc(100% - 40px);
        padding: 0 0 0 15px;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
    }
    .mobile-logo .logo a {
        background-color: #FFE400;
        padding: 15px 15px;
        display: inline-block;
        line-height: 0;

    }
    .mobile-logo .logo img {
        max-width: 60px;
    }
    li.mobile-link {
        text-align: left;
        width: 100%;
        display: block;
    }
    li.mobile-link a, .mobile-icon li a {
        padding: 14px 0;
        display: block;
        color: #333;
    }
    .mobile-icon {
        text-align: center;
    }
    .mobile-icon li {
        width: auto;
        margin: 0 5px;
        display: inline-block;
    }
    #index-product-slider ul.product-item {
        flex-wrap: wrap;
        border-left:none;
        border-right:none;
    }
    #index-product-slider ul.product-item li.index-item {
        width: 100%;
    }
    #index-product-slider ul.product-item ul.item-features {
        padding-top: 10%;
        padding-right: 5%;
    }
    #index-product-slider ul.product-item li.index-item {
        border-right: none;
    }
    footer .footer-law {
        padding: 16px 0;
        width: 100%;
        text-align: center;
        border-top: 1px solid #000;
    }
    .about-bg-01 {
        position: relative;
        bottom: 0;
        z-index: -1;
        border: none;
    }
    .about-text-content {
        position: relative;
        width: 100%;
        bottom: inherit;
        right: inherit;
        top: inherit;
        margin-top: 65px;
        padding-left: 5%;
        padding-right: 5%;
    }
    #page-01 {
        position: relative;
    }
    .about-link li a {
        background-color: #E5E5E5;
    }
    #page-01 .container {
        position: static
    }
    footer .footer-content {
        border-left: none;
        border-right: none;
    }
    .about-title {
        padding-right: 0;
    }
    .about-title h1 {
        font-size: 2rem;
        display: block;
    }
    .about-title h1 small{
        float: none;
        display: block;
    }
    .about-title p {
        font-size: 1rem;
    }
    #page-02 {
        position: relative;
    }
    #page-02 .container {
    }
    #page-02 .about-img-content {
        width: 100%;
        padding: 0 5%;
    }
    #page-02 .about-img-content {
        position: relative;
    }
    #page-02 .about-img-content .about-img {
        padding-top: 16px;
        position: relative;
        top: 0;
        padding-left: 5%;
        padding-right: 5%;
    }
    #page-02 .bottom-img-round {
        width: 100%;
        float: left;
    }
    #page-03 .about-img-content {
        width: 100%;
        padding-left: 5%;
        padding-right: 5%;
    }
    #page-03 .about-img-content .about-img {
        padding-top: 25px;
        padding-bottom: 0px;
    }
    #page-03 .bottom-slogan hr {
        display: none;
    }
    #page-03 .bottom-slogan h3 {
        float: left;
        font-size: 1.25rem;
        margin: 1rem 0;
        position: relative;
        left: inherit;
    }
    #page-04 .about-factory-icon,#page-04 .about-text-content {
        width: 100%;
    }
    #page-04 .about-factory-icon {
        padding: 0 5%;
        flex-wrap: wrap;
    }
    #page-04 .about-factory-icon .icon-img {
        margin: 0;
        padding: 5px;
        width: 25%;
        text-align: center;
    }
    #page-04 .about-factory-icon .icon-img:first-of-type {
        width: 100%;
        text-align: left;
    }
    #page-05 .flexslider {
        padding: 0 5%;
    }
    #page-05 .flexslider .slides a span.certify_name {
        margin-bottom: 20px;
    }
    #page-05 ul.slides li a {
        min-height: 360px;
    }
    #page-05 .flexslider .slides > li {
        padding-top: 60px;
    }
    #page-05 .about-text-content {
        width: 100%;
        float: left;
    }
    footer.active .footer-law a,footer.active .footer-law p {
        color: #000;
    }
    footer {
        border-bottom: none;
    }
    #footer-slideup-content {
        margin-left: 0;
        text-align: left;
    }
    #footer-slideup-content .footer-msg-area {
        margin-bottom: 30px
    }
    #footer-slideup-content .footer-company-info,
    #footer-slideup-content .footer-msg-area{
        width: 100%;
        position: relative;
        float: left;
        bottom: 0;
        right: inherit;
    }
    #footer-slideup-content .form-group label, 
    #footer-slideup-content .form-group input[type="text"], 
    #footer-slideup-content .form-group input[type="email"],
    #footer-slideup-content .form-group textarea {
        width: 100%;
        text-align: left;
    }
    #footer-slideup-content .form-group #captcha {
        width: calc(100% - 110px);
        margin: 0;
    }
    #footer-slideup-content .form-group.agree {
        padding-left: 0;
    }
    #footer-slideup-content .form-group input[type="submit"] {
        width: 100%;
        margin-left: 0;
    }
    #footer-slideup-content .form-group {
        display: flex;
        align-items: center;
        justify-content: space-between;
        flex-wrap: wrap;
    }
    #footer-slideup-content span {
        line-height: 0;
    }
    #qa .qa-open-button {
        width: 48px;
        height: 48px;
    }
    #qa .page-qa-title,
    #qa .qa-item-area{
        border-left: none;
        border-right: none;
    }
    #qa .qa-item {
        padding-left: 0px;
    }
    #qa .qa-answer-area,
    #qa .qa-question-area {
        padding-right: 0;
    }
    #qa .qa-item-area .qa-decorate {
        display: none;
    }
    #qa .qa-answer-area > .qa-question,
    #qa .qa-answer-area > .qa-answer{
        display: block;
        width: 100%;
        border-left: none;
    }
    #qa .qa-item .qa-question-area {
        display: none;
    }
    #qa .qa-item {
        border-top: none;
    }
    #qa .qa-answer-area > .qa-question {
        border-top: 1px solid #000;
        border-bottom: 1px solid #000;
        display: flex;
    }
    
    #shop-item-list .item-list,
    #shop-item-list .item-main-type{
        border-left: none;
    }
    #shop-item-list .item-main-type li.main-type,
    #shop-item-list .item-list .item{
        border-right: none;
    }
    #shop-item-list .main-type-content,
    #shop-item-list .item-list,
    #shop-item-list .item-list .item{
        width: 100%;
    }
    #shop-item-list .item-list .item:nth-of-type(1) {
        border-top: 1px solid #000;
    }
    #shop-item-list .item-list .item {
        border-bottom:1px solid #000;
    }
    #shop-item-list .item-main-type li.main-type {
        border-top: none;
    }
    #shop-item-list .main-type-icon {
        top: 40px;
        bottom: inherit;
    }
    #shop-item-list .item-list .item .item-img {
        padding: 10px 0;
    }
    #shop-item-list .item-list .item .item-img img {
        max-height: 190px;
    }
    #shop-slider {
        border-bottom: none;
        border-left: none;
        border-right: none;
    }
    #shop-slider .flex-control-nav {
        width: 100%;
        bottom: 10px;
        left: 0;
    }
    #shop-slider .flex-control-nav li {
        display: inline-block;
        margin:  0 10px;
    }
    #shop-item-list .main-type.type5 .item:last-of-type {
        border-bottom: none;
    }
    .item-plan-list.itemTitle {
        display: none;
    }
    .item-plan .item-plan-list .item-list-name::before {
        content: attr(data-title);
        display: block;
        width: 100%;
        border-bottom: 1px solid #000;
        padding: 10px 0;
        margin-bottom: 10px;
    }
    .item-plan .item-plan-list .item-list-plan::before,
    .item-plan .item-plan-list .item-list-price::before{
        content: attr(data-title)' / ';
        display: inline-block;
    }
    /*.item-plan .item-plan-list .item-list-qty::before {
        content: attr(data-title)' / ';
        display: block;
    }*/
    .item-plan .item-plan-list .item-list-subtotal::before {
        content: attr(data-title)' / ';
        display: inline-block;
        margin-right: 10px;
    }
    .item-plan .item-plan-list .item-list-name::after {
        content: '';
        display: block;
        width: 100%;
        padding-bottom: 10px;
    }
    .item-plan .item-plan-list .item-list-name,
    .item-plan .item-plan-list .item-list-plan,
    .item-plan .item-plan-list .item-list-qty,
    .item-plan .item-plan-list .item-list-price {
        width:100%;
        border-left: 1px solid #000;
        border-right: 1px solid #000;
    }
    .item-plan .item-plan-list:not(:nth-of-type(1)) > div {
        min-height: inherit;
    }
    .item-plan {
        font-size: 100%;
    }
    .item-plan .item-plan-list {
        padding: 0px 20px;
    }
    .item-plan .item-plan-list .item-list-name {
        padding: 0;
    }
    .item-plan .item-plan-list .item-list-name,
    .item-plan .item-plan-list .item-list-plan,
    .item-plan .item-plan-list .item-list-qty {
        border-bottom: 1px solid #000;
    }
    .item-plan .item-plan-list .item-list-price span{
        margin: 0 10px;
    }
    .item-plan .item-list-name {
        text-align: center;
        padding: 10px 0;
    }
    .item-plan .item-list-name span {
        display: block;
        padding: 0 10px;
    }
    .item-plan .item-plan-list:nth-of-type(odd) {
        background-color: #CCC;
    }
    #cart-status-title {
        padding: 30px 5% 0;
    }
    #cart-status-title .cart-title {
        padding-left: 0;
        text-align: right;
    }
    #cart-area .item-plan, .cart-area .item-plan {
        padding: 0px 15px;
    }
    #cart-status-title .cart-step {
        float: left;
        padding-bottom: 10px;
    }
    #cart-status-title .cart-title h2.active,
    #cart-status-title .cart-title h2{
        margin-left: 0;
    }
    #cart-area .item-plan .item-plan-list:first-child {
        display: none;
    }
    #cart-area .item-plan .item-plan-list .item-list-name,
    #cart-area .item-list-name .product-img,
    #cart-area .item-list-name .product-content,
    #cart-area .item-plan .item-plan-list .item-list-plan,
    #cart-area .item-plan .item-plan-list .item-list-qty,
    #cart-area .item-plan .item-plan-list .item-list-price,
    #cart-area .item-plan .item-plan-list .item-list-subtotal,
    #cart-area .item-plan-total .cart-count:nth-of-type(2){
        width: 100%;
        display: block;
    }
    #cart-area .item-plan .item-plan-list:not(:nth-of-type(1)) > div {
        height: auto;
    }
    #cart-area .item-plan .item-plan-list:not(:nth-of-type(1)) .item-list-subtotal {
        border-top: 1px solid #000;
        border-left: 1px solid #000;
        justify-content: center;
    }
    #cart-area .item-plan-total .item-cart-msg,
    #cart-area .item-plan-total .cart-count{
        width: 100%;
        padding: 20px 20px;
    }
    #cart-area .item-plan-total .item-cart-total {
        padding: 20px 0;
        width: 100%;
    }
    #cart-area .item-plan-total .item-cart-total .cart-total:nth-of-type(2) p {
        padding: 0 20px;
    }
    .payfunc-area .payfunc-bg {
        display: none;
    }
    .payfunc-area .container {
        padding: 0;
    }
    #payfunc-area .payfunc-area {
        padding: 0px 15px;
    }
    .payfunc-area .payfunc-info-list {
        width: 100%;
        border-right: none;
    }
    .payfunc-info-item .form-group, .invoice-receive-info .form-group {
        width: 100%;
        display: block;
        padding: 5px 0px;
    }
    .payfunc-info-item .form-group-2 > input {
        width: 100%;
    }
    .payfunc-info-item .form-group-2, .invoice-address .form-group-2 {
        display: block;
        padding: 5px 0;
    }
    .payfunc-info-item .form-group label, 
    .payfunc-info-item .form-group-2 label, 
    .invoice-address .form-group-2 label, 
    .invoice-receive-info .form-group label,
    .payfunc-info-item .form-group input[type='text'], 
    .payfunc-info-item .form-group input[type='email'], 
    .invoice-address .form-group input[type='text'], 
    .invoice-receive-info .form-group input[type='text'] {
        width: 100%;
        padding: 15px 0;
    }
    .payfunc-info-item .form-group-2 > input, 
    .payfunc-info-item .form-group-2 #twzipcode,
    .payfunc-info-item .form-group-2 #twzipcode2{
        width: 100%;
        padding: 15px 0;
    }
    .payfunc-info-item .form-group-2 #twzipcode input[type='text'], 
    .payfunc-info-item .form-group-2 #twzipcode select, 
    .payfunc-info-item .form-group-2 #twzipcode2 input[type='text'], 
    .payfunc-info-item .form-group-2 #twzipcode2 select, 
    .invoice-address .form-group #twzipcode2 input[type='text'], 
    .invoice-address .form-group #twzipcode2 select {
        width: calc(100% / 3);
        padding-left: 0;
    }
    .payfunc-area .payfunc-total {
        width: 100%;
        border-left: 1px solid #000;
    }
    .cart-item-list-title input[type="radio"] + label,
    .paytype-option input[type="checkbox"] + label{
        margin-left: 0;
    }
    .cart-item-list-title .paytype-option-content {
        margin-top: 0.5rem;
    }
    .payfunc-invoice-info input[type="radio"] + label + input[type='text'] {
        width: 100%;
        width: calc(100% - 1rem);
        float: right;
    }
    .payfunc-invoice-info .e-invoice-option p {
        font-size: 80%;
    }
    #payfinish-area .payfunc-area .payfunc-info-list {
        width: 100%;
    }
    #payfinish-area .payfunc-area .payfinish-intro-img {
        max-width: 70px;
    }
    #payfinish-area .payfinish-intro-img {
        margin-right: 20px;
    }
    #payfinish-area .payfinish-intro-title h1 {
        font-size: 2rem;
    }
    #payfinish-area .payfinish-intro-title h3 {
        font-size: 1.25rem;
    }
    #cart-status-title .cart-step {
        display: none;
    }
    #cart-status-title .cart-title h1 {
        margin-bottom: 20px;
    }
    #fitted-flat-facemask-1 .half-page-image:last-of-type {
        border-top: 1px solid #000;
    }
    .half-page-image {
        width: 100%;
    }
    #fitted-flat-facemask-2 .full-page-image {
        padding: 30px 2.5%;
    }
    #fitted-flat-facemask-2 .full-page-image h1 {
        margin-bottom: 30px;
        line-height: 1.5;
    }
    #fitted-flat-facemask-2 li.features-item {
        width: calc(100% / 2);
        padding-bottom: 20px;
    }
    #fitted-flat-facemask-2 .features-title,
    #fitted-flat-facemask-2 .features-text{
        padding-left: 20%;
    }
    .payfunc-title,
    .inside-content .inside-title .payfunc-title{
        padding: 10px 10px 10px 20px;
    }
    #fitted-flat-facemask-3 h1 {
        padding: 60px 5% 10px;
    }
    #fitted-flat-facemask-3 h2 {
        padding: 20px 5% 10px;
        color: #000;
    }
    #fitted-flat-facemask-3 h1,
    #fitted-flat-facemask-3 h2 {
        position: relative;
        top: inherit;
        bottom: inherit;
    }
    #fitted-flat-facemask-3 .full-page-image {
        overflow: hidden;
    }
    #fitted-flat-facemask-3 .full-page-image img {
        transform: scale(1.5);
        z-index: -1;
        position: relative;
        transform-origin: bottom;
    }
    #fitted-flat-facemask-4 .half-page-image .features-title {
        font-size: 1.55rem;
        padding-left: 5%;
    }
    #fitted-flat-facemask-5 .up-title-01::before,
    #fitted-flat-facemask-5 .up-title-01::after,
    #pillow-protector-2 .up-title-01::before,
    #pillow-protector-2 .up-title-01::after,
    #flat-facemask-2 .up-title-01::before,
    #flat-facemask-2 .up-title-01::after,
    #facemask-3d-2 .up-title-01::before,
    #facemask-3d-2 .up-title-01::after,
    #smog-stopper-2 .up-title-01::before,
    #smog-stopper-2 .up-title-01::after,
    #simwater-2 .up-title-01::before,
    #simwater-2 .up-title-01::after{
        display: none;
    }
    #fitted-flat-facemask-5 .up-title,
    #pillow-protector-2 .up-title,
    #flat-facemask-2 .up-title,
    #facemask-3d-2 .up-title,
    #smog-stopper-2 .up-title,
    #simwater-2 .up-title{
        padding-left: 5%;
        padding-top: 5%;
        flex-wrap: wrap;
    }
    #fitted-flat-facemask-5 .up-title-01,
    #fitted-flat-facemask-5 .up-title-02,
    #fitted-flat-facemask-5 .up-title-03,
    #pillow-protector-2 .up-title-01,
    #pillow-protector-2 .up-title-02,
    #pillow-protector-2 .up-title-03,
    #flat-facemask-2 .up-title-01,
    #flat-facemask-2 .up-title-02,
    #flat-facemask-2 .up-title-03,
    #facemask-3d-2 .up-title-01,
    #facemask-3d-2 .up-title-02,
    #facemask-3d-2 .up-title-03,
    #smog-stopper-2 .up-title-01,
    #smog-stopper-2 .up-title-02,
    #smog-stopper-2 .up-title-03,
    #simwater-2 .up-title-01,
    #simwater-2 .up-title-02,
    #simwater-2 .up-title-03{
        width: 100%;
        text-align: left;
        margin-bottom: 5px;
    }
    #fitted-flat-facemask-5 .up-title-01 h2,
    #pillow-protector-2 .up-title-01 h1,
    #flat-facemask-2 .up-title-01 h1,
    #facemask-3d-2 .up-title-01 h1,
    #smog-stopper-2 .up-title-01 h1,
    #simwater-2 .up-title-01 h1{
        padding: 0;
    }
    #fitted-flat-facemask-5 .up-title-02 span,
    #pillow-protector-2 .up-title-02 span,
    #flat-facemask-2 .up-title-02 span,
    #facemask-3d-2 .up-title-02 span,
    #smog-stopper-2 .up-title-02 span,
    #simwater-2 .up-title-02 span{
        padding-bottom: 0;
    }
    #fitted-flat-facemask-5 .down-img p,
    #pillow-protector-2 .down-img p,
    #flat-facemask-2 .down-img p,
    #facemask-3d-2 .down-img p,
    #smog-stopper-2 .down-img p,
    #simwater-2 .down-img p{
        border-left: none;
        min-height: inherit;
        padding-left: 0;
        width: 950px;
    }
    #fitted-flat-facemask-5 .down-img,
    #pillow-protector-2 .down-img,
    #flat-facemask-2 .down-img,
    #facemask-3d-2 .down-img,
    #smog-stopper-2 .down-img,
    #simwater-2 .down-img{
        padding: 5%;
        overflow-x: scroll;
    }
    #fitted-flat-facemask-5 .down-img p img,
    #pillow-protector-2 .down-img p img,
    #flat-facemask-2 .down-img p img,
    #facemask-3d-2 .down-img p img,
    #smog-stopper-2 .down-img p img,
    #simwater-2 .down-img p img{
        position: relative;
        right: inherit;
        bottom: inherit;
    }
    #youtube-video .video-area,
    #fitted-flat-facemask-6 .inside-area{
        padding: 0 5%;
    }
    .inside-title h1,
    .inside-area .inside-content .inside-title{
        width: 100%;
    }
    .inside-title h1 {
        padding-top: 50px;
        border-bottom: none;
    }
    .inside-area .inside-content,
    .testing-right-4{
        flex-wrap: wrap;
        border:none;
    }
    #fitted-flat-facemask-6 .inside-area,
    #pillow-protector-3 .inside-area,
    #flat-facemask-3 .inside-area,
    #smog-stopper-3 .inside-area,
    #facemask-3d-3 .inside-area,
    #simwater-3 .inside-area{
        padding: 0;
    }
    .add-to-cart-btn {
        padding-right: 35px;
    }
    #smog-stopper-3 .add-to-cart-btn {
        padding: 0 5%;
    }
    #smog-stopper-1 .product-intro-icon {
        padding: 40px 5%;
    }
    #fitted-flat-facemask-7 .testing-area {
        padding: 0;
    }
    #fitted-flat-facemask-7 .testing-area-content .testing-left,
    #fitted-flat-facemask-7 .testing-area-content .testing-right,
    #pillow-protector-4 .testing-left,
    #pillow-protector-4 .testing-right,
    #flat-facemask-2 .testing-left,
    #flat-facemask-2 .testing-right,
    #facemask-3d-4 .testing-left,
    #facemask-3d-4 .testing-right,
    #smog-stopper-4 .testing-left,
    #smog-stopper-4 .testing-right,
    #simwater-4 .testing-left,
    #simwater-4 .testing-right{
        width: 100%!important;
        padding-top: 25px;
        padding-bottom: 25px;
        float: left;
        border: none;
    }
    #pillow-protector-4 .testing-left,
    #pillow-protector-4 .testing-right,
    #flat-facemask-2 .testing-left,
    #flat-facemask-2 .testing-right,
    #smog-stopper-4 .testing-left,
    #smog-stopper-4 .testing-right,
    #simwater-4 .testing-left,
    #simwater-4 .testing-right{
        padding: 0;
    }
    #facemask-3d-4 .testing-area-content .testing-right {
        border-left: none;
    }
    #pillow-protector-4 .testing-left-1 ul.features-list,
    #flat-facemask-2 .testing-left-1 ul.features-list,
    #smog-stopper-4 .testing-left-1 ul.features-list,
    #simwater-4 .testing-left-1 ul.features-list{
        width: 100%;
    }
    .testing-left-1 {
        padding: 0 5%;
        margin-bottom: 30px;
    }
    #pillow-protector-4 .testing-left-1{
        padding: 0;
    }
    .testing-left-1 ul.features-list li.features-item {
        padding: 0 5px;
    }
    .testing-left-4,
    .testing-right-1,
    .testing-right-2{
        padding: 0 5%;
    }
    .testing-left-1 a {
        right: 5%;
    }
    #facemask-3d-4 .testing-left-3 {
        padding: 130px 5% 0;
    }
    .testing-right-4::before {
        display: none;
    }
    .testing-right-4 img {
        max-width: 100%;
    }
    .testing-right-4 a {
        margin: 0 auto;
    }
    .testing-right-4 {
        padding-bottom: 30px;
    }
    .page-intro, .page-content {
        width: 100%;
        padding: 5%;
        border-left: none;
    }
    #fitted-flat-facemask-8 ul.features-list li.features-item,
    #facemask-3d-5 ul.features-list li.features-item{
        width: calc(100% / 2);
    }
    span.ribbon::before {
        display: none;
    }
    .pillow-slide-01, .smog-slide-01, .simwater-slide-01 {
        width: 100%;
    }
    .pillow-slide-01 .flexslider, .smog-slide-01 .flexslider, .simwater-slide-01 .flexslider {
        border: none!important;
    }
    #simwater-2 .up-title-02 {
        padding: 0 5% 0;
    }
    #simwater-2 .up-title-03 {
        text-align: center;
    }
    /*.pillow-slide-01 .flex-control-nav, 
    .smog-slide-01 .flex-control-nav,
    .smog-slide-02 .flex-control-nav {
        left: inherit!important;
        right: 20px!important;
        top: inherit!important;
        bottom: 10px!important;
    }*/
    .product-intro {
        padding: 25px 0 45px 0;
        flex-wrap: wrap;
    }
    .product-intro-title h2,
    .product-intro-title{
        width: 100%;
        line-height: 1;
        padding: 0 0 20px 5%;
    }
    #smog-stopper-5 .stopper-left {
        width: 100%;
        border: none;
        padding: 0 5%;
    }
    #smog-stopper-5 .stopper-right{
        width: 100%;
        border: none;
    }
    .stopper-right-list {
        padding: 0 5%;
    }
    #smog-stopper-1 .product-intro-title {
        padding: 0 0 20px 0%;
    }
    #smog-stopper-3 .inside-img,
    #simwater-3 .inside-img{
        padding: 0 5% 50px;
    }
    .inside-area .inside-content .inside-img {
        width: 100%;
    }
    #smog-stopper-5 .container-border {
        flex-wrap: wrap;
    }
    #simwater-2 .down-img p {
        padding: 50px 5%!important;
        width: 600px;
    }
    .product-intro-title h3 {
        padding: 0 0 20px 5%;
        font-size: 1.5rem;
    }
    .product-intro-icon {
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-around;
        padding: 40px 15px 3px;
    }
    .product-intro-icon .intro-icon {
        width: calc(100% / 3);
        padding: 0 5px;
        text-align: center;
    }
    #smog-stopper-4 .testing-area-content .testing-right {
        border-left: none;
        padding-top: 20px;
    }
    .testing-right-1 h1::after {
        display: none;
    }
    #smog-stopper-4 .testing-left-1 h1 {
        padding: 80px 60px 30px;
    }
    #smog-stopper-4 .testing-left-1 ul.features-list,
    #smog-stopper-4 .testing-left-4{
        padding: 30px 5%;
    }
    .inside-area .inside-content .inside-img{
        width: calc(100%)!important;
        padding: 50px 0;
    }
    #simwater-4 .testing-area-content .testing-right {
        border: none;
    }
    .testing-right-3 {
        padding: 0 5%;
    }
    .half-page-image {
        border-left: none!important;
    }
    .half-page-image:first-of-type {
        padding-bottom: 30px;
    }
    .features-text {
        padding-left: 0!important;    
    }
    a.teaching {
        padding-bottom: 0!important;
    }
    .feature-item-content {
        flex-wrap: wrap;
    }
    .pillow-slide-03.feature-slide-item,
    .title-feature {
        width: 100%;
    }
    .feature-slide-item, .title-feature {
        width: 100%!important;
    }
    .title-feature .career-feature-title {
        padding: 80px 5% 40px;
    }
    .career-feature-list {
        padding: 0 5% 30px;
        flex-wrap: wrap;
    }
    .feature-item-content .career-feature {
        width: 100%;
    }
    .career-feature .career-title-1,
    .career-feature .career-title-2{
        padding: 30px 5% 30px!important;
    }
    .smog-stopper-feature .career-title-1 {
        margin-bottom: 0;
    }
    .feature-item-content .career-feature:first-of-type {
        border: none;
    }
    .career-feature ol {
        padding: 30px 10% 30px!important;
    }
    #qa .qa-question:last-of-type, #qa .qa-answer:last-of-type,
    .feature-slide-item{
        border:none!important;
    }
    ul.inside-list {
        margin: 20px 0!important;
        width: 100%!important;
        float: left!important;
    }
    #flat-facemask-4 .testing-left-1 a,
    #facemask-3d-4 .testing-left-1 a{
        right: inherit;
        float: left!important;
        margin-left: 35px!important;
    }
    #flat-facemask-4 .testing-area-content .testing-left,
    #flat-facemask-4 .testing-left-4{
        width: 100%;
        max-width: inherit;
    }
    #flat-facemask-4 .testing-area-content .testing-right {
        width: 100%;
        border: none;
    }
    #flat-facemask-5 ul.features-list li.features-item {
        width: calc(100% / 2);
    }
    #flat-facemask-5-1 {
        display: none;
    }
    .flat-facemask-image-area,
    .flat-feature-item-2 .features-item{
        padding: 0;
    }
    .flat-facemask-image-content.mt {
        margin: 50px 0 0 0;
        border: none;
    }
    .flat-feature-content {
        flex-wrap: wrap;
    }
    .flat-feature-content .flat-feature-item,
    .facemask-3d-career .career-title,
    .facemask-3d-career .career-feature-title h1, 
    .title-feature .career-feature-title h1,
    .facemask-3d-career .career-feature{
        width: 100%!important;
    }
    .flat-feature-item-1,
    .facemask-3d-career .career-feature-title, .title-feature .career-feature-title{
        padding: 0 5%!important;
    }
    .flat-feature-item-2 {
        border-bottom: none;
        padding-right: 70px;
        margin-top: 50px;
    }
    .flat-feature-item-3 {
        margin: inherit;
        flex-direction: column-reverse;
        align-items: center;
    }
    .flat-feature-item-3 .flat-feature-item-img {
        margin: 0 0 50px;
    }
    .facemask-3d-career .career-feature-item li.features-item {
        margin-bottom: 20px;
    }
    .flat-feature-content:nth-of-type(even) {
        flex-direction: row;
    }
    .flat-feature-content:nth-of-type(even) .flat-feature-item:last-of-type {
        border-right: none;
    }
    .flat-feature-content:nth-of-type(2) .flat-feature-item-3 {
        margin: inherit;
    }
    #facemask-3d-6 .special-for-area{
        padding: 0;
    }
    ul.special-item-list li.special-item,
    .facemask-3d-career .career-feature-item li.features-item{
        width: calc(100% / 2);
    }
    .special-for-content {
        border: none;
        padding: 0 5%;
    }
    ul.special-item-list,
    .facemask-3d-career .career-for-area{
        padding: 0 0 0 0px;
        border-left: none;
    }
    ul.special-item-list li.special-item h3::before {
        display: none;
    }
    .facemask-3d-career .career-for-content {
        border-left: none;
        border-right: none;
        flex-wrap: wrap;
    }
    .facemask-3d-career .career-feature {
        border-left: none;
        border-top: 1px solid #000;
    }
    .facemask-3d-career .career-feature-title h1, .title-feature .career-feature-title h1 {
        margin: 40px 0;
        font-size: 2.25rem;
    }
    #article .type-link {
        width: 100%;
        right: inherit;
        bottom: inherit;
        position: relative;
        margin: 30px 0;
        display: flex;
        align-items: center;
        justify-content: space-around;
    }
    .article-item {
        width: 100%;
        float: left;
    }
    #article .type-link li {
        width: 150px;
    }
    #article .article-content-area {
        padding: 0 5%;
        flex-wrap: wrap;
        border:none;
    }
    #article .article-text {
        width: 100%;
        border-right: none;
        padding-right: 25px;
    }
    #article .article-content-bg {
        position: absolute;
        top: 30px;
        right: -1px;
        bottom: inherit;
        left: inherit;
    }
    #order-form .order-check-area {
        padding: 0;
    }
    #order-form .order-check-content {
        border-left: none;
        border-right: none;
        flex-wrap: wrap;
        padding: 35px 5%;
    }
    #order-form .check-form,
    #order-form.order-form .order-info, .order-total{
        padding: 0;
        width: 100%;
    }
    .order-check-content:first-of-type .form-group:first-of-type {
        margin: 0;
    }
    #order-form.order-form .order-total {
        border-left: none;
    }
    #main-intro .main-title, .coop-title {
        padding: 50px 5% 30px;
    }
    .coop-title, .coop-link-title, .coop-link-item {
        width: 100%!important;
        border-top: 1px solid #000;
        border-left: none;
    }
    .coop-area-content, .coop-link-content {
        flex-wrap: wrap;
    }
    .coop-area-content {
        border-right: none;
        border-left: none;
    }
    .coop-title-item {
        padding: 0px 50px;
    }
    .coop-link-content {
        border-left:none; 
        border-right:none; 
    }
    
    .coop-area.active .coop-title {
        padding-top: 50px;
        border-top: none;
    }
    ul.coop-text-list {
        position: relative;
        padding: 30px 5% 30px;
    }
    .coop-content {
        border-left:none; 
        padding: 0 10%;
        min-height: inherit;
    }
    .coop-link {
        border-top: none;
    }
    .coop-content-bg {
        right: 0;
        display: none;
    }
    .flex-direction-nav .flex-next {
        right: 5px!important;
    }
    .flex-direction-nav .flex-prev {
        left: 5px!important;
    }
    #order-form .check-form h1 {
        position: relative;
        letter-spacing: 0rem;
    }
    .order-check-content::before {
        display: none;
    }
    #order-form.order-form .order-info-item {
        padding: 70px 15px 10px;
    }
    .article-img-slide .article-nav {
        padding: 65px 0 15px;
    }
    .container-border {
        border-left: none;
        border-right: none;
    }
    ul.inside-list, .english-slogan {
        padding-left: 50px;
        margin: 60px 0 60px 0;
    }
    .stopper-left-img {
        text-align: center;
    }
    .stopper-left h1 + .stopper-left-img {
        text-align: left;
    }
    .stopper-right-item {
        width: 100%;
        padding-bottom: 50px;
    }
    .stopper-right-item p {
        padding-left: 0;
        font-size: 1.15rem;
    }
    .stopper-right-item img {
        width: 100%;
    }
    #smog-stopper-5 .stopper-right-list {
        padding: 50px 5% 35px;
        flex-wrap: wrap;
    }
    .smog-slide-03.feature-slide-item, #simwater-4 .simwater-slide-03 {
        width: 100%;
    }
    .smog-slide-03 .flex-control-nav {
        left: 0px!important;
        bottom: 10px!important;
        width: 100%!important;
    }
    .main-intro-content, .main-title,
    #order-form .order-check-area{
        border-left: none;
        border-right: none;
    }
    .flat-feature-content .flat-feature-item:last-of-type {
        border-left: none;
    }
    #pillow-protector-4 .testing-left-4, #smog-stopper-4 .testing-left-4, #simwater-4 .testing-left-4 {
        padding: 0 5%;
    }
    .flex-control-nav {
        bottom: 15px!important;
        left: 0!important;
        right: 0!important;
        top: inherit!important;
        width: 100%!important;
        z-index: 9;
    }
    .flex-control-nav li {
        display: inline-block!important;
        margin: 0 10px;
    }
    #article .article-intro-bg {
        border: none;
    }
    #article .article-item .flexslider {
        border-left: none;
        border-right: none;
    }
    #article .flexslider ul.slides li {
        border-right: none;
    }
    .coop-title-item::after {
        display: none;
    }
    .pillow-slide-01, .product-slide-01, .smog-slide-01, .simwater-slide-01 {
        width: 100%;
    }
    #fitted-flat-facemask-8 li.features-item .features-title, #facemask-3d-5 li.features-item .features-title, #flat-facemask-5 li.features-item .features-title, .facemask-3d-career li.features-item .features-title, .pillow-protector-career li.features-item .features-title, .product-section-career li.features-item .features-title, .simwater-career li.features-item .features-title {
        font-size: 1.1rem;
    }
    #fitted-flat-facemask-8 li.features-item .features-text strong, #facemask-3d-5 li.features-item .features-text strong, .facemask-3d-career li.features-item .features-text strong, .flat-feature-item-2 .features-item .features-text strong, #flat-facemask-5 li.features-item .features-text strong, .pillow-protector-career li.features-item .features-text strong, .product-section-career li.features-item .features-text strong, .simwater-career li.features-item .features-text strong {
        font-size: 1.25rem;
    }
    #page-04 .about-factory-icon {
        justify-content: flex-start;
    }
    #page-04 .about-factory-icon .icon-img {
        width: calc(100% / 3);
    }
    #page-04 .container-text .factory-text,
    #page-04 .about-factory-icon{
        width: 100%;
        padding: 0 5%;
    }
    #page-04 .container-text + .container-border {
        flex-wrap: wrap;
    }
}