LOADING...

Preview

Pen ID
Unlock Campus Themeforest adv

 

Code






2014淨土大經科註 0508集

日本
德國
聯通
香港
電信
華藏
音頻
視頻

影音資料

※ 滑鼠左鍵雙擊切換豎橫排 妙法蓮華經觀世音菩薩普門品  (第十集)  1983/12  台灣景美華藏圖書館  檔名:08-004-0010 請掀開經本,八百二十九面第三行,這是第三個小段,「王民身」,王是指的國王,民是指一般民眾: 【應以小王身得度者。即現小王身而為說法。應以長者身得度者。即現長者身而為說法。應以居士身得度者。即現居士身而為說法。應以宰官身得度者。即現宰官身而為說法。應以婆羅門身得度者。即現婆羅門身而為說法。】

這一段這是講我們世間的人道。『小王』就是人間的國王,人間國王為什麼稱之為小王?比起天王要小,比起轉輪聖王也要小,所以稱之為小王。這一段可以說在世間、在社會上都是有相當地位的人。也能夠看出我們一般人的志趣是不相同的,像此地講的國王、『長者』、『宰官』,在今日之下來說,都是從事於政治工作的人,就是從政人員,他對於政治上有愛好,喜歡從政。從政也是服務於老百姓,孫中山先生說得很好,政治是服務於老百姓的,是以這個為目的。我們中國自古以來所謂政者正也,為政以道,為政以德,就是以道德來治理國家、來教化老百姓。 人王,實際上講他是包括轉輪聖王。但是本經裡面講的是小王身,小王似乎不包括轉輪聖王,就是專指世間的國王,像現在民主國家裡面的總統、元首,指這樣身分的人。如果有人發心想做一個全國的領導人物,觀音菩薩也能夠幫助他達成願望,那就是也示現國王的身分。示現一個非常仁慈的國王,來給他談論治國平天下的大道理,希望他能做個有道的明君,將國家治理好。這是現同類身來為他說法。亦有人發願,今生是不行了,身分、地位都沒有辦法達到那麼高,有些學佛的人,甚至於還有出家人,我就遇到過一位法師,他告訴我,他希望來生做國王,今生這個修持希望來生能做國王。他說,我做了國王,我才能護法。 確實佛法的護持,你看釋迦牟尼佛在經典裡面都是囑咐於國王大臣,沒有國家的力量來護持,佛法沒有辦法弘揚光大,可以說當年在印度都是些國王護法。佛法傳到中國來,可以說從漢朝一直到清朝,也都是帝王來護持,歷代的帝王都是皈依三寶的,都是三寶弟子。所以佛法對於我們中國文化,早就融成一體,這個影響是太深遠了,有這個道理在。如果要想,就是來生要想做國王護法,也不是像我們這樣散亂的修行就可以,要真正發仁慈之心,要與眾生廣結法緣。現在是民主社會,不是專制,專制又好辦,那個皇帝你投生到他家裡,做了王太子,就可以繼承王位,現在不行。現在做總統要全國老百姓選舉,你要跟這些老百姓沒有緣分,他不投你的票,所以你要廣結善緣。你緣結多了,你有意思出來從政,大家擁戴你,都來投你的票。可見得現在社會制度跟從前不一樣。

這一段這是講我們世間的人道。『小王』就是人間的國王,人間國王為什麼稱之為小王?比起天王要小,比起轉輪聖王也要小,所以稱之為小王。這一段可以說在世間、在社會上都是有相當地位的人。也能夠看出我們一般人的志趣是不相同的,像此地講的國王、『長者』、『宰官』,在今日之下來說,都是從事於政治工作的人,就是從政人員,他對於政治上有愛好,喜歡從政。從政也是服務於老百姓,孫中山先生說得很好,政治是服務於老百姓的,是以這個為目的。我們中國自古以來所謂政者正也,為政以道,為政以德,就是以道德來治理國家、來教化老百姓。 人王,實際上講他是包括轉輪聖王。但是本經裡面講的是小王身,小王似乎不包括轉輪聖王,就是專指世間的國王,像現在民主國家裡面的總統、元首,指這樣身分的人。如果有人發心想做一個全國的領導人物,觀音菩薩也能夠幫助他達成願望,那就是也示現國王的身分。示現一個非常仁慈的國王,來給他談論治國平天下的大道理,希望他能做個有道的明君,將國家治理好。這是現同類身來為他說法。亦有人發願,今生是不行了,身分、地位都沒有辦法達到那麼高,有些學佛的人,甚至於還有出家人,我就遇到過一位法師,他告訴我,他希望來生做國王,今生這個修持希望來生能做國王。他說,我做了國王,我才能護法。

