/*解析度  767px 以下*/
@media screen and (max-width:767px) {
.br{ display:block}
/*會員方案20210121新增*/
#gotop2{
    width:100%;
    height:32px;
    position:fixed;
    _position: absolute; /* position fixed for IE6 */
  _top:expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight-10);
    z-index:1;
    bottom: 0px;
    text-align: center;
    background-color: #000;
    color: #FFF;
    border-radius: 0px;
    opacity: 0.8;
    font-size: 16px;
    display: block;
    margin-right: 0px;
    right: 0px;
}
#gotop2 a {
    font-size: 16px;
    color: #FFF;
    text-decoration: none;
    display: block;
    height: 32px;
    width: 33%/*50%*/;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #626262;
    margin: 0px;
    float: left;
    line-height: 32px;
    padding: 0px;
}
#gotop2 a:last-child {border-top-style:none;}
#gotop2 .m_hidden { display:none;}

.no_box li{
	margin-right: 2px;
	margin-left: 2px;
}	
.no_box li a{
	display:block;
	width:40px;
	font-size:20px;
	background-color:#f0f0f0;
	padding: 0px;
	margin: 0px;
	border: 1px solid #CCC;
}
.no_box li.on{ font-size:20px; }

/*.map { display:none;}*/
.w_1000 { width:100%; margin:auto;}
.sv_box { display:none;}
.menu_sv { display:block;}
.btn_index { display:none;}
.logo a{ width:90%; margin:10px auto; height:60px; background-size:100% auto; float:inherit;}
.header_logo { height:80px;float: left;}
.sv_line { width:250px; height:35px; border:1px solid #56cabf; float:left; }
.inp_01 { width:130px;}
.sv_box2 { width:320px; margin:10px auto;}
.page_body  h3 { text-align:center;}
.msy p { width:100%; }

#conter { width:90%;margin:0 5%;}
.text_left { width:100%; float:none; mmargin: 0 auto 3%; text-align:center;}
.text_right {
    float: none;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: max-content;
}
.logo_box ul, .footer_text { width:100%;}
.txt_s1 {
    width: 100%;
    display: block;
    font-size: 15px;
    text-align: left;
    padding-left: 7%;
}
.news_box h2{ font-size:18px;margin:8px 0; }
.footer_text  { font-size:15px; line-height:26px;padding: 20px 0 0;}

.btn_order {
	font-size:17px;	
	line-height:25px;
	height:25px;}
.btn_fast li {
	
	font-size:17px;
	line-height:25px;
	height:25px;
	padding:0 10px;}
	


/*讀書館關鍵字*/
#keywordBox {
    width: 95%;
    float: left;
}
#keywordBox ul {
	margin-left:0px;
	position: static;
}
#keywordBox ul li {
	margin-left:5px;
	margin-bottom:5px;
	display: inline;
}




	
/*熱門焦點 20190314 start*/
.hot_box .post .caption {
    padding-bottom: 20px;
    text-align: center;
    position: inherit;
    bottom: 0;
    left: 0;
    width: 100%;
    background-color: #FFF;
    opacity: 0.8;
}
.hot_box {
    padding: 0px;
	width: 100%;
}
.hot_box .post {
    float: left;
    position: relative;
    width: 100%;
    /*background-color: #d8d8d8;*/
    height: auto;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 25px;
}
.hot_box .post .caption .hot_title a {
    display: block;
    padding: 2% 5% 1%;
    font-size: 1.6em;
    font-weight: bold;
    border-top: none;
    text-decoration: none;
    text-align: left;
}
.hot_box .bd_o {
    list-style-type: none;
    padding-left: 22px;
    counter-reset: num;
    font-size: 15px;
    margin-top: 35px;
}
.hot_box .bd_o li {
    text-align: left;
    margin-top: 5px;
    margin-right: 25px;
    margin-bottom: 0px;
    margin-left: 0;
    list-style-position: outside;
    text-indent: -25px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d0f0ed;
    padding-top: 0px;
    padding-bottom: 9px;
    font-size: 1.05rem;
    line-height: 1.6rem;
}
.hot_box .title_2 {
    font-size: 1.35rem;
    color: #f64540;
    text-align: left;
    /* border-bottom: 1px solid #49bab0; */
    /* font-weight: normal; */
    height: 29px;
    /* width: 119px; */
    padding-top: 0px;
    margin: 0 auto 0 -6px;
    /* background-image: url(http://www.angle.com.tw/media/File/Image/title_2.jpg); */
    text-indent: 25px;
    /* background-repeat: no-repeat; */
    /* background-position: 0px 3px; */
    position: absolute;
}
.hot_box .news_top {
    float: left;
    position: relative;
    width: 100%;
    /* background-color: #e9e9e9; */
    height: auto;
    overflow: hidden;
    z-index: 1;
    margin: 0 10px 20px 0px;
}
.hot_box .bd_y .NewsStyle {
    text-align: left;
    margin-top: 5px;
    margin-right: 30px;
    margin-bottom: 5px;
    margin-left: 21px;
    font-size: 1.05rem;
	line-height: 1.60rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d0f0ed;
    padding-top: 0px;
    padding-bottom: 9px;
    padding-right: 0px;
    padding-left: 0px;
}
/*熱門焦點 20190314 end*/

