/*解析度  769px 以下*/
@media screen and (max-width:769px) {
body {
    font-family: "Microsoft JhengHei";
    margin: 0;
    background-image: url(../images/20210812_mapbg.png);
    background-position: 35% -2%;
    background-size: 320%;
    border-radius: 0px;
    background-repeat: no-repeat;
    background-attachment: initial;
}
.br{ display:block;}
.br_mb{ display: initial !important}
.br_pc{ display: none;}

/*內容*/
.container {
    width: 100%;
    display: table;
    background-image: url(../images/0903006_bg.jpg);
    background-attachment: inherit;
    background-position: left 0;
    background-size: 80% !important;
    border-radius: 20px 20px 0 0;
    background-repeat-y: no-repeat;
    opacity: 0.97;
}

.date_title {
    margin: 2% auto;
    padding: 2% 2%;
    text-align: center;
    font-family: Verdana,"Microsoft YaHei", Meiryo, "Meiryo UI",Arial, sans-serif;
    color: #fff;
    font-size: 0.945em;
    width: 92%;
}
.journal_title {font-size: 3em;margin-top: 1.5rem;}

/*logo_title */
.logo_title {margin: 4% auto 0;padding: 0;text-align: center;}
.logo_title img{ width:100%}

/*單元topmenu*/
.topmenu {
    margin: 2%;
    padding: 0 0 0 0;
    display: inline-block;
    width: 96%;
    /* background-color: #cc0; */
    text-align: center;
}
.topmenu ul {padding: 0;
    margin: 0 0;
    width: auto;
}
.topmenu li {margin-right: 1rem;

    margin-bottom: 1%;
    padding: 0 0;
}
.topmenu a {font-size: 1.2em;padding: 0px 0px 0px 0.5rem;
    
}


/*雜誌書封 */
.cover {
    padding: 1em;
    float: none;
    width: auto;
    text-align: -webkit-center;
    margin: 0 auto;
}
.cover img {
    width: 190px !important;
    margin: 0 auto;
}
/*購物車shopping*/
.shopping {
    margin: -22px 0 0 0;
    padding-left: 0;
    width: 100%;
    display: inline-block;
    float: initial;
    text-align: center;
}
.shopping ul{ margin-left: -40px;}

/*最新活動*/
.news {
    margin: 0 0 0 0;
    padding-left: 0;
    width: 90%;
    display: inline-block;
    float: initial;
}
/*固定相關網站連結txtad*/
.txtad {
    margin: 0 0 0 0;
    padding: 0;
    width: 100%;
    display: inline-block;
    float: initial;
}
.txtad ul {
    border-top: 1px #bddcd4 solid;
    padding-top: 10px;
    margin: 5% auto 0;
    text-align: center;
}
.txtad li {
    display: block;
    margin-left: -40px;
}

/*每月主題*/
.bgfull{
	margin: 0 0 0;
    padding: 0;
    float: left;
    display: block;
    background-image: url(../images/0903006_bg_2.jpg);
    border-radius: 0 0 0 0;
    background-repeat-y: no-repeat;
    background-size: cover;
}
.intro {
    margin: 0 auto;
    width: 85%;
}
.intro h1 {
    margin: 50px 0 -20px;
}
.list h1 {
    margin: 40px 0 12px;
}
	
.intro h1, .list h1 {
    font-size: 1.7em;
    line-height: 1em;
    color: #de5819;
    border-left: rgba(238, 125, 94, 0.7) 5px solid;
    padding: 0 0 0 10px;
    font-family: "noto sans tc", "Microsoft JhengHei";
    letter-spacing: -1px;
}
.intro h2, .list h2 {
    font-size: 2.35em;
    line-height: 1.1em;
    font-weight: bold;
    letter-spacing: -0.5px;
    color: #dd5312;
    padding: 0 0 0 10px;
    margin: 0;
    font-family: Meiryo, "Meiryo UI", Arial, sans-serif;
}
.intro h3 {
    padding: 0% 0 0 0px;
}
.intro ul {
    margin-left: -1.5em;
    margin-top: 2em;
    float: left;
}
.intro li {
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: normal;
    letter-spacing: -0.2px;
	margin: 0 0 0.5em 0;
}

.list {
    margin: 1em 6.8%;
    padding: 7px 0 0 24px;
    width: 84%;
    display: block;
    float: left;
    border-top: 1px #e79a7e dotted;
    border-bottom: 1px #e79a7e dotted;
}
.list li {
    font-size: 1.1em;
    line-height: 1.45em;
    font-weight: normal;
    letter-spacing: -0.2px;
	margin: 0 0 0.5em -4px;
}

.news ul {padding-bottom: 6%;}
.news li {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: -0.2px;
    margin: 0 10px 0.3em 17px
}



/*作者試聽*/
.more {
    padding: 0 0 2px;
    margin: 1% 0 0 0;
    float: right;
    border-bottom: 1.5px #ee7d5e dotted;
    width: auto;
    display: block;
}
.more a {
    font-size: 0.85em;
    line-height: 1em;
    color: #000;
    padding: 0 7px;
    margin: 3px 0;
    text-decoration: none;
    vertical-align: middle;
}
.icon_listen {
    width: 16px;
    height: auto;
    padding-left: 4px;
}

/*歷期目錄*/
#moreold {
    margin: 14px 1px 10px 7%;
    width: 84%;
    float: left;
}