這一段這是講我們世間的人道。『小王』就是人間的國王,人間國王為什麼稱之為小王?比起天王要小,比起轉輪聖王也要小,所以稱之為小王。這一段可以說在世間、在社會上都是有相當地位的人。也能夠看出我們一般人的志趣是不相同的,像此地講的國王、『長者』、『宰官』,在今日之下來說,都是從事於政治工作的人,就是從政人員,他對於政治上有愛好,喜歡從政。從政也是服務於老百姓,孫中山先生說得很好,政治是服務於老百姓的,是以這個為目的。我們中國自古以來所謂政者正也,為政以道,為政以德,就是以道德來治理國家、來教化老百姓。 人王,實際上講他是包括轉輪聖王。但是本經裡面講的是小王身,小王似乎不包括轉輪聖王,就是專指世間的國王,像現在民主國家裡面的總統、元首,指這樣身分的人。如果有人發心想做一個全國的領導人物,觀音菩薩也能夠幫助他達成願望,那就是也示現國王的身分。示現一個非常仁慈的國王,來給他談論治國平天下的大道理,希望他能做個有道的明君,將國家治理好。這是現同類身來為他說法。亦有人發願,今生是不行了,身分、地位都沒有辦法達到那麼高,有些學佛的人,甚至於還有出家人,我就遇到過一位法師,他告訴我,他希望來生做國王,今生這個修持希望來生能做國王。他說,我做了國王,我才能護法。

CSS
@charset "UTF-8";
.clear_padding_left {
  padding-left: 0 !important;
}

.clear_padding_right {
  padding-right: 0 !important;
}

.padding_left_10 {
  padding-left: 10px;
}

.padding_left_15 {
  padding-left: 15px;
}

.padding_left_20 {
  padding-left: 20px;
}

.padding_right_10 {
  padding-right: 10px;
}

.padding_right_15 {
  padding-right: 15px;
}

.padding_right_20 {
  padding-right: 20px;
}

* {
  -webkit-transition: 0.5s;
  transition: 0.5s;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

body {
  background-color: #DFDDCF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-flow: column;
          flex-flow: column;
  min-height: 100vh;
}

main {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
  background-image: url("https://firebasestorage.googleapis.com/v0/b/freeimgbed.appspot.com/o/background.png?alt=media&token=fb0b3fb8-ea86-4f88-ad9d-6bc859119387");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% 100%;
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
  font-weight: bold;
}

section {
  padding-top: 15px;
  padding-bottom: 15px;
}
section .container .header {
  padding-bottom: 15px;
  overflow: hidden;
  position: relative;
}
section .container .header h3.title {
  color: #B79E78;
  position: relative;
  overflow: hidden;
}
section .container .header h3.title hr {
  width: 85%;
  margin: 0;
  border-top: solid 2px #C7C3B6;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  section .container .header h3.title hr {
    width: 82%;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  section .container .header {
    padding-bottom: 35px;
  }
  section .container .header h3.title {
    font-size: 32px;
    overflow: visible;
  }
  section .container .header h3.title hr {
    width: 100%;
    top: 150%;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
@media screen and (max-width: 767px) {
  section .container .header {
    padding-bottom: 25px;
  }
  section .container .header h3.title {
    font-size: 24px;
    overflow: visible;
  }
  section .container .header h3.title hr {
    width: 100%;
    top: 150%;
    -webkit-transform: translateY(0%);
            transform: translateY(0%);
  }
}
#navigation nav.navbar {
  background-color: #DFDDCF;
  border-radius: 0;
  margin-bottom: 0;
}
#navigation nav.navbar a {
  color: #000000;
}
#navigation nav.navbar #navbar li {
  font-size: 18px;
}
#navigation nav.navbar #navbar li a {
  padding: 0px 25px;
  line-height: 72px;
  margin: 0 0;
  overflow: hidden;
}
#navigation nav.navbar #navbar li a:focus {
  background-color: inherit;
}
#navigation nav.navbar #navbar li a:hover, #navigation nav.navbar #navbar li a:focus {
  background-color: inherit;
}
#navigation nav.navbar #navbar li a:hover:after, #navigation nav.navbar #navbar li a:focus:after {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}
#navigation nav.navbar #navbar li a:after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  bottom: 16px;
  right: 0;
  -webkit-transform: translateX(-100%);
          transform: translateX(-100%);
  -webkit-transition: 0.5s;
  transition: 0.5s;
  opacity: 0;
  border-bottom: solid 3px #CC9933;
}
#navigation nav.navbar #navbar li a.active:after {
  opacity: 1;
  -webkit-transform: translateX(0%);
          transform: translateX(0%);
}

