@charset "utf-8";
/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
	
}

p,h1,h2,h3,h4,h5,h6 {color:#000000;}
p,a  {color:#000000;font-size:15px;line-height:24px;} 
a {}

a:link {text-decoration: none;} 



body {background-color:#00a0df;z-index:-1000;font-family: "微軟正黑體", "儷黑 Pro", Arial, Helvetica, sans-serif;}
.clearfix{clear:both;}
.wrap {margin:0 auto;}
.container {width:94%;margin:0 auto;max-width:950px;padding:1% 3%;}
.header {width:100%;margin:0 auto;max-width:950px;line-height:0;}
.header img {width:100%;height:auto;}

.web {display:block;}
.mobile{display:none;}
.content_wrap {background-color:#dbe441;max-width:950px;margin:0 auto;min-height:500px;}
.row {margin:0px auto;padding:10px auto;}

.btn {text-align:center;}
.guest {background-color:#f5f5f5;}
.title {text-align:center;margin:10px auto;width:100%;max-width:360px;}
.title img{width:85%;}

.title2 {text-align:center;margin:10px auto;width:100%;max-width:180px;margin-top:20px;}
.title2 img{width:85%;}

.guest_wrap {width:60%;margin:0 auto;}
.guest_info{width:45%;float:left;padding:5px 2.5%;}
.guest_title{width:20%;float:left;}
.guest_photo{width:75%;float:left;border-left:2px solid #000000;padding:1% 2%;}
.guest_photo img{width:100%;}
.guest_name {font-size:20px;}
.guest_subname {color:#666666;line-height:17px;}

.chapter_wrap {width:90%;padding:0;margin:15px auto;position:relative;background-color:#ffffff;padding:2% 5%;}

.chapter_text{float:left;width:80%;display:block;}
.chapter_btnwrap {float:left;width:20%;display:block;}
.chapter_btn {float:left;display:inline-block;width:50%;}
.chapter_btn img {width:100%;max-width:50px;}
.chapter_number {float:left;width:20%;height:50px;font-size:30px;display:flex; color:#0055b7; 
-webkit-align-items: center; align-items: center;
text-align:left;}
.chapter_title {float:left;width:80%;font-size:20px;color:#00a0df;font-weight:bold;height:50px;display: -webkit-flex;display:flex;text-align:left;
  -webkit-align-items: center; align-items: center;padding-bottom:5px;
text-align:left;}


.btn_listen {text-align:right;width:50px;position:absolute;bottom:0;}
.banner {background-color:#bfbfbf;margin:0 auto;margin-bottom:30px;}
.btn_listen2 {vertical-align:middle;}
.banner728 {width:728px;height:90px;display:block;}
.banner300 {width:300px;height:80px;display:none;}

.reminder {text-align:center;font-size:15px;margin-top:50px;}


@media (max-width: 767px){
.banner728 {width:728px;height:90px;display:none;}
.banner300 {width:300px;height:80px;display:block;}
.guest_wrap {width:90%;}
.chapter_btn img {width:100%;max-width:60px;}

}

@media (max-width: 727px){
.banner728 {width:728px;height:90px;display:none;}
.banner300 {width:300px;height:80px;display:block;}

.guest_wrap {width:90%;}
.chapter_wrap {width:86%; margin:20px 0;padding:2% 7%;}
.chapter_number {font-size:24px;width:100%;height:auto;}
.chapter_title {width:96%;font-size:16px;height:auto;padding-right:2%;}
.chapter_text{float:left;width:80%;display:block;}
.btn_listen2 {bottom:5;}
.chapter_btn:{margin-top:10px;}
}


@media (max-width: 639px){
.container {width:96%;margin:0 auto;padding:1% 2%;}

.reminder {margin-top:50px;}
.web {display:none;}
.mobile{display:block;}
.chapter_text{float:left;width:100%;display:block;}
.chapter_btnwrap {float:left;width:35%;display:block;}
.chapter_btnwrap img{max-height:60px;width:auto;}
}

@media (max-width: 479px){

.guest_wrap {width:100%;}
.guest_title{width:30%;}
.guest_photo{width:90%;}

.chapter_wrap {position:relative;}


}



@media (max-width: 320px){

.guest_wrap {width:100%;}

}