@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;border: 0;}
ul{margin: 0;padding: 0;list-style-type: none;}
ul 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: #151515;overflow: hidden;font-family: 'Century Gothic' , 'Noto Sans TC', 'Microsoft JhengHei';position: relative;padding-bottom: 2.5%;}
.WRAPPER .PC{}
.WRAPPER .MB{display: none;}

.PIN{position: fixed;top: 200px;right: 50%;margin: 0px -690px 0px 0px;z-index: 9999;}
.PIN .PIN_INSIDE{width: 140px;height: 140px;/*position: absolute;top: 5px; left: 5px;*/}
.PIN .PIN_INSIDE img{width: 100%;height: auto;}
.PIN_FOR_PHONE{display: none;}



.COVER{width: 100%;height: auto;background: url("../images/cover_bg.jpg") no-repeat center top;}
.COVER .COVER_INSIDE{width: 950px;height: 765px;margin: 0 auto;position: relative;}
.COVER .COVER_INSIDE .BIAO_1{width: 631px;height: 65px;position: absolute;top: 196px;left: 159px;animation:bounceInDown .5s linear both .5s;}
.COVER .COVER_INSIDE .BIAO_2{width: 909px;height: 350px;position: absolute;top: 376px;left: 20px;animation:bounceInDown .5s linear both 1s;/*animation:zoomIn .3s linear both 1s;*/}




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