.container-fluid {
  padding: 0px 15px;
}
.container-fluid .navbar-header {
  margin-left: 0;
  margin-right: 0;
}
.container-fluid #navbar {
  margin-left: 0;
  border: none;
}

@media screen and (min-width: 992px) {
  #navigation nav.navbar .navbar-header {
    position: absolute;
  }
  #navigation nav.navbar #navbar .navbar-nav {
    width: 100%;
    margin-left: -30px;
    height: 72px;
    text-align: center;
  }
  #navigation nav.navbar #navbar .navbar-nav li {
    float: none;
    display: inline-block;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  #navigation nav.navbar .navbar-collapse {
    padding-left: 0;
  }
  #navigation nav.navbar .navbar-header {
    position: static;
    float: none;
  }
  #navigation nav.navbar .navbar-header img.hwadzan_logo {
    width: 126px;
    height: 124px;
  }
  #navigation nav.navbar .navbar-header img.hwadzan_text {
    width: 355.5px;
    height: 93px;
  }
  #navigation nav.navbar #navbar .navbar-nav {
    float: left;
    margin-left: -15px;
  }
  #navigation nav.navbar #navbar .navbar-nav li {
    font-size: 27px;
    padding-right: 30px;
    display: inline-block;
  }
  #navigation nav.navbar #navbar .navbar-nav li a {
    padding: 0 20px;
    line-height: 144px;
  }
  #navigation nav.navbar #navbar .navbar-nav li a:after {
    bottom: 32px;
  }
}
@media screen and (max-width: 767px) {
  #navigation nav.navbar .navbar-collapse {
    padding-left: 0;
  }
  #navigation nav.navbar .navbar-header {
    position: static;
    float: none;
  }
  #navigation nav.navbar .navbar-header img.hwadzan_logo {
    width: 63px;
    height: 62px;
  }
  #navigation nav.navbar .navbar-header img.hwadzan_text {
    width: 142.2px;
    height: 37.2px;
  }
  #navigation nav.navbar #navbar .navbar-nav {
    float: left;
    margin-left: -15px;
  }
  #navigation nav.navbar #navbar .navbar-nav li {
    font-size: 18px;
    padding-right: 0px;
    display: inline-block;
  }
  #navigation nav.navbar #navbar .navbar-nav li a {
    padding: 0 5px;
    line-height: 72px;
  }
  #navigation nav.navbar #navbar .navbar-nav li a:after {
    bottom: 16px;
  }
}
section .container .row .search, section .container-fluid .row .search {
  padding-bottom: 30px;
}
section .container .row .search .search_box, section .container-fluid .row .search .search_box {
  max-width: 400px;
  margin: 0 auto;
  text-align: center;
  vertical-align: middle;
}
section .container .row .search .search_box input.search_control, section .container-fluid .row .search .search_box input.search_control {
  max-width: 350px;
  text-align: left;
  float: left;
  background-color: #FFFFFF;
  border: solid 2px #B79E78;
  border-radius: 0;
  display: inline-block;
}
section .container .row .search .search_box input.search_control::-webkit-input-placeholder, section .container-fluid .row .search .search_box input.search_control::-webkit-input-placeholder {
  color: #666666;
}
section .container .row .search .search_box input.search_control:-ms-input-placeholder, section .container-fluid .row .search .search_box input.search_control:-ms-input-placeholder {
  color: #666666;
}
section .container .row .search .search_box input.search_control::-ms-input-placeholder, section .container-fluid .row .search .search_box input.search_control::-ms-input-placeholder {
  color: #666666;
}
section .container .row .search .search_box input.search_control::placeholder, section .container-fluid .row .search .search_box input.search_control::placeholder {
  color: #666666;
}
section .container .row .search .search_box i.fa.fa-search, section .container-fluid .row .search .search_box i.fa.fa-search {
  display: inline-block;
  height: 34px;
  line-height: 34px;
  width: 34px;
  max-width: 34px;
  color: #FFFFFF;
  background-color: #B79E78;
  border: solid 2px #B79E78;
  border-radius: 0;
  -webkit-box-shadow: none;
          box-shadow: none;
  float: left;
  text-align: center;
  cursor: pointer;
}