/*20200820 新增 start*/
.m_hidden {
    display: none;
}
.pc_hidden {
    display: block;
}
.hot_box .branch_taipei {
    font-size: 1.2em;
    line-height: 1em;
    width: 100%;
    margin: 11% 1% 0 0;
    padding: 2%;
    text-align: center;
    letter-spacing: 1.3em;	
    float: none;
	border-left: 10px solid #b43c30;
}
.hot_box .branch_taichung {
    font-size: 1.2em;
    line-height: 1em;
    width: 100%;
    margin: 1% 1% 0 0;
    padding: 2%;
    text-align: center;
    letter-spacing: 1.3em;	
    float: none;
	border-left: 10px solid #3047b8;
}
.hr_gray_3{
	border: 2px solid #f6f6f6;
    width: 97.6%;
    margin: 0;
}
/*20200820 新增 end*/


/*影音排版 20190315 start*/
.news_box .subpost {
    width: 95%;
    height: auto;/*20211208新增*/
    float: left;
    margin: 8px 0 10% 2.5%;
}
.news_box .subpost .pic {
    width: 100%;
    height: auto;
    /* position: absolute; */
    overflow: hidden;
    float: left;
    /*background-color: #cc0; */
    margin-bottom: 4%;
}
.news_box .subpostlist {
    width: auto;
    float: left;
    margin: 4px 7px 30px 2px;
}
.news_box .subpostlist .pic {
    width: 23%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 11px;
    /* margin: 5px; */
}
.news_box .subpostlist .pic2 {
    width: 40% !important;
    height: 160px !important;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 11px;
    margin: 5px 5px;
}
.news_box .subpost .caption {
    margin-left: 0;
	display: contents;
}
.news_title {
    border-bottom: #48bab0 dotted thin;
    margin: -1.2% 2% 3% 4%;
    display: inline-block;
}
.news_box .subpost .caption .news_title a {
    color: #0a7b6f;
    font-size: 1.4em;
	line-height:1.4em;
    display: inline-block;
    margin-bottom: 0.2em;
    /*background-color: #dbdbdb; */
    text-decoration: none;
    font-weight: normal;
}
.news_box .subpost .icon {
    color: #FFF;
    /* background-color: #1c1c1c; */
    float: left;
    font-size: 15px;
    clear: both;
    border-radius: 5px;
    padding: 1px 0;
    width: 97%;
}
.news_box .subpost .icon a.buy {
    float: right;
    background-color: #efefef;
    font-size: 13px;
    color: #ca3929;
    text-decoration: none;
    padding: 6px 14px;
    margin: 2px 30px 2px 28px;
    border-radius: 3px;
    border: 1px solid #c4574c;
}
.caption p {
    padding: 0 2% 0 4%;
    line-height: 1.6em;
}
/*影音排版 20190315 end*/


