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


/*預設變數*/
:root {
  --Color-Pink: #f87676;
  --Color-White: #fff;
  --Color-Gray: #efefef;
  --Color-DarkGray: #747474;
  --Color-Blue: #2055FC;
  
  --DivBGColor-Default: #efefef;
  --DivBGColor-Pink: #f87676;
  --DivBGColor-White: #fff;
  --DivBGColor-Gray: #efefef;
  
  //--DivBGColor-FootIcon: #175492;
  --DivBGColor-FootIcon: #f87676;
  --FontColor-Pink: #f87676;
  
}


/*匯入：Google字型*/
//@import url('https://fonts.googleapis.com/earlyaccess/cwtexkai.css');
@import url('https://fonts.googleapis.com/earlyaccess/cwtexyen.css'); /* 匯入：Google字型（楷體）*/
@import url('https://fonts.googleapis.com/earlyaccess/cwtexfangsong.css'); /* 匯入：Google字型（圓體）*/
@import url('https://fonts.googleapis.com/earlyaccess/notosanstc.css'); /* 匯入：Google字型（仿宋體）*/
@import url('https://fonts.googleapis.com/earlyaccess/cwtexming.css'); /* 匯入：Google字型（黑體）*/
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+TC'); /* 匯入：Google字型（明體）*/
@import url('https://fonts.googleapis.com/css?family=Noto+Serif+TC');

body {
  //font-family: 'Microsoft YaHei', 'Noto Sans TC', sans-serif, serif, 'cwTeXKai', PMingLiU;
  font-family: "Helvetica Neue", Helvetica, Arial, "微軟正黑體", "微软雅黑", "メイリオ", "맑은 고딕", sans-serif !important;
  //font-family: 'cwTeXYen', sans-serif; /* 使用：Google字型（楷體） */
  //font-family: 'cwTeXFangSong', serif; /* 使用：Google字型（圓體） */
  //font-family: 'Noto Sans TC', sans-serif; /* 使用：Google字型（仿宋體） */
  //font-family: 'cwTeXMing', serif; /* 使用：Google字型（黑體） */
  //font-family: 'Noto Sans TC', sans-serif; /* 使用：Google字型（明體） */
  //font-family: 'Noto Serif TC', serif;
}

img
{
  height: auto; 
  max-width: 100%;
}
hr{
  max-width: 800px;
}

/*==================================*/

/*預設常用樣式元素（）*/
.NoMargin {
  margin:0px;
}
.SmallMargin {
  margin:2px;
}

.NoPadding {
  padding:0px;
}
.Margin-6 {
  margin:6px;
}

.Div-Center {
  text-align:center;
}
.Div-Left {
  text-align:left;
}

.Div-Default-Weight {
  max-width: 1000px;
}

.Div-BGColor {
  //background-color: #efefef;
  background-color: var(--DivBGColor-Default);
}
.Div-BGColor-Pink {
  background-color: var(--Color-Pink);
}
.Div-BGColor-White {
  background-color: var(--DivBGColor-White);
}
.Div-BGColor-Gray {
  background-color: var(--DivBGColor-Gray);
}
.Div-BGColor-Blue {
  background-color: var(--DivBGColor-Blue);
}
.Div-BGColor-FootIcon {
  background-color: var(--DivBGColor-FootIcon);
}
.Div-Shadow {
  -webkit-box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
  box-shadow: 0 3px 9px rgba(0, 0, 0, .5);
}

/*==================================*/

/*預設常用樣式元素（字體）*/
.Font-Shadow {
  text-shadow: 0.05em 0.05em 0.2em #5A5A5A;
}
.Font-Weight {
  font-weight: bolder;
}
.Font-Justify {
  text-justify: distribute-all-lines;
  text-align-last: justify;
}
.Font-Align-Left {
  text-align:left;
}

.BigFont {
  //font-family: arial,"Microsoft JhengHei",sans-serif !important;
  //font-family: "Microsoft JhengHei", "cwTeXYen";
  font-size: 30px;
  font-weight: bolder;
  text-justify: distribute-all-lines;
  text-align-last: justify;
  text-shadow: 0.05em 0.05em 0.2em #5A5A5A;
}
.BigFont-Div {
  height: 100px;
  line-height: 100px;
}
.BigFont-Color {
  color: #000;
}


.Font-Color-White {
  color: #fff;
}
.Font-Color-Pink {
  color: var(--Color-Pink);
}
.Font-Color-Gray {
  color: var(--Color-Gray);
}
.Font-Color-Blue {
  color: var(--Color-Blue);
}


/*==================================*/

/*預設常用樣式元素（圖片）*/
.img-footer-icon {
  max-width: 100px;
}





/*==================================*/


/*隨螢幕尺寸而變，當螢幕尺寸 ≥ 1200px 時是 1140px*/
.DivMaxWidth {
  max-width: 1000px;
}

.Header {
  //height: 52px;
  //max-width: 1000px;
  padding:0px;
}