@media screen and (min-width: 768px) and (max-width: 991px) {
  section .container .row .search .search_box, section .container-fluid .row .search .search_box {
    max-width: 100%;
  }
  section .container .row .search .search_box input.search_control, section .container-fluid .row .search .search_box input.search_control {
    max-width: 93%;
    height: 55px;
    line-height: 55px;
  }
  section .container .row .search .search_box i.fa.fa-search, section .container-fluid .row .search .search_box i.fa.fa-search {
    max-width: 7%;
    width: 7%;
    height: 55px;
    line-height: 55px;
  }
}
@media screen and (max-width: 767px) {
  section .container .row .search .search_box, section .container-fluid .row .search .search_box {
    max-width: 100%;
  }
  section .container .row .search .search_box input.search_control, section .container-fluid .row .search .search_box input.search_control {
    max-width: 90%;
    height: 45px;
    line-height: 45px;
  }
  section .container .row .search .search_box i.fa.fa-search, section .container-fluid .row .search .search_box i.fa.fa-search {
    max-width: 10%;
    width: 10%;
    height: 45px;
    line-height: 45px;
  }
}
section .container .row .col-lg-12.navigation_bar {
  padding-left: 0;
  padding-right: 0;
  margin-bottom: 10px;
  font-size: 16px;
}
section .container .row .col-lg-12.navigation_bar span span:not(:last-child):after {
  content: "/";
  margin: 0 5px;
}
section .container .row .col-lg-12.navigation_bar span span:last-child a {
  color: #989898;
}
section .container .row .col-lg-12.navigation_bar span span a {
  text-decoration: none;
  color: #000;
}