/*影音排版 20210203 start*/
.news_box2{
	width: 100%;
}
.news_box2 .subpost {
    width: 95%;
    float: left;
    margin: 8px 0 10% 2.5%;
}
.news_box2 .subpost .pic {
    width: 100%;
    height: auto;
    /* position: absolute; */
    overflow: hidden;
    float: left;
    /*background-color: #cc0; */
    margin-bottom: 4%;
}
.news_box2 .subpostlist {
    width: auto;
    float: left;
    margin: 4px 7px 30px 2px;
}
.news_box2 .subpostlist .pic {
    width: 23%;
    height: auto;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 11px;
    /* margin: 5px; */
}
.news_box2 .subpostlist .pic2 {
    width: 40% !important;
    height: 160px !important;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 11px;
    margin: 5px 5px;
}
.news_box2 .subpost .caption {
    margin-left: 0;
	display: contents;
}
.news_title {
    border-bottom: #48bab0 dotted thin;
    margin: -1.2% 2% 3% 4%;
    display: inline-block;
}
.news_box2 .subpost .caption .news_title a {
    color: #0a7b6f;
    font-size: 1.4em;
	line-height:1.4em;
    display: inline-block;
    margin-bottom: 0.2em;
    /*background-color: #dbdbdb; */
    text-decoration: none;
    font-weight: normal;
}
.news_box2 .subpost .icon {
    color: #FFF;
    /* background-color: #1c1c1c; */
    float: left;
    font-size: 15px;
    clear: both;
    border-radius: 5px;
    padding: 1px 0;
    width: 97%;
}
.news_box2 .subpost .icon a.buy {
    float: right;
    background-color: #efefef;
    font-size: 13px;
    color: #ca3929;
    text-decoration: none;
    padding: 6px 14px;
    margin: 2px 30px 2px 28px;
    border-radius: 3px;
    border: 1px solid #c4574c;
}
.caption p {
    padding: 0 2% 0 4%;
    line-height: 1.6em;
}
/*影音排版 20210203 end*/


/*合作單位 20190315 start*/
.news_box .coop {
    width: auto;
    float: left;
    margin: 0px 15px 0px;
}
.news_box .coop li {
    width: 100%;
    display: block;
    float: left;
    background-color: #FFF;
    margin: 4% auto 0;
}

/**合作單位 20190315 end*/



/*abgne_marquee*/
#abgne_marquee {
    /* position: relative; */
    width: 100%;
    overflow: hidden;
    height: 29px;
}
#abgne_marquee ul li a {
    display: inline-block;
    width: auto;
    overflow: auto;
    text-overflow: ellipsis;
    white-space: normal;
    font-size: 15px;
    height: auto;
    /* line-height: 29px; */
    text-decoration: none;
    color: #000;
    background-color: #cc0;
}

/*20190314 新增start*/
#NewMarquee2 {
    height: 33px;
    width: 100%;
    /* padding-top: 15px; */
    padding-bottom: 10px;
    margin-top: 5px;
    margin-bottom: 10px;
    /* background-color: #cc0; */
    display: inherit;
}
#NewMarquee2 h2 {
    font-size: 18px;
    font-weight: normal;
    color: #005049;
    width: auto;
    height: auto;
    text-align: center;
    line-height: 23px;
    /* background-image: url(http://www.angle.com.tw/media/File/Image/marquee1.jpg); */
    /* background-repeat: no-repeat; */
    /* text-indent: 23px; */
    display: block;
    float: left;
    margin-left: 0px;
    margin-bottom: 3px;
    padding: 4px 8px 2px 9px;
    border: 1px solid #55c8be;
    background-color: #d5f3f1;
}
#NewMarquee2 p {
    /* background-image: url(http://www.angle.com.tw/media/File/Image/marquee2.jpg); */
    /* background-repeat: no-repeat; */
    height: 50px;
    width: 100%;
    float: left;
    margin: 0px;
    padding-top: 4px;
    padding-right: 5px;
    padding-bottom: 0px;
    padding-left: 0px;
    border-top: 1px solid #55c8be;
    border-right: 1px solid #55c8be;
    border-bottom: 1px solid #55c8be;
    border-left: 0px;
    /* background-color: #cc0; */
}
/*20190314 新增end*/