.Header .Logo {
  width: 270px;
  //height: 70px;
  overflow: hidden;
  float: left;
}
.Header .Logo a {
  display: block;
  width: 100%;
  //height: 60px;
  overflow: hidden;
  //background: url(../../images/logo.png) no-repeat center;
  background: url(../../images/logo_05.png) no-repeat left center;
  //background: url(http://smallrole.ddns.net/jdauspice/crowdfunding/v3/images/logo.png) no-repeat left center;
  text-indent: -9999px;
}

/* 導航選單 */
.navbar {
  //margin:2px;
  //margin-top: 0px;
  //margin-right: 0px;
  margin-bottom: 4px;
  //margin-left: 0px;
}


/*選單相關（開始）*/
.TopMenu-Font-Text-Align {
  text-align:left;
}
/*選單相關（結束）*/



/* 橫幅BANNER */
.DivByWeightBanner {
    width: 100%;
    height: 400px;
    //background-image: url("../../images/bg_03.jpg");
    background-image: url("../../images/banner/banner_01.png");
}


/* 輪播Banner */
.carousel-caption {
  background-color:#ffffff;
  opacity: 0.6;
  
  padding:0px;
  height: 70px;;
}
.carousel-caption h4 {
  opacity: 1.0;
  //color:#000000;
  color:#FF0000;
  text-shadow: 0.05em 0.05em 0.2em #5A5A5A;
  font-weight: bolder;
  position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明 */
}
.carousel-caption p {
  opacity: 1.0;
  color: #454545;
  text-shadow: 0.05em 0.05em 0.2em #5A5A5A;
  font-weight: bolder;
  position: relative;/* 设置子元素为相对定位，可让子元素不继承Alpha值，保证字体颜色不透明 */
}
#slider {
  //margin-top: 50px;
}
#slider .item {
  height: 300px;
}
#slider1 {
  background-image: url('../../images/banner/2000x300/banner_01.jpg');
  //background-position:left;
  background-position:65%;
}
#slider2 {
  background-image: url("../../images/banner/2000x300/banner_02.jpg");
  //background-position:center;
  background-position:70%;
}
#slider3 {
  background-image: url("../../images/banner/2000x300/banner_03.jpg");
  //background-position:center;
  background-position:90%;
}
#slider4 {
  background-image: url("../../images/banner/2000x300/banner_04.jpg");
  //background-position:right;
  background-position:90%;
}
#slider5 {
  background-image: url("../../images/banner/2000x300/banner_05.jpg");
  //background-position:center;
  background-position:90%;
}
@media (min-width: 768px) {
  #slider1 {
    background-position:center;
    //background-position:70%;
    //background-position:50%;
  }
  #slider2 {
    background-position:center;
    //background-position:50%;
  }
  #slider3 {
    background-position:center;
    //background-position:50%;
  }
  #slider4 {
    background-position:center;
    //background-position:50%;
  }
  #slider5 {
    background-position:center;
    //background-position:50%;
  }
}




/*【關於全民電廠】區塊（政府立案）*/
.DivByGovernment {
  height: 50px;
  line-height: 50px;
  
  font-size: 20px;
  font-weight: bolder;
  //font-weight: 900;
  //font-family: "cwTeXMing";
  color: #fff;
  
  //background-color: #175492;
  background-color: var(--Color-Pink);
  
}
.DivByGovernment {
　text-align: justify;
　text-justify: inter-ideograph;
　-ms-text-justify: inter-ideograph; /*IE9*/
　-moz-text-align-last:justify; /*Firefox*/
　-webkit-text-align-last:justify; /*Chrome*/
}
.DivByGovernment:after {
　content: ”;
　display: inline-block;
　width: 100%;
}
.DivByGovernment br {
  display: block;
  margin: 4px 0;
}



/*【關於全民電廠】收益拉霸（iFrame）*/
.iFrame-MyIncome {
  max-width: 1000px; //修改寬度
  
  height: 0;
  top: 0px;
  left: 0px;
  padding-bottom: 150px; /*you can also use percentage*/
  
  background-color: var(--DivBGColor-Default);
  border:none;
}
.iFrame-MyIncome iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  //max-width: 900px;
  height: 99%;
  background-color: var(--DivBGColor-Default);
  
  border:none;
}


/*【出資說明】*/
.InvestStep-Content-Div-1 {
  font-size: 24px;
  height:80px;
  line-height:80px;
}
.InvestStep-Content-Div-2 {
  font-size: 18px;
  text-align: left;
}


/*【出租屋頂說明】*/
.RentDescription-Content-Div-1 {
  font-size: 30px;
  color: var(--Color-Pink);
}

.RentDescription-Content-Div-2 {
  font-size: 18px;
  color: var(--Color-DarkGray);
}

.RentDescription-Content-Div-3 {
  font-size: 30px;
}
.RentDescription-Content-Div-4 {
  font-size: 18px;
}