@media screen and (max-width: 767px) {
  section .container .row .col-lg-12.navigation_bar {
    font-size: 12px;
  }
}
footer#footer_info {
  background-color: #D7D5C1;
}
footer#footer_info .container .row .col-lg-12.info {
  padding-top: 15px;
  padding-bottom: 15px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12 {
  text-align: center;
  padding-left: 0;
  padding-right: 0;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12 a {
  text-decoration: none;
  color: inherit;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.link {
  margin-bottom: 20px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.link .group {
  display: inline-block;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.link .group span:after {
  content: " | ";
  margin: 0 5px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.link .group:last-child span:last-child:after {
  content: "";
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.location {
  margin-bottom: 7px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.location span.address {
  margin-left: 3px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.location span.address:not(:last-child):after {
  content: " | ";
  margin: 0 5px;
  pointer-events: none;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.contact span:not(:first-child) {
  margin-left: 13px;
}
footer#footer_info .container .row .col-lg-12.info .col-lg-12.contact a {
  margin-left: 3px;
}

@media screen and (max-width: 991px) {
  footer#footer_info {
    background-color: #D7D5C1;
  }
  footer#footer_info .container .row .col-lg-12.info {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12 {
    text-align: left;
    padding-left: 0;
    padding-right: 0;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.link {
    margin-bottom: 25px;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.link .group {
    display: block;
    margin-top: 3px;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.location span.address {
    display: block;
    margin-left: 0;
    margin-top: 3px;
    margin-bottom: 25px;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.location span.address:not(:last-child):after {
    content: "";
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.contact span {
    display: block;
    margin-top: 3px;
  }
  footer#footer_info .container .row .col-lg-12.info .col-lg-12.contact span:not(:first-child) {
    margin-left: 0;
  }
}
main section#section_video .container .video, main section#section_video .container-fluid .video {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 0;
  padding-right: 0;
  background-color: #000;
}
main section#section_video .container .video h3.title, main section#section_video .container-fluid .video h3.title {
  color: #FFF;
  position: relative;
  left: 10px;
  top: 0;
  z-index: 10;
}
main section#section_video .container .video .player, main section#section_video .container-fluid .video .player {
  margin-bottom: 15px;
}
main section#section_video .container .video .player .player_wrap, main section#section_video .container-fluid .video .player .player_wrap {
  width: 100%;
  height: 90%;
}
main section#section_video .container .video .player .player_wrap .fms, main section#section_video .container-fluid .video .player .player_wrap .fms {
  width: 100%;
  height: 100%;
}
main section#section_video .container .video .function, main section#section_video .container-fluid .video .function {
  background-color: #232323;
  padding-top: 10px;
  padding-bottom: 10px;
}
main section#section_video .container .video .function .function_panel, main section#section_video .container .video .function .list_panel, main section#section_video .container .video .function .episode_control_panel, main section#section_video .container-fluid .video .function .function_panel, main section#section_video .container-fluid .video .function .list_panel, main section#section_video .container-fluid .video .function .episode_control_panel {
  width: 100%;
  float: left;
  position: relative;
}
main section#section_video .container .video .function .function_panel, main section#section_video .container-fluid .video .function .function_panel {
  border-bottom: solid 1px #4E4E4E;
}
main section#section_video .container .video .function .episode_control_panel > .next, main section#section_video .container .video .function .episode_control_panel > .prev, main section#section_video .container-fluid .video .function .episode_control_panel > .next, main section#section_video .container-fluid .video .function .episode_control_panel > .prev {
  padding: 10px;
  padding-bottom: 0;
}
main section#section_video .container .video .function .episode_control_panel > .next a, main section#section_video .container .video .function .episode_control_panel > .prev a, main section#section_video .container-fluid .video .function .episode_control_panel > .next a, main section#section_video .container-fluid .video .function .episode_control_panel > .prev a {
  color: #999;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
}
main section#section_video .container .video .function .episode_control_panel > .next a h4, main section#section_video .container .video .function .episode_control_panel > .prev a h4, main section#section_video .container-fluid .video .function .episode_control_panel > .next a h4, main section#section_video .container-fluid .video .function .episode_control_panel > .prev a h4 {
  padding: 18px 12px;
  font-size: 18px;
  color: #FFF;
  border: solid 1px #666;
  border-radius: 3px;
}
main section#section_video .container .video .function .episode, main section#section_video .container .video .function .host, main section#section_video .container .video .function .download, main section#section_video .container-fluid .video .function .episode, main section#section_video .container-fluid .video .function .host, main section#section_video .container-fluid .video .function .download {
  padding: 10px;
  padding-bottom: 0;
}
main section#section_video .container .video .function .episode.active, main section#section_video .container .video .function .host.active, main section#section_video .container .video .function .download.active, main section#section_video .container-fluid .video .function .episode.active, main section#section_video .container-fluid .video .function .host.active, main section#section_video .container-fluid .video .function .download.active {
  border-bottom: solid 3px #D59909;
}
main section#section_video .container .video .function .episode.active a, main section#section_video .container .video .function .host.active a, main section#section_video .container .video .function .download.active a, main section#section_video .container-fluid .video .function .episode.active a, main section#section_video .container-fluid .video .function .host.active a, main section#section_video .container-fluid .video .function .download.active a {
  color: #EFEFEF;
}
main section#section_video .container .video .function .episode a, main section#section_video .container .video .function .host a, main section#section_video .container .video .function .download a, main section#section_video .container-fluid .video .function .episode a, main section#section_video .container-fluid .video .function .host a, main section#section_video .container-fluid .video .function .download a {
  color: #999;
  cursor: pointer;
  text-decoration: none;
}
main section#section_video .container .video .function .episode a h4, main section#section_video .container .video .function .host a h4, main section#section_video .container .video .function .download a h4, main section#section_video .container-fluid .video .function .episode a h4, main section#section_video .container-fluid .video .function .host a h4, main section#section_video .container-fluid .video .function .download a h4 {
  text-align: center;
  padding: 9px 3px;
  margin-bottom: 0;
}
main section#section_video .container .video .function .episode_panel, main section#section_video .container .video .function .host_panel, main section#section_video .container .video .function .download_panel, main section#section_video .container-fluid .video .function .episode_panel, main section#section_video .container-fluid .video .function .host_panel, main section#section_video .container-fluid .video .function .download_panel {
  overflow-x: scroll;
  height: 500px;
  max-height: 500px;
  padding-left: 0;
  padding-right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
  display: none;
}
main section#section_video .container .video .function .episode_panel .form-group, main section#section_video .container .video .function .host_panel .form-group, main section#section_video .container .video .function .download_panel .form-group, main section#section_video .container-fluid .video .function .episode_panel .form-group, main section#section_video .container-fluid .video .function .host_panel .form-group, main section#section_video .container-fluid .video .function .download_panel .form-group {
  width: 80%;
  margin: 10px auto;
}
main section#section_video .container .video .function .episode_panel.active, main section#section_video .container .video .function .host_panel.active, main section#section_video .container .video .function .download_panel.active, main section#section_video .container-fluid .video .function .episode_panel.active, main section#section_video .container-fluid .video .function .host_panel.active, main section#section_video .container-fluid .video .function .download_panel.active {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
main section#section_video .container .video .function .episode_panel .block.active, main section#section_video .container .video .function .host_panel .block.active, main section#section_video .container .video .function .download_panel .block.active, main section#section_video .container-fluid .video .function .episode_panel .block.active, main section#section_video .container-fluid .video .function .host_panel .block.active, main section#section_video .container-fluid .video .function .download_panel .block.active {
  border: solid 1px #D59909;
}
main section#section_video .container .video .function .episode_panel .block, main section#section_video .container .video .function .host_panel .block, main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .episode_panel .block, main section#section_video .container-fluid .video .function .host_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
  padding: 18px 12px;
  font-size: 18px;
  color: #FFF;
  border: solid 1px #666;
  border-radius: 3px;
  margin: 12px 0 0 6px;
  text-decoration: none;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle, main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: 10px;
  margin-bottom: 10px;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn:focus, main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn:active, main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn:focus, main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn:active {
  outline: none !important;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn:first-child:not(:last-child), main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn:first-child:not(:last-child) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn:last-child:not(:first-child), main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn:last-child:not(:first-child) {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn:not(:first-child):not(:last-child), main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn, main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn {
  border-radius: 20px;
  background-color: rgba(183, 183, 183, 0.35);
  color: #A2A2A2;
}
main section#section_video .container .video .function .episode_panel .btn-group.btn-toggle .btn.active, main section#section_video .container-fluid .video .function .episode_panel .btn-group.btn-toggle .btn.active {
  background-color: #D59909;
  color: #FFF;
}
main section#section_video .container .video .function .host_panel .block, main section#section_video .container-fluid .video .function .host_panel .block {
  padding: 16px 42px;
  font-size: 18px;
  color: #FFF;
  border: solid 1px #666;
  border-radius: 3px;
  margin: 12px 0 0 6px;
}
main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
  max-height: 60px;
  padding: 16px 42px;
  font-size: 18px;
  color: #FFF;
  border: solid 1px #666;
  border-radius: 3px;
  margin: 12px 0 0 6px;
}