/*最新消息*/
.news_box p.more {
    display: block;
    float: right;
    /* width: 10%; */
    font-size: 13px;
    color: #5c9e9a;
    text-align: right;
    margin-top: -28px;
    margin-right: 1px;
    /* line-height: 30px; */
    /* padding-top: 5px; */
    background-color: #f0fafb;
    padding: 2px 10px;
    border-radius: 25px;
    border: 1px solid #5c9e9a;
}
.news_box p.list_more {
    display: block;
    float: right;
    /* width: 10%; */
    font-size: 13px;
    color: #5c9e9a;
    text-align: right;
    margin-top: 2%;
    margin-right: -6px;
    margin-bottom: -14px;
    /* line-height: 30px; */
    /* padding-top: 5px; */
    background-color: #f0fafb;
    padding: 2px 10px;
    border-radius: 25px;
    border: 1px solid #5c9e9a;
}
.news_box2 p.more {
    display: block;
    float: right;
    /* width: 10%; */
    font-size: 13px;
    color: #5c9e9a;
    text-align: right;
    margin-top: 15px;
    margin-right: 1px;
    /* line-height: 30px; */
    /* padding-top: 5px; */
    background-color: #f0fafb;
    padding: 2px 10px;
    border-radius: 25px;
    border: 1px solid #5c9e9a;
}
.news_box2 p.list_more {
    display: block;
    float: right;
    /* width: 10%; */
    font-size: 13px;
    color: #5c9e9a;
    text-align: right;
    margin-top: 2%;
    margin-right: -6px;
    margin-bottom: -14px;
    /* line-height: 30px; */
    /* padding-top: 5px; */
    background-color: #f0fafb;
    padding: 2px 10px;
    border-radius: 25px;
    border: 1px solid #5c9e9a;
}
.hr_gray {
    border: 4px solid #f1f0f0;
    width: 100%;
    margin: 0 0 5% 0/*0 0 0 0*/;
}
.hr_gray_2 {
    border: 1px solid #55c8bd;
    width: 100%;
    margin: 1% 0 9% 0;
}
/*最新消息-end--*/



/*贊助商*/
.coop_box { clear:both; margin:10px 0;}
.coop_box img { width:100%;}
.coop_box h2 { height:30px; line-height:30px; font-size:18px;}


