@charset "utf-8";
/* CSS Document */
@import url("reset.css");
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css');
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC:300,400');

*{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
body, html{width: 100%;font-size: 16px;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';font-weight: 100;}
a, a:focus{text-decoration: none;outline: none;color: inherit;border: 0px;/*display: block;*/}
a:hover{text-decoration: none!important;}
button, input{outline: none;border: none;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';}
button{display: block;}
button:focus, input, input:focus, select:focus, textarea{outline: none;}
ul{margin: 0;padding: 0;list-style-type: none;}
li{list-style: none;}
input, textarea{font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';appearance:none;-moz-appearance:none;-webkit-appearance:none;resize : none;}
img{border: 0px; border-radius: 0;vertical-align: top;}
area{outline: none;border: 0px; border-radius: 0;}


.default-top-1200 span{padding-top: 13px!important;}

.WRAPPER{width: 100%;height: auto;background-color: #f1ece6;overflow: hidden;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';}
.WRAPPER .PC{}
.WRAPPER .MB{display: none;}

.COVER{width: 100%;height: auto;background: url("../images/cover_bg.jpg") no-repeat center top;}
.COVER .COVER_INSIDE{width: 1200px;height: 870px;margin: 0 auto;position: relative;}
.COVER .COVER_INSIDE .BIAO_1{width: 709px;height: 516px;position: absolute;top: 40px;left: 266px;animation:bounceInDown .5s linear both .5s;}
.COVER .COVER_INSIDE .BIAO_2{width: 550px;height: 514px;position: absolute;top: 343px;left: 170px;/*animation:zoomIn .3s linear both 1s;*/}

.COVER .COVER_INSIDE_M{display: none;width: 750px;height: auto;margin: 0 auto;}

.SHOPPING{width: 100%;height: auto;background: url("../images/shopping_bg.jpg") no-repeat center top;}
.SHOPPING .SHOPPING_INSIDE{width: 1200px;height: 1215px;margin: 0 auto;position: relative;}

.SHOPPING .SHOPPING_INSIDE_M{display: none;width: 750px;height: auto;margin: 0 auto;}



/*
.LANDING{width: 100%;height: auto;background: url("../images/landing_bg.jpg") no-repeat center top;overflow: hidden;position: relative;}
.LANDING .LANDING_INSIDE{width: 950px;height: auto;margin: 0 auto;}
*/

/*宮格相關設定*/
.grid-group{width: 950px!important;position: relative;margin: 0 auto;box-sizing: border-box;overflow: hidden;}/*1200關掉*/
.grid-1, .grid-2, .grid-3, .grid-4{position: relative;width: 100%;margin: 0 auto;}
.grid-1, .grid-3{background-color: #5b5b5b;}/*宮格背景第一、三格*/
.grid-2, .grid-4{background-color: #312c35;}/*宮格背景第二、四格*/
.g-title{width: 100%;height: 95px;position: relative;cursor: pointer;margin-bottom: -10px;text-align: center;}
.g-title a{display: block;width: 100%;height: auto;}
.g-row{width: 100%;margin: 5px 5px 20px 5px;position: relative;padding-bottom: 5px;/*padding: 0px!important;*/}/*1200margin改回margin: 5px 0 20px 0,padding: 5px;950是margin: 5px 5px 20px 5px;padding: 0px;*/
.item{width: 225px!important;margin: 5px 5px 5px 5px!important;background: #fff;box-shadow: none!important;box-sizing: border-box;text-align: center;position: relative;z-index: 0;display: inline-block;}/*1200關掉前面width、margin*/
.item hr{border: 0;border-top: 1px solid rgba(0,0,0,.1);margin-top: 1rem;margin-bottom: 1rem;}
.i-image{position: relative;width: 100%;height: 100%;}
.i-image a img{width: 100%;}
.i-name{width: 100%;height: 60px;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';font-weight: 400; text-align: center;display: block;text-decoration: none;position: relative;overflow: hidden;}
.i-name a{width: 100%;text-decoration: none;list-style: none;line-height: 1.2;color: #333;display: inline-block;position: relative;}
.i-name a:active{transform: translateY(3px);}
.i-name-b, .i-name-n{font-size: 18px;white-space: nowrap;}
.i-name-n:hover{text-decoration: none;list-style: none;}
.i-pricename, .i-price{display: inline-block;}
.i-pricename{font-size: 16px;padding-right: 5px;}
.i-original, .i-price{display: inline-block;}
.i-original:before, .i-price:before{content: '$';display: inline-block;}
.i-price:before {font-size: 18px;}
.i-price{font-size: 36px;font-weight: bold;color: #ce2a8a;line-height: 36px;}



/* 注意事項 */
.PRECAUTIONS{width: 100%;height: auto;margin:0 auto;overflow: hidden;background-color: #eadbcf;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';padding-bottom: 20px;}
.RECAUTIONS_COVER{width: 100%;height: 890px;background: url("../images/provision_cover.jpg") center top no-repeat;}
.RECAUTIONS_COVER img{width: 100%;}
.PRECAUTIONS_PACKAGE{width: 100%;height: auto;overflow: hidden;background: url("../images/landing_bg.jpg") center top no-repeat #eadbcf;}
.PRECAUTIONS_CONTENT{width: 910px;height: auto;padding: 20px 20px 10px 20px; margin: 0 auto;color:#7b7b7b;line-height: 1.8;background-color: #fff;opacity: .85;-webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
.PRECAUTIONS h4{font-size: 40px;font-weight: bold; text-align: center;}
.PRECAUTIONS h4:before{content: "■";font-size: 20px;vertical-align: middle;margin-right: 5px;padding-bottom: 10px;}
.PRECAUTIONS h4:after{content: "■";font-size: 20px;vertical-align: middle;margin-left: 5px;padding-bottom: 10px;}
.PRECAUTIONS h6{width: 96%;margin: 0 auto;font-size: 25px;font-weight: bold; text-align: left;}
.PRECAUTIONS p{/*text-indent: 20px;*/line-height: 1.2;font-size: 18px;font-weight: bold;}
.PRECAUTIONS .PINK{color: #fb578e;}
.PRECAUTIONS ul{width: 92%;/*padding-left: 4%;*/margin: 0 auto;text-align: left;}
.PRECAUTIONS ol{width: 90%;padding-left: 5%;padding-right: 3%; margin: 0 auto;text-align: justify;}
.PRECAUTIONS ul li{padding-left: 18px;}
.PRECAUTIONS li{font-size: 18px; letter-spacing: 1px;line-height: 1.6;margin-bottom: 2%;}
.PRECAUTIONS li span{font-size: 24px; }
.PRECAUTIONS ol li{list-style: inherit!important;}
.PRECAUTIONS li a{color: #7b7b7b;text-decoration: underline;}
.PRECAUTIONS .TABLE{width: 700px;background-color: #fff;color: #7b7b7b;margin-bottom: 2.5%;margin: 0 auto;}
.PRECAUTIONS .TABLE tr, .TABLE td{border: 1px solid #7b7b7b;font-size: 16px;height: 36px;}
.PRECAUTIONS .TABLE{text-align: center;line-height: 36px;}
.PRECAUTIONS .TABLE tr td:nth-child(1){text-align: left;padding: 0px 15px;}
.PRECAUTIONS .TABLE tr.E8 td{background-color: #E8E8E8;text-align: center;}


.scrollToTop{width: 50px;height: 50px;position: fixed;right: 0;bottom: 0;margin-right: 1%;margin-bottom: 3%;border-radius: 25px;background: rgba(0, 0, 0, 0.75);color: #fff;font-size: 50px;text-align: center;line-height: 40px;cursor: pointer;transition: all 0.2s linear;transform-origin: 100% 100%;z-index: 999;}

@media screen and (max-width: 1200px) {
    
    *{ margin:0; padding:0;}
	html, body{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box;}
    
    .default-top{/*height: inherit!important;*/min-height: 60px!important;}
	.default-top-1200{width: 100%!important;white-space: nowrap;padding: 0px 12px 0px 12px;/*font-size: 72px!important;font-size: 5.5vw!important;*/}
/*	.default-top-1200 span{padding-top: 9px!important;}*/
	.default-top-1200 .vg-facebook-logo{padding-right: 10px;}
	.default-footer p{font-size: 4.5vw!important;width: 100%!important;padding: 2.5% 2.5%!important;line-height: normal!important;}
    
    .WRAPPER .PC{display: none;}
    .WRAPPER .MB{display: block;}

    .COVER{width: 100%;height: auto;background: url("../images/cover_bg.jpg") no-repeat center top;}
    .COVER .COVER_INSIDE{display: none;width: 1200px;height: 870px;margin: 0 auto;position: relative;}
    .COVER .COVER_INSIDE .BIAO_1{width: 100%;height: auto;position: absolute;top: 0%;left: 0%;}
    .COVER .COVER_INSIDE .BIAO_1 img{width: 100%;height: auto;}
    .COVER .COVER_INSIDE .BIAO_2{display: none;width: 550px;height: 514px;position: absolute;top: 343px;left: 170px;}
    
    .COVER .COVER_INSIDE_M{display: block;width: 100%;height: auto;position: relative;}
    .COVER .COVER_INSIDE_M img{width: 100%;height: auto;}
    .COVER .COVER_INSIDE_M .BIAO_1{width: 92%;height: auto;position: absolute;top: 5%;left: 6%;animation:bounceInDown .5s linear both .5s;}
    .COVER .COVER_INSIDE_M .BIAO_1 img{width: 100%;height: auto;}

    .SHOPPING{width: 100%;height: auto;background-image: none;}
    .SHOPPING .SHOPPING_INSIDE{display: none;width: 1200px;height: 1215px;margin: 0 auto;position: relative;}
    
    .SHOPPING .SHOPPING_INSIDE_M{display: block;width: 100%;height: auto;}
    .SHOPPING .SHOPPING_INSIDE_M img{width: 100%;height: auto;}
    
/*
    .LANDING{width: 100%;height: auto;background: url("../images/landing_bg.jpg") no-repeat center top;overflow: hidden;}
    .LANDING .LANDING_INSIDE{width: 100%;height: auto;margin: 0 auto;}
*/
    
    .grid-group{width: 100%!important;}
	.g-title{;height: auto;margin-bottom: -2px;}
	.title-1 img, .title-2 img, .title-3 img, .title-4 img{max-width: inherit!important;width: 165%;transform: translate(-19%,0%);}
	.g-row{width: 98%;margin: 0 auto;}
	.item{width: 48% !important;margin: 0% 1% 2% 1% !important;padding: 2% 2% 1% 2% !important;white-space: nowrap;overflow: hidden;}
	.i-name{height: auto;}
	.i-name-b, .i-name-n{font-size: 4vw;}
	.i-original{font-size: 40px;}
	.i-pricename{font-size: 3vw;white-space: nowrap;padding-right: 0px;}
	.i-price{font-size: 8vw;line-height: 1.2;}
	.i-price:before {font-size: 3.5vw;}

	.scrollToTop{margin-right: 5%;margin-bottom: 18.5%;/*transform: scale(2.5);*/}
    
    .PRECAUTIONS{} 
	.RECAUTIONS_COVER{height: auto;/*padding-bottom: 65.26%;*/background-size: 288%;}
    .RECAUTIONS_COVER img{height: inherit;}
/*	.RECAUTIONS_COVER a{display: block;width: 100%;height: 0;padding-bottom: 60.15%;}*/
	.PRECAUTIONS_PACKAGE{background-size: 288%;}
	.PRECAUTIONS_CONTENT{width: 94%;padding: 2% 4% 2.5% 4%;}
	.PRECAUTIONS h4{font-size: 6vw;}
	.PRECAUTIONS h4:before{content: "■";font-size: 3vw;vertical-align: middle;margin-right: 5px;padding-bottom: 10px;}
	.PRECAUTIONS h4:after{content: "■";font-size: 3vw;vertical-align: middle;margin-left: 5px;padding-bottom: 10px;}
	.PRECAUTIONS h6{width: 96%;margin: 0 auto;font-size: 25px;font-weight: bold; text-align: left;}
	.PRECAUTIONS p{font-size: 4vw;}
	.PRECAUTIONS ul{width: 90%;/*padding-left: 3%;*/margin: 1.5% auto 0 auto;}
	.PRECAUTIONS ul li{padding-left: 0px;}
	.PRECAUTIONS ol{width: 86%;padding-left: 8%;margin: 1.5% auto 0 auto;}
	.PRECAUTIONS li{font-size: 4vw; letter-spacing: 1px;line-height: 1.6;margin-bottom: 2%;}
	.PRECAUTIONS li a{width: auto;}
	.PRECAUTIONS li span{font-size: 4vw;}
	.PRECAUTIONS ol li{list-style: inherit!important;}
	.PRECAUTIONS .TABLE{width: 100%;background-color: #fff;;margin-bottom: 2.5%;}
	.PRECAUTIONS .TABLE tr, .TABLE td{font-size: 16px;height: 36px;line-height: 25px;}
	.PRECAUTIONS .TABLE{text-align: center;}

    
    .scrollToTop{margin-right: 5%;margin-bottom: 18.5%;/*transform: scale(2.5);*/}

}