@media screen and (min-width: 992px) and (max-width: 1199px) {
  main section#section_video .container .video .function .episode_panel .block, main section#section_video .container .video .function .host_panel .block, main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .episode_panel .block, main section#section_video .container-fluid .video .function .host_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
    padding: 18px 16px;
  }
  main section#section_video .container .video .function .host_panel .block, main section#section_video .container-fluid .video .function .host_panel .block {
    padding: 16px 28px;
  }
  main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
    padding: 16px 30px;
  }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
  main section#section_video .container .video, main section#section_video .container-fluid .video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main section#section_video .container .video .player .player_wrap .fms, main section#section_video .container-fluid .video .player .player_wrap .fms {
    height: 400px;
  }
  main section#section_video .container .video .function .episode_panel .block, main section#section_video .container .video .function .host_panel .block, main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .episode_panel .block, main section#section_video .container-fluid .video .function .host_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
    padding: 18px 20px;
  }
  main section#section_video .container .video .function .host_panel .block, main section#section_video .container-fluid .video .function .host_panel .block {
    padding: 16px 48px;
  }
  main section#section_video .container .video .function .download_panel .block, main section#section_video .container-fluid .video .function .download_panel .block {
    padding: 16px 58px;
  }

  main section#section_video .container .video .function .list_panel .episode_panel .form-group select.form-control.easy_select {
    width: 360px;
  }
}
@media screen and (max-width: 767px) {
  main section#section_video .container .video {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  main section#section_video .container .video .player .player_wrap .fms {
    height: 400px;
  }
  main section#section_video .container .video .function .list_panel .episode_panel .form-group select.form-control.easy_select {
    width: 360px;
  }

  main section#section_video .container .video .function .episode_panel, main section#section_video .container .video .function .host_panel, main section#section_video .container .video .function .download_panel {
    overflow-x: scroll;
    height: 300px;
    max-height: 300px;
  }
}
@media screen and (max-width: 991px) {
  main section#section_video .container .video .function .list_panel .episode_panel .form-group {
    width: 100%;
  }
  main section#section_video .container .video .function .list_panel .episode_panel .form-group select.form-control.easy_select {
    background-color: #232323;
    outline: 2px solid #303030;
    color: #CCC;
    border: 0;
    margin: 0 auto;
    width: 270px;
  }
}
main section#section_info .container .info {
  padding-left: 0;
  padding-right: 0;
}
main section#section_info .container .info .header {
  padding-left: 0;
  padding-right: 0;
}
main section#section_info .container .info .header h3.title {
  overflow: visible;
  color: #DAAB4E;
}
main section#section_info .container .info .header h3.title hr {
  width: 100%;
  top: auto;
  bottom: -10px;
  border-top-color: #F5F5F5;
}