.LATTICE_NO11{ width: 950px;height: auto;margin: 0 auto;background-color:transparent;/*padding-bottom:10px;*/padding-top:10px;overflow:hidden;}
.LATTICE_NO11 ul{width: 940px;height: auto;margin: 0 auto;}
.LATTICE_NO11 li{width: 460px;height: 245px;background-color: #25292b;float: left;padding: 10px 10px 10px 10px;margin: 0px 5px 10px 5px;}
.LATTICE_NO11 li h6.IPHOTO{width: 225px;height: 225px;margin-right:5px;float: left;position: relative;}
.LATTICE_NO11 li h6.IPHOTO img{width: 225px;height: 225px;}
.LATTICE_NO11 li h6.IPHOTO iframe{width: 100%;height:225px;position: absolute;top: 0;left: 0;}
.LATTICE_NO11 li p{width: 210px;font-family: "微軟正黑體";text-align: left;float: left;}
.LATTICE_NO11 li p.W1{height: 48px;margin: 20px 0px; font-size: 20px; font-weight: bold;line-height: 24px;color: #12ff00;}
.LATTICE_NO11 li p.W2{height: 40px;margin-bottom: 20px; font-size: 16px;line-height: 20px;color: #eeeeee;overflow: hidden;white-space: pre-wrap;}
.LATTICE_NO11 li p.W3{height: 40px;font: bold 35px/40px Century Gothic;color: #12ff00;}
.LATTICE_NO11 li span.J1{font: 15px/15px "微軟正黑體";}
.LATTICE_NO11 li span.J2{}
.LATTICE_NO11 li span.J2:before{content: "$";font-size: 15px;}
.LATTICE_NO11 li span.J3{display:inline-block; width: 75px;height: 25px;background-image: url('../images/jiang.png');font: 15px/25px "微軟正黑體"; color: #FFF;text-indent: 2px;}
.LATTICE_NO11 li span.J4{ font: 12px/12px Century Gothic; text-decoration: line-through; color: #404040;margin-right: 3px;}
.LATTICE_NO11 li span.J4:before{content:"$";}
.LATTICE_NO11 li p.W4{height: 40px;font: bold 35px/40px Century Gothic;color: #ff3838;margin-bottom:15px;}
.LATTICE_NO11 li p.W5{width: 158px;height: 33px;border: 1px dashed #12ff00; font: bold 22px/31px "微軟正黑體";color: #eeeeee; text-align: center;}



.LANDING_INSIDE .INSIDE_BN{width: 930px;height: auto;margin: 0 auto;overflow: hidden;}
.LANDING_INSIDE .INSIDE_BN.W{width: 930px;}
.LANDING_INSIDE .INSIDE_BN img{width: 100%;height: auto;}


.LANDING_INSIDE .INSIDE_PBN{width: 940px;height: auto;margin: 0 auto;overflow: hidden;}
.LANDING_INSIDE .INSIDE_PBN h6{width: 100%;height: 85px;font: 46px/100px "微軟正黑體", "新細明體";color: #fff;text-align: center;white-space: nowrap;}
.LANDING_INSIDE .INSIDE_PBN h6 img{margin-right: -25px;}
.LANDING_INSIDE .INSIDE_PBN ul{width: 100%;height: auto;margin-top: 5px;}
.LANDING_INSIDE .INSIDE_PBN ul li{float: left;width: 225px;height: 230px;margin: 0px 5px;}
.LANDING_INSIDE .INSIDE_PBN p{display: none;}





.scrollToTop {position: fixed;width: 40px;height: 40px;background: #3f3c42;right: 5px;bottom: 5px;z-index: 999;text-align: center;display: flex;justify-content: center;align-items: center;cursor: pointer;opacity: .6;}
.scrollToTop .fas, .scrollToTop .fa {font-size: 24px;color: #fff;line-height: 1;height: 1em;}


@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{padding-bottom: 30%;}
	
    .WRAPPER .PC{display: none;}
    .WRAPPER .MB{display: block;}
	
	.PIN{display: none;position: fixed;top: 40%;right: 0%;margin: 0px 0px 0px 0px;z-index: 9999;}
/*	.PIN .PIN_INSIDE{width: 100%;height: auto;}*/
	
	.PIN_FOR_PHONE{display: block;width: 100%;padding: 0% 0% 2% 0%;;background-color: #000; position: fixed;bottom: -2%;z-index: 999;}
	.PIN_FOR_PHONE .PIN_INSIDE{width: 100%;font: bold 4.2vw/2vh "微軟正黑體";color: #fff;text-align: center;/*background: url("../images/pin2.png") no-repeat center top #000;background-size: 20%;*/}
	.PIN_FOR_PHONE .PIN_INSIDE h6{width: 100%;margin: -7% auto 0 auto;background: url("../images/pin2.png") no-repeat center top;background-size: 20%;padding: 10% 0% 5% 0%;;font: bold 6vw/6vh "微軟正黑體";}
	.PIN_FOR_PHONE .PIN_INSIDE h6 span{font: bold 3vw/2vh "微軟正黑體";}
	.PIN_FOR_PHONE .PIN_INSIDE h6 img{width: 20%;height: auto;vertical-align: sub;}
/*	.PIN_FOR_PHONE .PIN_INSIDE h6:before{content: url("../images/pin3.png");}*/
	
	

    .COVER{width: 100%;height: 0;padding-bottom: 118.52%;background-size: cover;}
	.COVER .COVER_INSIDE{width: 100%;height: 0;padding-bottom: 118.52%;/* margin: 0 auto;position: relative;*/}
	.COVER .COVER_INSIDE .BIAO_1{width: 82%;height: auto;position: absolute;top: 23%;left: 10%;}
	.COVER .COVER_INSIDE .BIAO_1 img{width: 100%;height: auto;}
	.COVER .COVER_INSIDE .BIAO_2{width: 90%;height: auto;position: absolute;top: 26%;right: 5%;}
	.COVER .COVER_INSIDE .BIAO_2 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;}
		
	.LATTICE_NO11{margin: 0 auto;width: 100%;height: auto;padding-bottom:1%;padding-top:2.5%;overflow:hidden;}
	.LATTICE_NO11 h5{width:100%;height:auto; text-align:center;font: bold 2em/2.2em "微軟正黑體"; color: #FFF;white-space:nowrap;}
	.LATTICE_NO11 ul{width:98%;height: auto;margin: 0 auto;}
	.LATTICE_NO11 li{width: 48%;height:auto;float: left;padding:2% 2%;margin: 0% 1% 2% 1%;}
	.LATTICE_NO11 li h6.IPHOTO{width: 100%;height:0;padding-bottom:100%;margin-right: 15px;float: left;position: relative;}
	.LATTICE_NO11 li h6.IPHOTO img{width: 100%;height:auto;}
	.LATTICE_NO11 li h6.IPHOTO iframe{width: 100%;height:100%;position: absolute;top: 0;left: 0;}
	.LATTICE_NO11 li p{width:100%;font-family: "微軟正黑體";text-align:center;float: left;overflow: hidden;}
	.LATTICE_NO11 li p.W1{margin: 1% 0% 2% 0%;height:4vh; font-size:1.05em; font-weight: bold;line-height:1.3em;padding-bottom: 1%;}
	.LATTICE_NO11 li p.W2{font-size:0.95em;line-height:1.1em;overflow: hidden;margin-bottom:0.5%;}
	.LATTICE_NO11 li p.W3{font: bold 1.7em/32px Century Gothic;margin-bottom:0%;}
	.LATTICE_NO11 li span.J1{font: 0.5em/0.5em "微軟正黑體";}
	.LATTICE_NO11 li span.J2{}
	.LATTICE_NO11 li span.J2:before{content: "$";font-size:0.5em;}
	.LATTICE_NO11 li span.J3{display:inline-block; width:65px;height:25px;background-image: url('../images/jiang-s.png');font: 0.45em/25px "微軟正黑體";text-indent:0.3em;text-align: left;}
	.LATTICE_NO11 li span.J4{ font: 12px/12px Century Gothic; text-decoration: line-through; color: #404040;margin-right: 1%;}
	.LATTICE_NO11 li span.J4:before{content:"$";}
	.LATTICE_NO11 li p.W4{height: 32px;font: bold 1.7em/32px Century Gothic;color: #ff3838;margin-bottom:5%;}
	.LATTICE_NO11 li p.W5{width: 100%;height: 30px;border: 1px dashed #12ff00; font: bold 1em/30px "微軟正黑體";}

    
    
	.LANDING_INSIDE .INSIDE_BN{width: 100%;overflow: hidden;}
	.LANDING_INSIDE .INSIDE_BN.W{width: 100%;}
	.LANDING_INSIDE .INSIDE_BN.W img{width: 110%;margin-left: -5%;}

    .LANDING_INSIDE .INSIDE_PBN{width: 100%;height: auto;}
	.LANDING_INSIDE .INSIDE_PBN h6{width: 100%;height: auto;font: 6vw/12vw "微軟正黑體", "新細明體";margin-left: -2%;padding: .5%;}
	.LANDING_INSIDE .INSIDE_PBN h6 img{width: 14%;height: auto;margin-right: -5%;margin-top: -2.8vw;}
	.LANDING_INSIDE .INSIDE_PBN ul{width: 96%;height: auto;overflow: hidden;margin: 0 auto;}
	.LANDING_INSIDE .INSIDE_PBN ul li{width: 48%;height: auto;margin: 0% 1% 2% 1%;}
	.LANDING_INSIDE .INSIDE_PBN ul li img{width: 100%;height: auto;}
    .LANDING_INSIDE .INSIDE_PBN p{display: block;width: 92%;font: 4vw/6vw "微軟正黑體", "新細明體";color: #fff;text-align: center;margin: 0 auto;letter-spacing: 1px;}
    
	footer{display: none;/* min-height: 40px; margin-bottom: 4%;*/}
	

}