.period {
    margin: 30px 0 0;
    padding: 12px 8% 30px 3%;
    background: hsla(199, 27%, 70%, 0.4);
    background-image: url(../images/0811076_period_bg.png);
    border-radius: 0;
}

.period h1 {
    font-size: 1.4em;
    line-height: 1em;
    color: #ee7d5e;
    padding: 0 0 0 10px;
    font-family: "noto sans tc", "Microsoft JhengHei";
    letter-spacing: -1px;
}
.period li {
    font-size: 1em;
    line-height: 1.5em;
    font-weight: normal;
    letter-spacing: -0.2px;
    margin: 0 0 0.5em 0;
}
.hr_green {
    border-bottom: none;
    width: 82%;
    margin: 0 auto 0;
    padding-top: 1%;
}


/*主圖閱讀*/
.topic {
    margin: 0 0 0;
    padding: 7% 5% 0;
    float: left;
    display: block;
    background-image: url(../images/0903006_bg_2.jpg);
    border-radius: 0 0 0 0;
    background-repeat-y: no-repeat;
    background-size: initial;
}
.book {
    margin: 0em 0.5em 1.8em;
    padding: 0.25em;
    height: 246px;
}
.book ul li a {
}
.book img {
    width: 100%;
    height: 180px;
    border-radius: 0px;
    box-shadow: 0px 2px 8px #888;
    margin-bottom: 7%;
}


/*熱門文章*/
.pen_icon {
    width: 44px;
    height: 44px;
    padding: 6.1% 6% 5.9%;
    margin: 3% auto -2%;
    float: none;
}
.hot_topic {
    margin: -4px 0 0;
    padding: 0 6% 4% 5%;
    border-radius: 0 0 50px 0;
    background-image: url(../images/0903006_bg_3.jpg);
    border-radius: 0 0 50px 0;
    background-repeat-y: no-repeat;
    font-size: 0.95rem;
}
.hot_topic h1 {}
.hot_topic h2 {font-size: 1.2em}

.hot_topic ul {padding-left: 5%;}

/*note*/
.note {
    margin: 0;
    padding: 12px 9% 30px 3%;
}
.note li {
    font-size: 0.9em;
    line-height: 1.3em;
    font-weight: normal;
    letter-spacing: -0.2px;
    margin: 0;
    color: #000;
    margin: 0 0 0.35em 0;
}


/*header footer 開始 */	
#header-share {
	display: none;
}
#header-rwd {
	/*background-color: #404462;*/
	text-align: center;
	width: 100%;
	display: block;
	padding-top: 5px;
}
#Bodyfooter {
    width: 100% !important;
    display: none;
}
.pc {
    display: none;
}

.footerArea1 {
	display: none;
}
.footerArea2 {
	width: 80% !important;
	margin: 0px;
	padding-right: 10%;
	padding-left: 10%;
}
.footerArea2 .logo2{
	display: none;
}
.footerArea2 span {
	clear: both;
	float: none;
}
.footerArea2 div {
	text-align: left;
	width: 100%;
	font-size: 13px;
}