main section#section_info .container .content {
  background-color: #FFF;
}
main section#section_info .container .content .wrap {
  line-height: 1.8em;
  font-size: 21px;
  padding: 20px;
}
main section#section_info .container .content .wrap.open {
  display: block;
}
main section#section_info .container .content p.text {
  height: auto;
  width: auto;
  margin: 0;
  padding: 0;
}

@media screen and (max-width: 767px) {
  main section#section_info .container .info .header h3.title {
    margin-left: 15px;
    margin-right: 15px;
  }
  main section#section_info .container .info .header h3.title hr {
    width: 200%;
    -webkit-transform: translateX(10%);
            transform: translateX(10%);
  }
}
@media screen and (max-width: 991px) {
  main section#section_info .container .content .wrap {
    display: none;
  }

  main section#section_info .container .header h3.title i.fa.fa-plus {
    display: inline-block !important;
    cursor: pointer;
    margin-left: 11px;
    border: solid 2px #DAAB4E;
    padding: 3px;
    border-radius: 50%;
  }
  main section#section_info .container .header h3.title i.fa.fa-plus.open:before {
    content: "";
  }

  main section#section_info .container .content .wrap {
    padding: 20px 0;
  }
}
JS
//

$(".episode, .host, .download").click(function(){
  $(".episode, .host, .download").removeClass("active");
  $(".episode_panel, .host_panel, .download_panel").removeClass("active");
  $(this).addClass("active");
  console.log( $(this).hasClass("episode") )
  if ( $(this).hasClass("episode") ){
    $(".episode_panel").addClass("active")
  } else if ( $(this).hasClass("host") ) {
    $(".host_panel").addClass("active")
  } else if ( $(this).hasClass("download") ) {
    $(".download_panel").addClass("active")
  }
          
})

$("i.fa.fa-plus").click(function(){
  $("i.fa.fa-plus").toggleClass("open");
  $(".wrap.tategaki").toggleClass("open");
  taketori.clearAll();
  taketori.toggleAll();
});

$('.btn').click(function() {
  $('.btn-toggle').find('.btn').toggleClass('active');
});
Term
Wed, 12/27/2017 - 07:06

Related Codes

Pen ID
Pen ID
Pen ID
Square Adv