.coop_list { overflow:hidden; height:auto;}
.coop_list ul {text-align:center; position:relative; line-height:0;}
.coop_list li {height:50px; width:120px; line-height:100px;color:#b9afa3; margin:5px;}

.logo_box { height:180px;}
.logo_box ul { width:100%; }
.logo_box li {
    width: 50%;
    text-align: center;
    margin-top: 2%;
    margin-right: -5%;
    margin-bottom: 0;
    margin-left: 2%;
    display: inline-block;
    float: left;
    height: 2.6em;
}
.logo_box img {width:100%;}

.news_box h2{
	font-size:20px;
	line-height: 30px;
}
.news_box2 h2{
	font-size:20px;
	line-height: 30px;
	margin: 8px 0;
	width: 57%;
}

.news_box li a h3 { font-size:20px;}
.news_box li a h4 { font-size:16px;}
.news_box li a h5 { font-size:18px; }
.news_box li a p {font-size:15px; line-height:26px;}

/*3列*/
.news_box ul.list3 li { width:100%; padding:5px 0 15px 0;}
.news_box ul.list3 li:hover { background-color:#EBEBEB;}
.news_box ul.list3 li a { width:295px; }
.news_box ul.list3 li .move_box { position:relative;width:295px; height:169px;}
.news_box ul.list3 li .img_0 {width:295px; height:169px;}

/*2列*/
.news_box ul.list2 li { border-bottom:1px solid #999;}
.news_box ul.list2 li .move_box {width:100%; height: auto;float: none;}
.news_box ul.list2 li .img_0 {width:100%; height: auto; }
.list2_text {width:100%; float: none; clear:both;}

/*3按鈕*/

.btn_st1 { width:100%; }
.btn_st1 a {width: 23.5%/*31.5%*/; margin:2px 1px;}


.btn_st2 { width:100%; clear:both; overflow: hidden; }
.btn_st2 a {text-align: center; padding-right:0.1%; color:#951b3d; width:48%; margin:5px 0.5%; font-size:18px;}
.btn_st2 a:hover {background-color:#951b3d; color:#FFF;}
/*a.btn_link { width:98%;}*/
.btn_st3 a { width:90%; }
.btn_st8 , .btn_st9 , .btn_st10 { width:95%; }
.btn_st8 a , .btn_st9 a , .btn_st10 a { width:95%; clear:both; overflow: hidden; }


.page_phone .move_box {width:300px; height:280px; margin:0 auto; float: none; overflow:hidden;}
.page_phone .img_0 {width:300px; height:200px; }


/*4列*/
.news_box ul.list4 li { width:100%;padding:5px 0 15px 0;}

.news_box ul.list4 li a { width:295px; }
.news_box ul.list4 li .move_box {position:relative;width:295px; height:169px;}
.news_box ul.list4 li .img_0 {width:295px; height:169px;}

.news_box ul.list4_3 li {width:100%;padding:5px 0 15px 0;}
.news_box ul.list4_3 li a { width:295px; }
.news_box ul.list4_3 li .move_box {position:relative;width:295px; height:169px;}
.news_box ul.list4_3 li p {
	width:295px;
	height:169px;
	vertical-align: middle;
	background-color: #000;
	text-align: center;
}
.news_box ul.list4_3 li .img_0 {max-width:295px; height:169px;}

.news_box ul.list4_3_d li {width:100%;padding:5px 0 15px 0;}
.news_box ul.list4_3_d li a { width:295px; }
.news_box ul.list4_3_d li .move_box {position:relative;width:295px; height:169px;}
.news_box ul.list4_3_d li p {
	width:295px;
	height:169px;
	vertical-align: middle;
	background-color: #000;
	text-align: center;
}
.news_box ul.list4_3_d li .img_0 {max-width:295px; height:169px;}

.page_left { width:100%; float: none;}
.page_left_1 { float: left;}/*20210204新增*/
/*.page_left_2 { float: right;}20210204新增*/
.page_right { width:100%; float: none;}
.page_full { width:100%; float: none;}
#vVideo { margin:20px auto; padding:5px; width:95%; }
.into_iframe { width:280px; height:150px;}
#sEnv {
	text-align: center;
	display: block;
}
#vWeb embed {height:150px;}

/*登入格子*/
.login_box {  padding:10px; width:90%; overflow:hidden; background: none; height:230px; margin:20px auto;}
.login_right { width:100%;}
.inp_04 { width:94%;}
.inp_05 {width:100%;}
.btn_st4 {width:100%;}

/*認證碼開通格子*/
.acc_box {  padding:10px; width:90%; overflow:hidden; background: none; height:190px; margin:20px auto;}
.acc_right { width:100%;}

/*會員登入選單*/
.member_list { border-radius:10px; width:100%; float: none; position:fixed; left:0; bottom:0; z-index:1000; background-color:#42b0a6; border-radius:0;}
.title_4 { display:none;}
.member_list li { line-height:46px; border-bottom: none; float:left;width:25%; border-top:1px solid #9CC; overflow:hidden;}
.member_list li a { width:100%; height:46px; display:block; text-align:center; color:#FFF;}


/*會員-購買清單*/

.my_list {}
.my_list li{text-align:center; padding:10px 5px; border-bottom:1px solid #CCC; clear:both; width:100%; overflow:hidden;}
.my_list li p { padding:5px 0; text-align:left;}
.my_list li p span { display:block; width:80px; float:left; height:26px; text-align:left; color:#44b2a8; font-weight:bold; padding-right:10px;}
.my_list li p:nth-child(1) { width:100%;}
.my_list li p:nth-child(2) { width:100%;}
.my_list li p:nth-child(3) { width:100%;}
.my_list li p:nth-child(4) { width:100%;}
.my_list li p:nth-child(5) { width:100%;}
.my_list li p:nth-child(6) { width:100%;}

.my_list2 {}
.my_list2 li{text-align:center; padding:10px 5px; border-bottom:1px solid #CCC; clear:both; width:100%; overflow:hidden;}

.my_list2 li p{  padding:5px 0; text-align:left; }
.my_list2 li p span { display:block; width:80px; float:left; text-align: left; color:#44b2a8; font-weight:bold; padding-right:10px;}
.my_list2 li p:nth-child(1) { width:100%;}
.my_list2 li p:nth-child(2) { width:100%;}
/*.my_list2 li p:nth-child(3) { width:100%;}*/
.my_list2 li p:nth-child(4) { width:100%;}

.my_list_title { display:none;}
.my_list_title_t { display:none;}

.btn_st5 a { width:95%; float: inherit; margin:2px auto; font-size:14px; font-weight:bold;}
.btn_st5 a:hover {background-color:#951b3d; color:#FFF;}
#NewMarquee {display: none;}

/*右方AD*/
.title_2 {width: 100%;}
#iframeid #angle_new_book { width:100%;}

/*商城分類*/
.mall_menu3 li { width: 50%;}
.mall_menu4 li { width: 50%;}
/*20210222新增 start*/
.mall_menu5 li { width: 35%;}
/*20210222新增 end*/

/*合作影音‧授權頻道*/
.aasc_list {float: none; width: 90%;}
.bd_c .aasc_more {
	margin-left: 0px;
	width: 100%;
	text-align: center;
}
.group_list {float: none; width: 90%;}
/*版權*/
footer {
    clear: both;
    margin-top: 0px;
}
.logo_box li img {
    vertical-align: middle;
    width: 80%;
}
.footer_ps {
    clear: both;
    text-align: center;
    background-color: #ca3929;
    color: #FFF;
    min-height: 38px;
    font-size: 0.5em;
    padding: 6px 20px 3px;
}

.chapterlogo {
    width: 30%;
    float: left;
    margin: 0.5em 0 0.5em 0.3em;
    padding: 4px;
}
.chapterlogo img{
    width: 80%;
}
.audio_chapter{
        width: 55%;
    float: left;
    margin: 5px;
    padding: 8px;
}
.audio_chapter ul li{
    width: 16%;
    font-size: 15px;
    margin: 6px 16px;
    padding: 8px;
}


}
@media screen and (max-height:480px) {

}

/*解析度  480px 以下*/
@media  screen and (max-width: 479px) {
.chapterlogo {
    width: auto/*100%*/;
	float: none;
	margin: 0.5em 20%/*0.3em*/;
}
.chapterlogo img{
    width: auto/*100%*/;
}
.audio_chapter{
    width: 100%;
    float: left;
    margin: 8px 20px/*5px*/;
    padding: 8px;
}
.audio_chapter ul li{
    width: 28%;
    float: left;
    font-size: 16px;
    margin: 8px 12px;
    padding: 12px;
}
	
}
	
/*解析度  580px 以下*/
@media  screen and (max-width: 580px) {
.o3-3 {
	width: 100%;
}
}
	



/*手機_橫式尺寸*/
@media screen and (min-width:600px) and (max-width:769px) {
/*TOP*/
.top_her {
    height: 30px;
    padding-top: 33px;
    float: right;
}
.news_box li span{margin: 0 20%; padding-left: 8%;}/*20200220新增*/
/*TOP logo*/
.logo a {
    width: 43%;
    margin: 1% 0 0.5% 4%;
    height: 60px;
    background-size: 100% auto;
}
.header_logo {
    height: 60px;
}
.header_logo {
    height: 60px;
    width: 54%;
    float: left;
    display: contents;
}
/*熱門焦點 20190314*/
.hot_box .post {
    float: left;
    position: relative;
    width: 100%;
    /* background-color: #d8d8d8; */
    height: auto;
    overflow: hidden;
    z-index: 1;
    margin: 0px 0 25px 0;
}
.hot_box .bd_y .NewsStyle {
    text-align: left;
    margin-top: 5px;
    margin-right: 20px;
    margin-bottom: 5px;
    margin-left: 21px;
    font-size: 1.05rem;
    line-height: 1.65rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #d0f0ed;
    padding-top: 0px;
    padding-bottom: 5px;
    padding-right: 0px;
    padding-left: 0px;
}
/*熱門焦點 20190314 end*/


/*影音排版 20190315 start*/
.news_box .subpost {
    width: 100% !important;
    height: auto;
    /* position: absolute; */
    overflow: hidden;
    float: left;
    /* background-color: #cc0; */
    margin-bottom: 4%;
    margin-right: 3%;
}
.news_box .subpost {
    margin: 7px 0 25px 2.5%;
}
.pic {
    width: 49% !important;
    height: auto;
    /* position: absolute; */
    overflow: hidden;
    float: left;
    /* background-color: #cc0; */
    margin-bottom: 4%;
    margin-right: 3%;
}
.news_box .subpostlist {
    width: auto;
    float: left;
    margin: 2px 7px 30px 2px;
}
.news_box .subpostlist .pic2 {
    width: 21% !important;
    height: 160px !important;
    position: relative;
    overflow: hidden;
    float: left;
    padding: 0 11px;
    margin: 0;
}
.news_title {
    border-bottom: #48bab0 dotted thin;
    margin: -0.5% 2% 1% 5%;
    display: flex;
}
.news_box .coop li {
    width: 25%;
    display: block;
    float: left;
    background-color: #FFF;
    margin: 4% auto 0;
}
.news_box .coop li img {
    width: 86%;
}
.caption p {
    padding: 0 0 0 0;
    line-height: 1.6em;
    width: 60%;
    display: inline-block;
}
.news_box .subpost .caption h5 {
    font-size: 15px;
    color: #5c9e9a;
    font-weight: normal;
    padding: 0 0 1.5% 0;
    width: 46%;
    display: inline-block;
}
/*影音排版 20190315 end*/
/*最新消息*/
.news_box .subpost {
    margin: 7px 0 12px 2.5%;
}
.news_box p.list_more {
    display: block;
    float: right;
    /* width: 10%; */
    font-size: 13px;
    color: #5c9e9a;
    text-align: right;
    margin-top: 0%;
    margin-right: 15px;
    margin-bottom: 0px;
    /* line-height: 30px; */
    /* padding-top: 5px; */
    background-color: #f0fafb;
    padding: 2px 10px;
    border-radius: 25px;
    border: 1px solid #5c9e9a;
}
.news_box .subpost .icon a.audition {
    float: right;
    background-color: #c4574c;
    font-size: 13px;
    color: #ffffff;
    text-decoration: none;
    padding: 6px 14px;
    margin: 2px 10px 2px 30px;
    border-radius: 3px;
    border: 1px solid #c4574c;
}
.hr_gray_2 {
    border: 1px solid #55c8bd;
    width: 100%;
    margin: 1% 0 5% 0;
}
/*最新消息-end--*/

/*贊助商*/
.logo_box {
    height: 100px;
}
.logo_box ul {
    margin: 2% auto 0 11%;
}
.logo_box li {
    width: 26%;
    text-align: center;
    display: inline-block;
    float: left;
    height: 2em;
    color: #b9afa3;
    padding: 0;
    margin: 0;
}
.logo_box li img {
    vertical-align: middle;
    width: 80%;
}

}










/****** BIGAD 廣告大輪播區 mobile start******//*手機_直式*/
@media all and (min-width: 1px) and (max-width: 767px){
.hot_box .bigad {
    float: left;
    position: relative;
    width: 100%;
    /* background-color: #e9e9e9; */
    height: auto;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 5% !important;
}
.controlNav { /* mobile輪播底下_點點*/
    position: relative;
    float: left;
    left: 50%;
    margin: -6% 0 0;
}
.slideInner {
    list-style: none;
    margin: 0px 0 5px 0;
    padding: 0;
    height: 168px !important;
}
.slideInner li img {
	width:100% !important;
	height:auto !important;
}

}

/****** BIGAD 廣告大輪播區 mobile start******//*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
	
.hot_box .bigad {
    float: left;
    position: relative;
    width: 100%;
    /* background-color: #e9e9e9; */
    height: auto;
    overflow: hidden;
    z-index: 1;
    margin: 0 0 1% !important;
}
.slide {
    position: relative;
    width: 100% !important;
    max-width: 100%;
    min-width: 100%;
    overflow: hidden;
    position: relative;
    /* margin: -32px auto 0; */
}
.slideInner li img {
	width:100% !important;
	height:auto !important;
}
.slideInner {
    list-style: none;
    margin: 0px 0 5px 0;
    padding: 0;
    height: 302px !important;
}
.controlNav { /* mobile輪播底下_點點*/
    position: relative;
    float: left;
    left: 50%;
    margin: -1% 0 0;
}

}
/****** BIGAD 廣告大輪播區 mobile end******/