@charset "UTF-8";
/* CSS Document */

	body{margin: 0;}
	.qodef-container-inner{width: 100%;}
.qodef-title .qodef-title-holder{width: 1100px;margin: auto;}
	.div_body sapn{font-weight: bold;}
	.div_body{background: url(https://premiumgoat.karihome.com.tw/20190719/img/bg.png)center top;font-weight: 500;margin-top: -45px;}
	.div_body2{background: url(https://premiumgoat.karihome.com.tw/20190719/img/p_bg.png)center top;}
	#section1{background: url(https://premiumgoat.karihome.com.tw/20190719/img/kv_bg.png)center top no-repeat;background-size: 1920px 499px;}
	#section3{background: url(https://premiumgoat.karihome.com.tw/20190719/img/sec01_bg.jpg)center top no-repeat;background-size: 1920px 229px;}
	.star_active{position:absolute;width: 100%;height: 429px;z-index: 2;}
	#section3 .star_active{height: 229px;}
	.star_active::before{animation: starActive 1s ease-in-out 1s infinite alternate;z-index: 3;width: 100%;height: 100%;}
	.star_active::before{content: '';opacity: .4;position: absolute;top:0;left: 0; background: url(https://premiumgoat.karihome.com.tw/20190719/img/bg_light.png)center top no-repeat;background-size: 1920px 429px;}
	#section3 .star_active::before{content: '';opacity: .4;position: absolute;top:0;left: 0; background: url(https://premiumgoat.karihome.com.tw/20190719/img/sec02_bg.jpg)center top no-repeat;background-size: 1920px 229px;}
	.kv::after,.pkv::after{animation: starActive 1s ease-in-out 0s infinite alternate;z-index: 4;top: 30%;left: 55%;padding:5% 4%;}
	.kv::after,.pkv::after{content: '';opacity: .4;position: absolute;background: url(https://premiumgoat.karihome.com.tw/20190719/img/light.png)center top no-repeat;background-size: 100%;}
	.pkv::after{top: 39%;left: 50%;padding: 3% 2%;}
@keyframes starActive {
  from{
    opacity: .4;

  }
  to{
    opacity: 1;
  }
}
	
#gotop{width: 3em;height: 3em;display: none;position: fixed;right: 20px;bottom: 20px;cursor: pointer;z-index: 999;}
#gotop a{color: #fff;position:absolute; top:50%; left:50%;
transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%); /* IE 9 */
-moz-transform:translate(-50%,-50%); /* Firefox */
-webkit-transform:translate(-50%,-50%); /* Safari and Chrome */
-o-transform:translate(-50%,-50%);}
	
	.kv,.pkv{position:relative;z-index: 10;text-align: center;}
	#section2{position: relative;z-index: 10;text-align: center;font-size: 16px;line-height: 1.6;}
	.div_body .warp{width: 1100px; margin: auto;}
	#section2 .warp,#section4 .warp{padding:2em 0;margin: auto;box-sizing: border-box;}
	#section2 .warp div{width: 30%;margin: 1% 1% 2em; display: inline-block;background-color: #fff;border-radius: 30px;box-shadow: 2px 2px 10px rgba(175, 127, 47, .4);overflow: hidden;vertical-align: top;}
	#section2 p a,#section4 .p_txt a{font-weight: 500;display:inline-block;padding: .4em 1em;margin: 1em auto .6em;background-color: #af7f2f;color: #fff; border-radius: 30px;font-size: 120%;text-decoration: none;letter-spacing: 2;box-shadow: 2px 2px 2px rgba(175, 127, 47, .4)}
	#section2 p a::after{content: '繼續閱讀';}
	#section4 .p_txt a::after{content: '回上頁';padding: .4em 1.4em;}
	#section2 sapn{background-color: #af7f2f;display: block;color: #fff;font-size: 105%;text-align: left;padding: 8% 0;}
	#section2 sapn img{width: 24%;float: left; margin: -3% 2% 0 7%;border-radius: 50%;}
	#section2 sapn strong{font-size: 120%;display: block;}
	#section2 p font{text-align: right;width: 100%;display: block;}
	#section2 p {padding: 0 1.4em;text-align: left;}
	#section2 p small{font-size: 100%;color: #af7f2f;font-weight: bold;}
	#section2 p strong{color: #004898;font-size: 120%;display: block;margin-bottom: .4em;}
	.p_txt p strong{color: #004898;font-size: 120%;display: block;}
	.p_txt p {text-align: left;margin-bottom: 1.6em;}
	.p_txt ol,.p_txt ul{list-style-position: outside;padding-left: 1.4em;margin:0 auto 1.6em;text-align: left;}
	#section4 sapn{background-color: #af7f2f;display: block;color: #fff;font-size: 105%;text-align: left;padding: 3% 0;}
	#section4 sapn img{width: 33%;
    float: left;
    margin: 0% 4% 8% 5%;
    border-radius: 50%;
    border: solid 4px #af7f2f;}
	#section4 sapn strong{font-size: 120%;display: block;}
	#section4 .p_div{width: 70%;margin: 1% auto; display: table;background-color: #fff;border-radius: 30px;overflow: hidden;box-shadow: inset 0 0 0 2px #af7f2f;/*border: solid 2px #af7f2f;*/}
	.p_div p{color: #af7f2f;text-align: left;padding-left: 44%;margin-bottom: 1em;}
	.p_txt{text-align: center;width: 76%;margin: 1% auto; display: block;background-color: #fff;border-radius: 15px;box-shadow: 2px 2px 10px rgba(175, 127, 47, .4);overflow: hidden;line-height: 1.8;
    padding: 2em 3em;
    box-sizing: border-box;}
	.p_tit{font-size: 125%;color: #af7f2f;display: block;text-align: left;padding-left: 1em;position: relative;font-weight: bold;margin-bottom: 50px;}
	.p_tit small{font-size: 90%;color: #000;display: block;position: absolute;bottom: 0;right: 0;}
	.p_tit strong{font-size: 130%;display: block;margin-top: -8px;}
	.p_tit::before{content: '';display: block;position: absolute;width: .4em;height: 80%;top: 10%;left: 0;background-color:#af7f2f;}
	.pc{display: block;}
	.sp{display: none;}
@media screen and (min-width: 2px) and (max-width: 800px){
	.qodef-title .qodef-title-holder {width: 300px;margin: auto;}
	.sp{display: block;}
	.pc{display: none;}
	.div_body .warp{width:100%;}
	.div_body img {width: 100%;}
	.kv_sp{animation: starActive 1s ease-in-out 1s infinite alternate;z-index: 3;width: 100%;height: 100%;position: absolute;}
.kv::after, .pkv::after {
    animation: starActive 1s ease-in-out 0s infinite alternate;
    z-index: 7;
    top: 16%;
    left: 46%;
    padding: 9% 7%;
}
	#section2 .warp div {
    width: 90%;
	margin: 1% 1% 11%;}
	.p_txt {
    width: 95%;
    padding: 2em 1em;
}
	.p_tit small {
    position: absolute;
    bottom: -30px;
    left: 0;
}
	#section4 .p_div {
		width: 100%;text-align: center;}
	#section4 sapn img {
		width: 19%;margin: 0% 4% 0% 5%;}
	.p_div p {display: inline-block;padding-left: 0;}
	
	#section2 p small {
    font-size: 120%;
    font-weight: bold;
}
	#section2 p strong {
		font-size: 140%;}
	}/**/