@charset "utf-8";
/* CSS Document */
html,body{margin:0;height: 100%;}
body {height: 100%;width: 100%;margin: 0;padding: 0;}
body{font-size:100%;line-height: 1.5; font-family: "微軟正黑體", "LiHei Pro", Gotham, "Helvetica Neue", Helvetica, Arial, "sans-serif"; color: #424242; position: relative; background-color: #fadbea;}
a:focus{outline:0;}
a{text-decoration:none; color: #000;}
a:hover{text-decoration:none; color: #000;}
img{border: 0 none; line-height:0; display: block;}
form {margin:0;	padding:0;}
ul, ul li {margin: 0;padding: 0;  list-style-type: none;}
dl, dt, dd {margin: 0;padding: 0;}
dl {height: 1%;}
button{border:0 none; cursor:pointer;padding: 0;margin: 0;background: transparent;}
.clearfix:before,.clearfix:after {content: "";display: table;height: 0;overflow: hidden;}
.clearfix:after {clear: both;}
.clearfix {	zoom: 1;}
h1,h2,h3,h6,p{margin:0;padding: 0;}
/*-------------------------------------Globe------------------------------------------------*/
.Container{ background:url(../images/Splash.jpg) no-repeat top center,url(../images/MiddleBg.png)no-repeat center 780px;}
/*.Container{background: url(../images/main.jpg) no-repeat top center;}*/
.Wrapper{ width: 960px;margin: auto; }
.Header{position: relative;height: 880px;}
.Form{background: url(../images/Code.png)no-repeat;width: 373px;height: 177px;position: absolute;bottom: 250px;right: 58px;}
.Form fieldset{border:0 none;padding: .35rem 0 1.75rem; margin:0;}
.Form label{display: block;font-size: 1.8rem;font-weight: bold;text-indent: -9999px;height: 3.5em;    height: 0;padding:0 0 18%;}
.Form input{padding: .5em .6em;display: inline-block;border: 1px solid #ccc;box-shadow: inset 0 1px 3px #ddd;border-radius: 4px;vertical-align: middle;box-sizing: border-box;font-size: 1rem;width: 70%;margin: 0 0 0 1.5rem;}
.Form .FormMessage{font-size: .8rem;margin: 0 0 .5rem;}
.Form button{background: #ff6392;padding: .3rem;color: #fff;font-size: 1.8rem;border-radius: 60%;vertical-align: middle;line-height: 1.49;}
.Nav ul{width: 960px; height: 60px;}
.Nav ul li{ float: left;}
.Nav ul li a{text-indent: -9999px; display: block;height: 60px;background: url(../images/tab.png)no-repeat; }
.Nav ul li:nth-child(1) a{width: 315px; background-position: 0 0;}
.Nav ul li:nth-child(1).Current a{ background-position: 0 -60px;}
.Nav ul li:nth-child(2) a{width: 290px; background-position: -315px 0;}
.Nav ul li:nth-child(2).Current a{ background-position: -315px -60px;}
.Nav ul li:nth-child(3) a{width: 310px;background-position: -605px 0;}
.Nav ul li:nth-child(3).Current a{background-position: -605px -60px;}
.ItemPost{ background-color: #fde5e9;margin:auto;box-shadow: -2.298px 1.928px 10px 0px rgba(151, 64, 68, 0.24),-4.596px 3.857px 32px 0px rgba(213, 128, 136, 0.59);}
.Content{margin-top: -205px;position: relative;z-index: 9;padding-bottom: 50px;}
#tab02 img{text-align: center;margin:auto;}
#tab02.ItemPost{position: relative;}
.MackupBrandList{ -moz-column-count:2;-moz-column-width: 50%;-webkit-column-count:2;-webkit-column-width: 50%;column-count: 2;column-width: 50%;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.MackupBrandList li{width:100%;}
.MackupBrandList li a{width:100%;display: inline-block;text-indent: -9999px;height: 0; }
.MackupBrandList li:nth-child(1) a{padding-bottom: 160%;}
.MackupBrandList li:nth-child(2) a{padding-bottom: 150%;}
.MackupBrandList li:nth-child(3) a{padding-bottom: 110%;}
.MackupBrandList li:nth-child(4) a{padding-bottom: 90%;}
.MackupBrandList li:nth-child(5) a{padding-bottom: 100%;}
.MackupBrandList li:nth-child(6) a{padding-bottom: 180%;}
.MackupBrandList li:nth-child(7) a{padding-bottom: 140%;}
.MackupBrandList li:nth-child(8) a{padding-bottom: 140%;}
.MackupBrandList li:nth-child(9) a{padding-bottom: 80%;}
.MackupBrandList li:nth-child(10) a{padding-bottom: 90%;}
.ActivityLink{display: block;height: 0;padding-bottom: 67%;text-indent: -9999px;}
.AdBanner{margin-bottom: 10px;}
.AdBanner ul li { display: inline-block; width: 30.9%; margin: 0 1%; position: relative;}
.AdBanner ul li:after{    content: "";border-right: 1px solid #bf3a97;left: -6%;position: absolute;height: 65px;top: 34%;}
.AdBanner ul li:nth-child(1):after{display: none;}
.AdBanner ul li:nth-child(2):after{left: 4%;}
.AdBanner ul li a{ display: block;  text-indent: -9999px;}
.LinkDetail{display: block;text-indent: -99999px;width: 100%;height: 0;padding-bottom: 10%;}


@media screen and (max-width:768px){
	.Wrapper{ width: 100%; }
	.Theme{margin: 0;}
	img{width: 100%;height: auto;}
	.Form{width: 90%;background-size: 100%;bottom: 0;right: 0;margin: auto;height: auto;position: inherit;padding-top: 0%;}
	.Content{margin: 0;}
	.Container{background:url(../images/Splash_m.jpg) no-repeat top center,url(../images/MiddleBg.png)no-repeat center 780px; background-size: 200%; }
	.Header{height: auto;}
	.Nav ul{width: 100%;display: flex;height: auto;}
	.Nav ul li{flex: 1;    margin: 0 1%;}
	.Nav ul li a{text-indent: 0;text-align: center;background: #9798e6 none; color: #fff;padding: 4% 0 0 ; height: 30px;}
	.Nav ul li:nth-child(1) a{width: 100%;}
	.Nav ul li:nth-child(2) a{width: 100%;}
	.Nav ul li:nth-child(3) a{width: 100%;}
	.Nav ul li.Current a{background: #f56091 none;}
	.MackupBrandList li:nth-child(1) a{padding-bottom: 170%;}
	.MackupBrandList li:nth-child(2) a{padding-bottom: 150%;}
	.MackupBrandList li:nth-child(3) a{padding-bottom: 120%;}
	.MackupBrandList li:nth-child(4) a{padding-bottom: 90%;}
	.MackupBrandList li:nth-child(5) a{padding-bottom: 120%;}
	.MackupBrandList li:nth-child(6) a{padding-bottom: 200%;}
	.MackupBrandList li:nth-child(7) a{padding-bottom: 140%;}
	.MackupBrandList li:nth-child(8) a{padding-bottom: 140%;}
	.MackupBrandList li:nth-child(9) a{padding-bottom: 100%;}
	.MackupBrandList li:nth-child(10) a{padding-bottom: 90%;}
	.AdBanner ul li{width:29.9%;}
	.AdBanner ul li:after{height: 35px;}


}