.footerArea2 div p {
	clear: both;
	float: none;
	word-break: normal;
}
/*header footer 結束 */

.container {
    width: 92%;
    background: linear-gradient(to bottom, #ffffff 75%, #ffffff90 98%);
    display: table;
    border-radius: 25px;
    opacity: 0.97;
    box-shadow: 0px 7px 5px rgb(0 0 0 / 30%), 0px 0px 100px rgb(0 0 0 / 10%) inset;
}






/* Footer */
#Bodyfooter{
    display: none;
}

#BodyFooter_rwd {
    float: left;
    width: 84%;
    margin: 7% 8% 4%;
    padding: 0%;
}
#BodyFooter_rwd #footer_line {
    width: 90%;
    margin-bottom: 2%;
    margin-top: 2%;
    margin-left: 5%;
    margin-right: auto;
    display: block;
    float: left;
    height: auto;
    text-align: center;
    border-top-width: thin;
    border-top-style: solid;
    border-top-color: #b6d5dc;
}
#BodyFooter_rwd #footer_inline a {
    color: #fff;
}
#BodyFooter_rwd #footer_inline ul{
    float: left;
    padding: 0%;
    width: 100%;
    margin-bottom: 1%;
    text-align:center;
}
#BodyFooter_rwd #footer_inline ul li{
    float: left;
    display: inline-block;
    line-height: 1.7em;
    font-size: 1.1em;
    clear: both;
    width: 100%;
    margin-right: auto;
    margin-bottom: 0%;
}
#BodyFooter_rwd #footer_inline ul li img{
    height: auto;
    vertical-align: middle;
    margin-bottom: 3%;
}
#BodyFooter_rwd #footer_address{
    margin-top: 0%;color: #b6d5dc;
    float: left;
    width: 100%;
    text-align: center;
    margin-right: auto;
    margin-left: auto;
}
#BodyFooter_rwd #footer_address a {
    color: #b6d5dc;
}
#BodyFooter_rwd #footer_address ul{
    float: left;
    padding: 0%;
    text-align: center;
    margin-bottom: 1%;
    width: 94%;
    clear: both;
    margin-left: 3%;
}
#BodyFooter_rwd #footer_address ul li{
    float: left;
    display: block;
    width: 100%;
    line-height: 2em;
    text-align: center;
    font-size: 0.8em;
}
/* Footer end */









/*平板尺寸*/
@media screen and (min-width:600px) and (max-width:769px) {
.br_mb{ display: inherit}
.br_pc{ display: none;}
/*logo_title */
.date_title {font-size: 1.3em;}
/*單元topmenu*/
.topmenu ul {
    margin: 0 auto 0 -25px;
    text-align: center;
}
.topmenu a {
    font-size: 1.16em;
    line-height: 1em;
    color: #585858;
    font-weight: bold;
    padding: 0px 5px 0px 7px;
    border-left: 2px #ee7d5f solid;
    margin: 3px 0;
    text-decoration: none;
    display: block;
    vertical-align: middle;
    /* background-color: #466cb3; */
}
.topic {padding: 7% 18% 0;}


/*主圖閱讀*/
.book img {
    width: auto;
    height: 210px;}
	
/*最新活動*/
.news {
    margin: 0 0 0 10%;
    padding-left: 0;
    width: 88%;
    display: inline-block;
    float: initial;
}
.news li {
    font-size: 0.9em;
    line-height: 1.4em;
    font-weight: normal;
    letter-spacing: -0.2px;
    margin: 0 60px 0.3em 27px;
}
.more {
    padding: 0 0 2px;
    margin: 0.3% 3.5% 0 0;
    float: right;
    border-bottom: 1.5px #ee7d5e dotted;
    /* line-height: 1em; */
    width: auto;
    display: block;
}
    } /*平板尺寸-end-*/







/*解析度  480px 以下*/
@media screen and (max-width:480px) {
#BodyContent {
	width: 100%;
	margin-left: auto;-moz-background-size:100% 12%;
-webkit-background-size:100% auto;
-o-background-size:100% auto;
background-size:100% auto;
padding-top:30px;
}

}



}