/* article type */
.articlebody h2 {
	color:#cd0505;
    line-height: 130%;
    margin-bottom: -6px;
}
.articlebody p {
	margin: 30px auto;
	text-align: justify;
	text-justify: distribute;
}
.articlebody a img {
    display: inline;
    padding: 0 4px;
    vertical-align: bottom;
}
.articlebody ul {
	list-style-type: square;
    margin: 24px 0;
    padding-left: 18px;
}
.articlebody ul li {
	font-size: 112.5%;
    line-height: 2.2rem; 
	list-style-type: inherit;
    margin: 4px 0;
}
.articlebody blockquote {
    background-color: #EEE;
    color: #484848;
	font-size: 1.5rem;
    margin: 30px auto;
	text-align: center;
    padding: 0px 25px 25px;
    width: 85%;
    position: relative;
    overflow: hidden;
}
.articlebody blockquote p {
    text-align: center
}
.articlebody table {
	font-size: 0.8rem;
	margin: 30px auto;
	width: 100%
}
.articlebody table th {
	border-top: #CCC 1px solid;
}
.articlebody table th, .articlebody table td {
	padding: 10px 5px;
	border-bottom: #CCC 1px solid
}
.articlebody table .bgcolorGray {
	background-color: #DDD
}
.articlebody table .bgcolorblock {
	background-color: #000;
	color: #FFF
}
.relatedinfo {
	border-left: #CCC 5px solid;
	margin: 1em auto;
	padding: 0 20px;
}
.relatedinfo h3 {font-size: 2em;margin-bottom: 8px;line-height: 1.5rem}
.relatedinfo p {
	font-size: 0.9rem;
	line-height: 1.6rem;
	margin: 12px auto 0;
}

/* video and img */
.articlephoto img, .articlebody p img, .articlebody p embed, .articlebody p iframe, .articlebody p object, .articlebody p video, .articlebody iframe {
    max-width: 100%;
}
.articlebody p embed, .articlebody p iframe, .articlebody p object, .articlebody p video, .articlebody iframe {height: 60vh;width: 100%}
.eventDetail p embed, .eventDetail p iframe, .eventDetail p object, .eventDetail p video, .eventDetail iframe, .single .articlebody p embed, .single .articlebody p iframe, .single .articlebody p object, .single .articlebody p video, .single .articlebody iframe {height: 72vh;width: 100%}
.gallery {
	display: -ms-grid;
	-ms-grid-columns: min-content;
    display: block;
	overflow: hidden;
	margin-bottom: -20px;
}
.articlephoto {
    margin: 30px auto;
	text-align: center;
	/* 讓整個寬度跟著最大內容寬度走 */
	width: -webkit-min-content;
	width: -moz-min-content;
	width: min-content;
}
.pageIntro .articlephoto {width: 100%;max-width: 100%}
.articlebody .articlephoto img {
	display: block;
	margin: 0 auto;
	max-width: 800px;
}
.single .articlebody .articlephoto img {
	max-width: 960px;
}
.photocaption {
    border-bottom: #DDD 1px solid;
	color: #000;
	font-size: 12px;
	line-height: 18px;
	padding: 6px 0 8px;
    position: relative;
    overflow: hidden;
}
.pageIntro .articlephoto img {width: auto;max-height: 453px;max-width: inherit;}
.pageIntro .articlephoto .photocaption {
	border-bottom: none;
    color: #333;
    font-size: 1rem;
    line-height: 1.35rem;
    padding: 6px 0 15px;
	text-align: left
}
.articlebody .photocaption p, .articlebody .column .photocaption p {
	line-height: 1.75em;
    margin: 0;
}
.gallerymore {
    background: url("https://ibw.bwnet.com.tw/bw/images/gray_line.gif") 10px 0px repeat-y #FFF;
    float: right;
    padding: 0 10px 2px 40px;
    position: relative;
    top: 4px;
    right: 0;
}
.gallerymore a {
    color: #555;
}
.gallerymore a:hover {
    text-decoration: underline;
}
.gallerymore .sight {
    background-image: url("https://ibw.bwnet.com.tw/bw/images/system_icon.png");
    width: 24px;
    height: 24px;
    top: 0px;
    left: 12px;
}
.gallerymore .sight.media_photo {
    background-position: 5px -315px;
}
.gallerymore .sight.zoom {
    background-position: -20px -315px;
}

/* layout */
.single .contbody .articlebody {width: 80%;margin: 0 auto}
.detail p{ font-size:1.125rem; color:#666; line-height:1.75rem;}
.pageContent {margin-bottom: 7.5rem}
.pageIntro {
    margin: 0px 0 12px;
    position: relative;
}
.pageIntro .headline {
    float: left;
    margin: 0px 0 1.25rem 0;
    width: 80%;
}
.pageIntro h1 {font-size: 2rem;line-height: 1.35em;font-weight: 600;}
.pageIntro h2 {font-size: 1.25rem;}
.articleInfo .author { font-size: 1rem; }
.articleInfo .author, .toptoolbar .article_function li, .toptoolbar .article_function, .bottomtoolbar .socialshare > div ,.bottomtoolbar .socialshare, .postnav .previou  {
    float: left;
}
.articleInfo .moreInfo, .toptoolbar .socialshare, .articleDate, .bottomtoolbar .articleSource, .postnav .next {
    float: right;
}
.articleDate {color:#888;text-align:right;font-family: Century Gothic;font-weight: bold;font-size: 1.25rem;}
.artLiketop {margin-top: 5px;}
.articleDate strong {display: block;font-size: 1.35rem;}
.articleInfo {
    border-bottom: #DDD 1px solid;
	margin-bottom: 0.8rem;
    padding-bottom: 8px;
	color: #555;
}
.articleInfo .articleSource {border-right: #CCC 1px solid;padding-right: 8px;margin-right: 8px;display: inline-block;}
.articleInfo .articleSource h2 {font-size:1rem;}
.article_function {font-size: 1.2rem;width: 40%}
.toptoolbar .article_function li {line-height: 30px;text-align: center;}
.article_function a {
    color: #555;
    display: inline-block;
	padding: 0 0 0 20px;
	text-align: center;
}
.article_function .fontsize a {
	border: #CCC 1px solid;
	padding: 0;
    font-size: 1rem;
    width: 44px;
}
.article_function .fontsize a:first-child {
	-webkit-border-top-left-radius: 2px;
	-webkit-border-bottom-left-radius: 2px;
	-moz-border-radius-topleft: 2px;
	-moz-border-radius-bottomleft: 2px;
	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
	border-right: none;
}
.article_function .fontsize a:last-child {
	-webkit-border-top-right-radius: 2px;
	-webkit-border-bottom-right-radius: 2px;
	-moz-border-radius-topright: 2px;
	-moz-border-radius-bottomright: 2px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}
.article_function a:hover, .articleinfo .counts em {color: #000;}
.author span {
	background: #555;
	color: #FFF;
    display: inline-block;
    font-size: 11px;
	margin-right: 5px;
	padding: 4px 10px 6px;
	position: relative;
	top: -2px
}
.socialshare > div {
	margin-left: 5px;
	text-align: center;
}
.toptoolbar  .socialshare > div {display: inline-block}
.toptoolbar .socialshare > div a {padding: 12px 0px;width: 54px;display: block;color: #FFF;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
.bottomtoolbar .socialshare .google {width: 60px}
.toptoolbar .socialshare .facebook a {background: #365899;border: #365899 1px solid}
.toptoolbar .socialshare .twitter a {background: #1da1f2;border: #1da1f2 1px solid}
.toptoolbar .socialshare .google a {background: #d32f2f;border: #d32f2f 1px solid}
.toptoolbar .socialshare .line a {background: url("../images/default/LINE_logotype_White.png") center center #00c402 no-repeat;background-size: 120%;border: #00c402 1px solid}
.toptoolbar .socialshare .facebook a:hover {background-color: #FFF;color: #365899;}
.toptoolbar .socialshare .twitter a:hover {background-color: #FFF;color:#1da1f2;}
.toptoolbar .socialshare .google a:hover {background-color: #FFF;color:#d32f2f;}
.toptoolbar .socialshare .line a:hover {background: url("../images/default/LINE_logotype_Green.png") center center #FFF no-repeat;background-size: 120%}
.socialshare .memberfunction a {background: #cd0505;border: #cd0505 1px solid}
.socialshare .memberfunction a:hover {background-color: #FFF;color:#cd0505;}


.toptoolbar .share {
    float: right;
    margin-top: 3px;
    overflow: hidden;
}

.toptoolbar .socialshare .line_add { display: none; width: 126px; }
.toptoolbar .socialshare .line_add a { position: relative; height: 43px; padding: 0; background: #01bb02; border-radius: 3px; overflow: hidden;}
.toptoolbar .socialshare .line_add a img { height: 100%; }



.socialshare .sponsorUs a {background: url("../images/default/herbs.png") center center #aacc4c no-repeat;background-size: 60%;border: #aacc4c 1px solid}
.socialshare .sponsorUs a:hover {background: url("../images/default/herbs_o.png") center center #FFF no-repeat;background-size: 60%;}
.toptoolbar .share {
    float: right;
    margin-top: 3px;
    overflow: hidden;
}
.bottomtoolbar {
	font-size: 0.8rem;
    margin: 10px 0;
}
.bottomtoolbar .articleSource a {font-size: 1rem}
.bottomtoolbar .articleSource button {background: #555}
.bottomtoolbar .articleSource .action {background: #CD0505}
.bottomtoolbar > .clearfix {
    border-top: #CCC 1px solid;
    border-bottom: #CCC 1px solid;
    margin-top: 8px;
    padding: 8px 0;
}
.aboutauthor, .aboutinfo, .aboutbook {
	/*border-top: #CCC 1px dotted;
	border-bottom: #CCC 1px dotted;*/
    line-height: 1.5em;
    padding: 35px 0;
    text-align: left;
    position: relative;
}
.aboutbook {border-bottom: #CCC 1px solid;padding: 20px 0}
.aboutbook .bookname {
	margin-bottom: 1rem;
	font-size: 1.5rem;
}
.aboutbook .bookname small {
	display: block;
	margin-bottom: 4px;
	font-size: .8rem;
}
.aboutauthor h3, .aboutinfo h3, .aboutbook h3 {margin: 0 0 10px;font-size: 1.5rem}
.aboutauthor  h3 small, .aboutbook h3 small {display: block;font-size: 0.8rem;line-height: 1.75em;}
.aboutauthor .thumb {
    background-color: #000;
    color: #FFF;
    -webkit-border-radius: 120px;
    -moz-border-radius: 120px;
    border-radius: 120px;
    float: left;
    line-height: 120px;
    margin-right: 20px;
    text-align: center;
    width: 120px;
    height: 120px;
    overflow: hidden;
}
.aboutbook .thumb {
    float: left;
    width: 18.5%;
}
.aboutbook .detail, .aboutauthor .detail {float: right;width: 78%}
.maincontent.single .aboutbook .thumb {width: 18%;}
.maincontent.single .aboutbook .detail {width: 80%;}
.aboutinfo { 
    color: #555;
    float: right;
    width: 50%;
    margin: 20px -20% 0 20px;
    line-height: 1.8em;
} 
.aboutbook .addToCart {
	margin-top: 20px;
	overflow: hidden
}
.addToCart .text-right {float: right}
.addToCart .text-right a {color: #FFF;padding: 0 8px;}
.tips .wrapper {
    border-left: #CCC 2px solid;
    padding: 0 0 0 25px;
}
.tips h4 {margin: 5px auto 10px;border-bottom: #DDD 3px solid;}
.tips .headline { font-weight: bold; font-size: 19.2px; margin: 5px auto 10px; border-bottom: #DDD 3px solid; }
.tips ul {margin: 12px 0}
.tag li {
    float: left;
	font-style: italic;
    padding: 0 6px 5px 0;
}
.tag li a {
	border: #333 1px solid;
	color: #333;
    line-height: 100%;
	padding: 0px 15px;
	display: block;
    line-height: 2em;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.tag li a:hover {
	background: #CD0505;
	color: #FFF;
	border-color: #CD0505;
}
.articlebody .column {
	display: box;
	display: -moz-box;
	display: -webkit-box;
	box-orient: horizontal;
	-moz-box-orient: horizontal;
	-webkit-box-orient: horizontal;
	
}
.articlebody .column > div {
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-flex: 1;
	-moz-box-flex: 1;
    -webkit-box-flex: 1;
}
.articlebody .column > div p {margin: 20px auto}
.articlebody .column > div:first-child {
	padding-right: 20px
}
.articlebody .column > div:last-child {
	padding-left: 20px
}
.articlebody .column .articlephoto img, .column .articlephoto {width: 100%}
.articlebody .column embed, .articlebody .column iframe, .articlebody .column object, .articlebody .column video, .articlebody .column iframe {height: 30vh;}
/* page nav */
.postnav {margin-top: 20px}
.postnav .previou, .postnav .next {
    border-bottom:#CCC 4px solid;
    font-size: 1.1rem;
    width: 48%;
    min-height: 65px;
    vertical-align: top;
    position: relative
}
.postnav .previou strong, .postnav .next strong {font-weight: 100}
.postnav .previou:after, .postnav .next:after {
    content:"";
    background: #CD0505;
    width: 25%;
    height: 4px;
    position: absolute;
    bottom: -4px;
    left: 0
}
.postnav .next:after {
    left: inherit;
    right: 0
}
.postnav .next {text-align: right}
.postnav .previou a.next_article, .postnav .next a.next_article {border: none}

/* 留言 */
#comments {background: #F0F0F0;padding: 30px 0;width: 100%}
#comments .container {max-width: 1000px;margin: 0 auto;text-align: center;}
#comments iframe {max-width: 100%;width: 100%}

/* AD */
.bw_ad {
	border-top: #CCC 1px solid;
	border-bottom: #CCC 1px solid;
	margin-bottom: 3em;
    padding: 20px 0;
}
.tips+.bw_ad {
	border-top: none
}

/*=== For Bw.com =============================*/
.pageContent {margin-bottom: 3rem;}
.articlebody h2 { color:#cd0505;font-size: 150%;}
.articlebody p { font-size: 112.5%;line-height: 2.2rem;}
.articlebody summary {
    color: #888;
    font-size:1rem;
    line-height:2rem;
	letter-spacing:1px;
	border-bottom:1px dotted #ddd;
}
.articlebody summary p {
    margin-bottom: 10px;
    padding-bottom: 0;
}
.aboutauthor{
	border-top: #CCC 1px dotted;
	border-bottom: #CCC 1px dotted;
    line-height: 1.5em;
    padding: 25px;
    text-align: left;
    position: relative;
}
.detail p{ font-size:1.125rem; color:#666; line-height:1.75rem;}
.tag {margin-bottom: 20px;padding: 10px 0 5px;font-size:1rem; font-style:italic; }
.middlead a img{ max-width:100%; margin:25px auto;}  

/*++ page ++*/
.pagearea {
	margin-bottom:2rem;
    font-size:1rem;
    text-align: center;
    width: 100%;
    overflow: hidden;
}
.pagearea li {color: #AAA; display: inline;}
.pagearea a, .pagearea .select, .pagearea span  {
	display: inline-block;
	line-height: 40px;
	width: 40px;
	height: 40px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
.pagearea a  {background-color: #ddd; color:#000;}
.pagearea .select { background-color: #cd0505; color: #fff;}
.pagearea li.first a, .pagearea li.last a,
.pagearea li.first span, .pagearea li.last span {
    background-color: #fff;
    width: 60px;
}
.pagearea li.goback a {
    background: #ddd;
    color: #000;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
}
.pagearea li.goback a:hover {
   color: #fff; background: #cd0505;
}
.pagearea .prepage a, .pagearea .prepage span, .pagearea .nextpage a, .pagearea .nextpage span {
    background-image: url(../images/default/read_ctrl.png);
    background-repeat: no-repeat;
    margin: 0 1px;
    text-indent: -9999px;
}
.pagearea .prepage a, .pagearea .prepage span {
    background-position: 0px -161px;
}

.pagearea .prepage a:hover{
    background-position: -40px -161px;
}
.pagearea .nextpage a, .pagearea .nextpage span {
    background-position: 0px -121px;}
	
.pagearea .nextpage a:hover {
    background-position: -40px -121px;}	
	
.pagearea a:hover {
    background-color: #cd0505;
    color: #fff;
}
.pagearea li.first a:hover, .pagearea li.last a:hover {
    color: #000;
}

.pagearea li.single a {
    background: #ddd;
    color: #000;
    padding: 0 10px;
    white-space: nowrap;
    width: auto;
}
.pagearea li.single a:hover {
   color:#fff; background:#cd0505;
}
  
/*++ Next Article ++*/
.next_article{ width:100%; border-top:#cd0505 1px solid; border-bottom:#cd0505 1px solid; padding:40px 0;overflow:hidden; margin-bottom:50px;}
.next_article img{ float:left;  margin-right:25px; width:350px; }
.next_article a img { max-width:100%;}
.next_articleR{ float:left; overflow:hidden; width: 370px;margin-right:25px;}
.next_articleR span{ display: table;font-size:1.5rem; line-height:2.25rem; color:#fff; padding:5px 15px; background-color:#cd0505;}
.next_articleR p{ margin-top:25px;font-size:1.5rem; line-height:2rem; color:#000;}
.next_article_arr a{ float:left; width: 30px; height:51px; background:url(../images/default/read_ctrl.png) 0 -70px no-repeat; text-indent:-999px; opacity:0.8; margin-top:75px; }
.next_article_arr a:hover{ background:url(../images/default/read_ctrl.png) 0 -70px no-repeat; opacity:1; }

/*++ Must Read Article ++*/
.readthis{ overflow:hidden;margin-top:20px; padding-bottom:25px;}
.mustlike ,.connected ,.hotvideo,.choicead ,.feature-ad{ width:100%; overflow:hidden;}
.mustlike ul ,.connected ul ,.hotvideo ul ,.choicead ul ,.feature-ad ul{ margin-top:20px;}
.mustlike li{ float:left; width:140px; overflow:hidden; margin-right:25px;}
.mustlike li a img ,.hotvideo li a img,.choicead li a img ,.feature-ad li a img{ max-width:100%;}
.mustlike li a ,.hotvideo li a{ font-size:1.125rem; line-height:1.7rem; color:#000;}
.mustlike li a:hover ,.hotvideo li a:hover ,.choicead li a:hover,.feature-ad li a:hover{ color:#cd0505;}
.mustlike > ul li.right-none ,.choicead > ul li.right-none,.channel_new-b > ul li.right-none,.channel_new-s > ul li.right-none,.bwBlog > ul li.right-none ,.feature_top > ul li.right-none{ margin-right:0;}

/*++ Connected Article ++*/
.connected a li { padding:0 3px 5px 0px; border-bottom:#c8c8c8 1px dotted; margin-top:7px;font-size:1.125rem; line-height:1.7rem; color:#000;}
.connected a:hover li { color:#cd0505;}

/*++ Hot Video ++*/
.hotvideo li{ float:left; margin:0 20px; width:360px; overflow:hidden; }

/*++ Choice Ad ++*/
.choicead li{ float:left; width:250px; overflow:hidden; margin-right:25px; padding-bottom:25px;}
.choicead li a{ font-size:1.125rem; line-height:1.5rem; color:#000;}

/**++ Article side Tabs ++**/
.tabbox_wrp{
	float:left;
	margin-left:40px; 
	font-family: Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu,"新細明體", sans-serif;
	background:#eee;/*20160812*/
	}
	
.tabbox{
	font-size:1.125rem;
	width:360px;
	overflow:hidden;
	background:#eee;
	}
	
.tabbox .tab{
	overflow:hidden;
	background:#f3f3f3;
	}
	
.tabbox .tab a{
	display:block;
	/*padding:10px 20px;*/
	width:33.33333%;
	float:left;
	text-decoration:none;
	color:#666;
	text-align:center;
	line-height:55px;
	}
	
.tabbox .tab a:hover{
	background:#eee;
	color:#cd0505;
	text-decoration:none;
	}
.tabbox .tab a.on{
	background:#eee;
	color:#cd0505;
	text-decoration:none;
	}
.tabbox .side_content{
	overflow:hidden;
	padding:20px 30px;
	}
.tabbox .side_content li{display:none;}

.tabbox_new{ width:100%; overflow:hidden; border-top:1px solid #ccc; padding:15px 0;}
.tabbox_new a img{ float:left; margin-right:10px; max-width:100px; overflow:hidden; }
.tabbox_new p,.tabbox_new p a{ display:block; width:190px; float:left; font-size:1rem; line-height:1.25rem; color:#666;}
.tabbox_new p a:hover{ color:#000;}

.sidead2{ width:300px; overflow:hidden; margin:10px auto;}
.topnone{ border-top:none;}

.sidehotnew,.travelarea{ width:360px; overflow:hidden; background-color:#eee; padding:0 30px 30px;}
.travelarea2{ width:300px; overflow:hidden; background-color:#eee; padding:30px 0 15px 0;}
.sidehotnew h3,.channelhot h3,.travelarea h3,.travelarea2 h3 ,.issueside h3{ text-align:center; font-size:1.125rem; color:#cd0505; line-height:36px; background-color:#e3e3e3;}

.sidehotnew li a{ display:block; font-size:1rem; line-height:1.25rem; color:#666; border-top:1px solid #ccc;padding:15px 0;}
.sidehotnew li a:hover{ color:#000;}
.sidehotnew > ul li.top_none a,.channelhot > ul li.top_none a { border-top:none;}
.mainR_content .sidehotnew {width: auto;padding: 0 20px 0px}
.sidehotnew ul li:first-child a{ border-top: none}


/* comments */
.fb_comments { overflow:hidden;padding:30px 0;width: 100%;}

/**++ 主頻道首頁 ++**/
.channel_wrp{ width:800px; /*width:calc(100% - 400px); */ float:left;overflow:hidden;}
.channel_new-b,.channel_new-s{ width:100%; overflow:hidden;}
.channel_new-b li{ width:385px; margin-right:30px; float:left; margin-top:1.5rem;padding-bottom:3rem;}
.channel_new-b li a img,.channel_new-s li a img{ max-width:100%;}
.channel_new-b li a h2 ,.channel_new-s li a h2 { font-size:1.5rem; line-height:1.85rem; padding-top:0.3rem;}
.channel_new-s li{ width:250px; margin-right:25px; float:left; padding-bottom:3rem;}

.channelnew{ width:100%; overflow:hidden; border-top:#ddd 1px solid; padding:2rem 0; }
.channelnew img{ float:left; width:40%; margin-right:25px; overflow: hidden;}
.channelnew a img{ max-width:100%;}
.channel_cnt{ float:left; width:calc(60% - 25px);}
.channel_cnt h1{ font-size:1.5rem; line-height:1.85rem;}
.channel_cnt h2{ font-size:1.125rem; line-height:1.85rem;}
.channel_inf{ color:#666; font-size:0.9rem; line-height:1.5rem; margin-top:20px;}
.auth{ color:#fff; padding:3px 5px; background-color:#666; }
.auname,.dat{padding:0 0.5rem ; border-right:1px solid #ddd; }
.count{padding:0 0.5rem ;}
.forFBlike{ margin-top:0.75rem;}
.paddingbt{ padding-bottom:50px;}
.paddingbt2{ padding:20px 0 30px 0; width:300px;}
.blog_chl a{ display:block;position:absolute; margin-top:0px; margin-left:0px;  padding:5px; background:rgba(205,5,5,0.75); color:#fff; font-size:0.8rem; }
.blog_chl a:hover{ padding:5px; background:rgba(205,5,5,1);  }

/*++Channel-Right++*/
.channel_side{ float: left; margin-left: 40px; background: #eee;/*20160812*/ width:360px; padding:30px;}

/*分類頻道熱門10則*/
.channelhot{ width:300px; overflow:hidden;  padding:30px 0 0 0;}
.channelhot li a{ display:block; font-size:1rem; line-height:1.25rem; color:#666; border-top:1px solid #ccc;padding:15px 0;}
.channelhot li a:hover{ color:#000;}
.channelhot li span{ float:left; width:20px; background-color:#000; color:#fff; text-align:center; font-family:Century Gothic; margin:15px 10px 0 0; font-size:0.75rem;line-height:1.25rem;}
.hotli_R{ float:left; width:270px;}
.channelhot > ul li span.lired{ background-color:#cd0505;}

/*頻道文章數*/
.channel_ct{ float:left; overflow:hidden; width:80px; margin:10px 20px 10px 0; font-size:1.25rem; text-align:center; line-height:1.75rem;}
.channel_ct h4 a{ font-size:1.125rem; text-align:center; line-height:1.75rem;}
.channel_ct h5{ font-size:1.75rem;color:#cd0505;text-align:center; font-weight:normal; line-height:1.8rem;}
.channel_ct h5 span{ font-size:1rem; }

.side_FBfans{ width:300px; overflow:hidden; padding-top:30px;}

/*熱門排行*/
.rankingForm{ float:right; overflow:hidden; margin-top:-24px; }
.rankingForm select{ float:left; line-height:1.5rem; margin-left:10px; font-size:1rem; padding:0 7px; border:1px solid #e6e6e6;}

#rank-wrap { width:800px; margin: 20px auto; }
.hide {
	position: absolute;
	top: -9999px;
	left: -9999px;
}

#hotRanking { background: #fff; margin: 0 0 15px 0;}
#hotRanking .nav { overflow: hidden; margin: 0 0 10px 0;}
#hotRanking .nav li {
	width:260px;
	float: left;
	margin: 0 10px 0 0;
}
#hotRanking .nav li.last { margin-right: 0;}
#hotRanking .nav li a {
	display: block;
	background: #f2f2f2;
	color:#000;
	font-size:1.25rem;
	line-height:2.5rem;
	text-align: center;
	border: 0;
}
#hotRanking .nav li a:hover{
	background: #e6e6e6;
	color:#cd0505;	
}
#hotRanking ul {list-style: none;}
#hotRanking ul li{display: block;color: #000;}
#hotRanking ul li a:hover {color:#cd0505;}
#hotRanking ul li.nav-one a.current,#hotRanking ul li.nav-two a.current,#hotRanking ul li.nav-three a.current{
	background-color: #cd0505;
	color:#fff;
}

.ranklist{ width:100%; overflow:hidden; border-bottom: 1px solid #ebebeb; padding:10px 0;}
.rankNo{
	float:left; 
    display:block;
    width:36px; 
	text-align:center; 
	font-family:Century Gothic; 
	font-size:1.25rem; 
	background:#000;
	line-height:36px; 
	margin:0 10px 0 0;
	color:#fff;
	}
.top5{ background:#cd0505;}
.ranklist h4 a{ float:left;font-size:1.125rem; line-height:2.25rem;color:#000; text-decoration:none; font-weight:normal; width:85%;}
.rankch a{ float:right; font-size:1rem; border-left: dotted 1px #888; text-align:right; padding-left:0.5rem; margin-top:0.3rem; color:#666;}
.rankch a:hover{ color:#000;}

/*內容來源列表頁*/
.article_src{ width:100%; padding:15px 0 50px 0; /*border-bottom:1px dotted #cd0505;*/ overflow:hidden;}
.article_src img{ float:left; width:220px; margin-right:15px; max-width:100%;}
.article_srcinf{ float:left; width:460px; overflow:hidden; margin-right:12px;}
.article_srcinf h3{ font-size:2rem; line-height:2.5rem; font-weight:normal;}
.article_srcinf h4{ font-size:1.5rem; line-height:2rem; font-weight:normal; margin-top:20px;}
.article_srcinf p{ font-size:1rem; line-height:1.5rem; color:#666;}
.article_cts{  float:left; width:90px; border:1px solid #e0e0e0; font-size:2.3rem; color:#cd0505; font-family:Century Gothic; text-align:center; }
.article_cts span{ float:right;font-size:0.85rem; font-family: Arial, Microsoft JhengHei, "微軟正黑體", LiHei Pro, "儷黑體", PMingLiu,"新細明體", sans-serif; padding-top:22px; padding-right:3px;}

/*專欄列表頁*/
.bwBlog{ width:100%; overflow:hidden; margin:25px 0; padding-bottom:40px;}
.bwBlog h2{ width:100%; font-size:1.25rem; color:#cd0505; text-align:center; line-height:2.5rem; background:#e8e8e8; letter-spacing:3px;font-weight:normal;}
.bwBlog li{ float:left; margin:30px 40px 0 0; width:170px; overflow:hidden;}
.bwBlog li a img { max-width:100%; border-radius:3px;}
.bwBlog li a h3 { font-size:1.25rem; line-height:1.55rem; text-align:center; font-weight:normal; color:#000;}
.bwBlog li a:hover h3 { color:#b40505;}


/*++ side_tab ++*/
.side_tab_wrp{ float:left; margin-left:40px; width:360px;background-color: #e6e6e6; }
.side_tab{ padding:30px;}

/*++ 為您推薦*2 ++*/
.sidehotnew .detail a ,.channelhot .detail a{color: #666;}
.sidehotnew a.buttonStyle :visited ,.channelhot a.buttonStyle :visited{color: #FFF}
.sidehotnew a:hover, .sidehotnew .detail a:hover ,.channelhot a:hover, .channelhot .detail a:hover{color: #000;}

.bookList { margin:15px auto 0 auto; border-bottom:none; width:300px;}
.bookList .bookitem:last-child {margin-bottom: 0}
.bookitem {
	clear: both;
	border-bottom: #CCC 1px solid;
	margin-bottom: 15px;
	padding-bottom: 20px;
}
.bookitem .thumb {
	float: left;
	width: 40%;
	margin-right: 15px
}
.bookitem h4 {font-size: 0.95rem;line-height: 1.35em}
.bookitem .sort {font-size: 0.7rem;margin: 10px auto}
.bookitem .addToCart strong {font-size: 1.15rem;margin-top: 4px;display: inline-block}
.sidehotnew .bookitem .detail .buttonStyle ,.channelhot .bookitem .detail .buttonStyle {float: right;font-size: 0.8rem;color: #FFF}

.buttonStyle, a.buttonStyle {
	background: #cd0505;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 12px;
	line-height: 2em;
	color: #FFF; 
	transition-property: background, border-radius;
	transition-duration: .2s, 1s;
	transition-timing-function: linear, ease-in;
	transition-delay: 0s, 1s;
}
.buttonStyle:hover, a.buttonStyle:hover {background: #333;color:#FFF}

/*+++ footer debug ++*/ 
.social-group a,.social-group a:hover{ color:#fff;} 

/**++ 768 AD -300 ++**/
.adbanner_rwd{ display:none;}

/**++ Travel ++**/
.pj-Carousel { width: 300px;  margin: 0 auto; overflow: hidden; position: relative; height:180px; }
.pj-Carousel-box { height: 300px; position: absolute; top: 0; left: 0; }
.pj-Carousel-item { float: left; height: 300px; color: #979797; background-color:#eee;}
.pj-Carousel-active { position: absolute; bottom:5px; margin:0 auto; z-index: 5;  }
.pj-Carousel-color { background-color: #d5d5d5; width: 14px; height: 14px; border-radius: 50%; float: left; margin: 0px 5px; }
.pj-Carousel .active { background-color: #969696; }

.travel-prmo,.travelad{ width:300px; overflow:hidden; margin-top:1rem;}
.travelad{ margin:0 auto; border-top:#ccc dotted 1px; padding-top:15px;}
.travel-prmo img{ width:60px; overflow:hidden; margin-right:15px; float:left;}
.travel-prmo a img ,.travelad a img { max-width:100%;}
.travel-prmo ul{ }
.travel-prmo li a{ width:225px; border-bottom:none; font-size:14px; line-height:18px; color:#666;text-decoration:none; padding:4px 0;}
.travel-prmo li a:hover{ color:#000;}

/**++ Issue ++**/
.issue{ width:100%; overflow:hidden; margin-top:25px; padding-bottom:40px;}
.issue a img { float:left; width:60%; margin-right:25px;}
.issue_cnt{ float:left; overflow:hidden; width:calc(40% - 25px);}
.issue_cnt h2{font-size:2.25rem; line-height:2.25rem; color:#cd0505; padding-bottom:0.8rem;}
.issue_cnt p ,.issue_cnt p a{font-size:1.25rem; line-height:1.9rem; color:#000; text-align:justify;}
.issue_cnt p a:hover{color:#cd0505;}
.issue_btn, a.issue_btn {
	float: right;
	margin-top:1rem;
	font-size: 1.25rem;
	background: #cd0505;
	display: inline-block;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	padding: 0 12px;
	line-height:2.5rem;
	color: #FFF; 
	transition-property: background, border-radius;
	transition-duration: .2s, 1s;
	transition-timing-function: linear, ease-in;
	transition-delay: 0s, 1s;
}
.issue_btn:hover, a.issue_btn:hover {background: #ba0303;color:#FFF}
.issueside{ width:300px; overflow:hidden; background-color:#eee; padding:0 0 30px 0;}
.issueside a img{ max-width:100%; overflow:hidden; margin-top:10px;}
.issueside p ,.issueside p a{font-size:1rem; line-height:1.5rem; color:#666; text-align:justify; }
.issueside p a:hover{color:#000;}
.issueside li a{ display:block; font-size:1rem; line-height:1.25rem; color:#666; border-bottom:1px solid #ccc;padding:10px 0;}
.issueside li a:hover{ color:#000;}
.mar_top25{ margin-top:25px; margin-bottom:25px;}
.pad_none{ padding-bottom:0px;}


/*特別企劃列表頁*/
.feature_slider{ width:1200px; overflow:hidden;margin-top:1.25rem;}
.feature_sidetop{ margin-top:1.25rem;}
.feature { width:100%; overflow:hidden; border-bottom:#ddd 1px solid; padding:1.25rem 0; margin-bottom:1rem;}
.feature_cnt { width:100%; overflow:hidden;}
.feature_cnt a img{ margin-left:0; overflow:hidden; max-width: 100%;}
.feature_cnt h1{ font-size:1.5rem; line-height:1.85rem; margin-top:10px;}
.feature_cnt p{ font-size:1rem; line-height:1.5rem; margin-top:10px; color:#666;}

.f_rslides {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.f_rslides li {
  -webkit-backface-visibility: hidden;
  position: absolute;
  display: none;
  width: 100%;
  left: 0;
  top: 0;
  }

.f_rslides li:first-child { position: relative; display: block; float: left;  }

.f_rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }
.f_slide_container { margin-bottom: 10px; position: relative; float: left; width: 100%; }

.f_slide {
  position: relative;
  list-style: none;
  overflow: hidden;
  width: 100%;
  padding: 0;
  margin: 0;
  }

.f_slide li { position: absolute; width: 100%; left: 0; top: 0; }
  
.f_slide img {
  display: block;
  position: relative;
  z-index: 1;
  height: auto;
  width: 100%;
  border: 0;
  }

.f_slide .eventname {
  display: block;
  position: absolute;
  z-index: 2;
  font-size:2rem;
  text-shadow: none;
  color: #000;
  background: #fff;
  background: rgba(255,255,255, .8);
  left:1rem;
  right: 0;
  bottom:2rem;
  padding: 10px 20px;
  margin: 0;
  max-width: 600px;
  }
  
 .f_slide_nav {
  position: absolute;
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  top:50%;
  left: 0;
  opacity:0.8;
  z-index:2;
  text-indent: -9999px;
  overflow: hidden;
  text-decoration: none;
  height:50px;
  width:50px;
  background: transparent url("../images/feature/mslider.png") no-repeat left top;
  margin-top: -50px;
  }

.f_slide_nav:active ,.f_slide_nav:hover { opacity: 1.0; }
.f_slide_nav.next { left: auto; background-position: right top; right: 0; }
.feature_wrp{ width:100%; overflow:hidden;}

.feature_top{ width:100%; overflow:hidden;}
.feature_top li{ width:380px; margin-right:30px; float:left; margin-top:1.5rem;padding-bottom:3rem;}
.feature_top li a img{ max-width:100%;}
.feature_top li a h2{ font-size:1.5rem; line-height:1.85rem; padding-top:0.3rem;}

.featureList{ width:100%; overflow:hidden; border-top:#ddd 1px solid; padding:2rem 0;}
.featureList img{ float:left; width:25%; margin-right:25px; overflow: hidden;}
.featureList a img{ max-width:100%;}
.featureArt{ float:left; width:calc(75% - 25px);}
.featureArt h1{ font-size:1.5rem; line-height:1.85rem;}
.featureArt h2{ font-size:1.125rem; line-height:1.85rem;}
.featureArt p{font-size:1rem; line-height:1.5rem; color:#666; margin-top:10px;}

.feature-ad li{ float:left; width:180px; overflow:hidden; margin:0 10px; padding-bottom:25px;}
.feature-ad li a{ font-size:1.125rem; line-height:1.5rem; color:#000;}

.feature_nav{ display: table; width:100%; background-color:#000; }
.feature_nav ul{ display: table-row; width: 100%; overflow:hidden; }
.feature_nav li { display: table-cell; float:none; font-size:1.25rem; color:#fff; line-height:3rem; width: auto; max-width: 100%; text-align:center; height:3rem; }
.feature_nav li a{ display:block;text-align:center; width: auto; max-width: 100%;color:#fff; background-color:#000;}
.feature_nav li a.selected { background-color:#cd0505;}
.feature_nav li a:hover{ background-color:#a70404; }

.nav_noneb{ margin-bottom:0px;}

/**++ 搜尋結果頁 ++**/
.search_res{ font-size: 1.5rem; line-height: 1.5rem;}
.search_res span{ font-size: 1rem; line-height: 1.5rem; color:#000;}



/* Media queries */
@media screen and (max-width: 1680px) {
}
@media screen and (max-width: 1440px) {
}
@media screen and (max-width: 1366px) {
}
@media screen and (max-width: 1280px) {
}
@media screen and (max-width: 1152px) {
	.articlephoto, .articlephoto img {width: 100%;max-width: inherit;}
	.pageIntro .articlephoto img {width: 100%;max-height: inherit;}
}

@media screen and (max-width: 1024px) {	
	.single .contbody .articlebody {width: 90%;margin: 0 auto}
	.maincontent{padding:0 15px;}
	.header_top, .header_main, .main_nav, .maincontent, .topad, .bottomad, .wrapper,.footer-1200{ width:100%;}
	.statustop{ padding: 10px 0 20px;}
	.channel_wrp{ width:calc(100% - 400px);}

/*++ Next Article ++*/
.next_article{ padding:40px 0; margin-bottom:50px;}
.next_article img{ float:left;  margin-right:20px; width:calc(40% - 40px); }
.next_articleR{ float:left; overflow:hidden; width:52%;margin-right:20px;}
.next_articleR span{ font-size:1.125rem; line-height:1.75rem; padding:5px 10px;}
.next_articleR p{ margin-top:15px;font-size:1.25rem; line-height:1.7rem; }
.next_article_arr a{ float:left; width: 30px; height:51px; background:url(../images/default/read_ctrl.png) 0 -70px no-repeat; text-indent:-999px; opacity:0.8; margin-top:75px; }

/*++ Must Read Article ++*/
.readthis{ overflow:hidden;margin-top:20px; padding-bottom:25px;}
.mustlike li{ float:left; width:calc(33.33% - 25px); overflow:hidden; margin-right:25px; padding-bottom:15px;}
.mustlike li a ,.hotvideo li a{ font-size:1rem; line-height:1.5rem; color:#000;}
.mustlike > ul li.right-none ,.choicead > ul li.right-none,.channel_new-b > ul li.right-none,.channel_new-s > ul li.right-none,.bwBlog > ul li.right-none{ margin-right:0;}

/*++ Hot Video ++*/
.hotvideo li{ float:left; margin:0 15px; width:calc(50% - 30px); overflow:hidden; }


/**++ 主頻道首頁 ++**/
.channel_new-b li{ width:calc(50% - 15px); margin-right:30px; float:left; margin-top:1.5rem;padding-bottom:2.5rem;}
.channel_new-s li{ width:calc(33.333% - 10px); margin-right:15px; float:left; padding-bottom:2.5rem;}
.channel_new-b li a h2 ,.channel_new-s li a h2 { font-size:1.3rem; line-height:1.7rem; padding-top:0.3rem;}
.channelnew{ padding:1rem 0; }
.channelnew img{  width:25%; margin-right:15px; }
.channel_cnt{width:calc(75% - 15px);}
.channel_cnt h1{ font-size:1.35rem; line-height:1.7rem;}

/*++ Choice Ad ++*/
.choicead li{ float:left; width:calc(50% - 25px); overflow:hidden; margin:0 10px; padding-bottom:25px;}
.choicead > ul li.right-none{margin:0 10px;}

.single .contbody .articlebody {width: 90%;margin: 0 auto}

/*熱門排行*/
#rank-wrap { width:100%; margin: 20px auto; }
#hotRanking .nav li {width:calc(33.33% - 7px);}
.ranklist h4 a{ width:80%;}

/*內容來源列表頁*/
.article_src img{ float:left; width:160px; margin-right:15px; max-width:100%;}
.article_srcinf{ float:left; width:calc(100% - 270px); overflow:hidden; margin-right:12px;}
.article_cts{  float:left; width:75px; border:1px solid #e0e0e0; font-size:2rem; color:#cd0505; font-family:Century Gothic; text-align:center; }
.article_cts span{ float:right;padding-top:18px; padding-right:3px;}

/*專欄列表頁*/
.bwBlog li{ float:left; margin:30px 10px 0 10px; width:calc(33.333% - 20px); overflow:hidden;}
.bwBlog li a h3 { font-size:1.25rem; line-height:1.55rem; height:60px;}
.bwBlog > ul li.right-none{ margin:30px 10px 0 10px;}

/**++ Issue ++**/
.issue a img { float:left; width:50%; margin-right:25px;}
.issue_cnt{ float:left; overflow:hidden; width:calc(50% - 25px);}

/*特別企劃列表頁*/
.feature_slider{ max-width:100%;}
.feature_cnt a img{ max-width:100%;}
.f_slide .eventname {
  font-size:1.5rem; 
  left:1rem;
  bottom:1rem;
  padding: 10px 20px;
  max-width:66%;
  }
  
.feature_top li{ width:calc( 33.33% - 20px); margin-right:30px; float:left; margin-top:1.5rem;padding-bottom:3rem;}
.feature-ad li{ float:left; width:300px; overflow:hidden; margin:0 15px; padding-bottom:35px; height:250px;}
.feature-ad li a{ font-size:1.25rem; line-height:1.6rem; color:#000;}
}

@media screen and (max-width: 768px) {
	.single .contbody .articlebody {width: 100%;margin: 0 auto}
	.articlebody p embed, .articlebody p iframe, .articlebody p object, .articlebody p video, .articlebody iframe {height: 33vh}
	.aboutbook .thumb {margin-left: 0}
.bottomad .container { margin:15px auto;}
.container a img{ max-width:100%;}
.com_ann2,.com_ann2 a{ float:none;margin-top: 10px;}
.com_ann3,.com_ann3 a{ float:none; margin-top:10px;}
.statustop{ padding: 0 0 25px 0;}
.bookitem {border-bottom: none;margin-bottom: 25px;}

/**++ Article side Tabs ++**/
.tabbox_wrp{ float:none; margin-left:0; background:none; }
.tabbox{ display:none;}

.sidehotnew{ width:100%; overflow:hidden; background-color:none; padding:0;}
.travelarea,.travelarea2{ width:100%; overflow:hidden; background-color:#fff; padding:0; margin:15px auto;}
.pj-Carousel-item { background-color:#fff;}

/*++ Next Article ++*/
.next_articleR p{ margin-top:15px;font-size:1.5rem; line-height:2rem; }

/**++ 主頻道首頁 ++**/
.channel_wrp{ width:100%;  float:none; margin:0;}
.channelnew img{ float:left; width:40%; margin-right:25px; overflow: hidden;}
.channelnew a img{ max-width:100%;}
.channel_cnt{ float:left; width:calc(60% - 25px);}

/**++ 768 AD -300 ++**/
.adbanner_rwd{ margin:30px auto; width:300px; overflow:hidden; display:block;}

/*++Channel-Right++*/
.channel_side{ float: none; margin:0; width:100%; padding:0; background:none;}
.sidead{ display:none;}
#channel_cts{ display:none;}

/*分類頻道熱門10則*/
.channelhot{ width:100%; padding:0;}
.channelhot li a{ display:block; font-size:1rem; line-height:1.25rem; color:#666; border-top:1px solid #ccc;padding:15px 0;}
.channelhot li a:hover{ color:#000;}
.channelhot li span{ float:left; width:20px; background-color:#000; color:#fff; text-align:center; font-family:Century Gothic; margin:15px 10px 0 0; font-size:0.75rem;line-height:1.25rem;}
.hotli_R{ float:left; width:calc(100% - 30px);}
.channelhot > ul li span.lired{ background-color:#cd0505;}

.side_FBfans{ width:300px; overflow:hidden; padding-top:30px; margin:0 auto;}

/*熱門排行*/
.paddingbt2{ width:100%;}
.sidehotnew{ background-color:#fff;}
.sidehotnew li a{ font-size:1rem; line-height:1.25rem; border-top:none;border-bottom:1px solid #e6e6e6; padding:15px 0;}

/**++ Issue ++**/
.issue{ padding-bottom:30px;}
.issue a img { float:left; width:60%; margin-right:25px;}
.issue_cnt{ float:left; overflow:hidden; width:calc(40% - 25px);}
.issue_cnt h2{font-size:2rem; line-height:2rem; padding-bottom:0.8rem;}
.issue_cnt p ,.issue_cnt p a{font-size:1.25rem; line-height:1.9rem;}
.issueside{ width:100%; overflow:hidden; background-color:#fff; padding:0 0 30px 0;}
.issueside img { display:block; width:300px; margin:0 auto;}
.issueside a img{ max-width:100%; overflow:hidden; margin-top:10px;}
.issueside p ,.issueside p a{ display:block; width:300px; margin:0 auto;font-size:1rem; line-height:1.5rem; color:#666; text-align:justify;  }
.issueside li a{ display:block; font-size:1rem; line-height:1.25rem; color:#666; border-bottom:1px solid #ccc;padding:10px 0;}

/*特別企劃列表頁*/
.f_slide .eventname {
  font-size:1.5rem; 
  left:1rem;
  bottom:1rem;
  padding: 10px 20px;
  max-width:66%;
  }
  
.feature_top li{ width:calc(33.33% - 15px); margin-right:20px; float:left; margin-top:1.5rem; padding-bottom:2.5rem;}
.feature-ad li{ float:left; width:calc(31% - 5px); overflow:hidden; margin:0 10px; padding-bottom:35px; height:auto;}
.feature-ad li a{ font-size:1.25rem; line-height:1.6rem; color:#000;}
.feature_nav li { font-size:1.15rem; }
   
.single .contbody .articlebody {width: 100%;margin: 0 auto}
.articlebody p embed, .articlebody p iframe, .articlebody p object, .articlebody p video, .articlebody iframe, .articlebody .column embed, .articlebody .column iframe, .articlebody .column object, .articlebody .column video, .articlebody .column iframe .single .articlebody p embed, .single .articlebody p iframe, .single .articlebody p object, .single .articlebody p video, .single .articlebody iframe {height: 33vh}
.articlebody .column {
	display: block;
}
.articlebody .column > div:first-child {
	padding-right: 0
}
.articlebody .column > div:last-child {
	padding-left: 0
}
}

@media screen and (max-width: 667px) {
	.article_function .forward, .article_function .print , .article_function .comme, .pagearea li.first, .pagearea li.last {display: none}
	.article_function {width: 88px}
	.socialshare > div a {width: 44px;padding: 8px 0}
	.pagearea li {margin: 5px auto}
	.bottomtoolbar .socialshare, .bottomtoolbar .articleSource {float: none;}
	.bottomtoolbar .articleSource {clear: both;padding-top: 20px}
	.bw_ad a strong {display: block;width: 50%;margin: 15px auto 10px}
	.relatedpost .thumb {height: 215px}
	.aboutauthor, .aboutinfo, .aboutbook {padding: 15px 0}
	.aboutbook .thumb {width: 90px;margin-right: 20px}
	.aboutbook .detail {width: 65%}
}

@media screen and (max-width: 640px) {
/**++ 主頻道首頁 ++**/
.channel_inf{ display:none;}

/*分類頻道熱門10則*/
.channelhot li a{  font-size:1.125rem; line-height:1.25rem; border-bottom:1px solid #e6e6e6; border-top:none; padding:15px 0;}
.channelhot li span{ width:25px; margin:12px 5px 0 0; font-size:1rem;line-height:1.5rem;}

/*熱門排行*/
.ranklist h4 a{ width:75%;}

/**++ Issue ++**/
.issue a img { float:left; width:50%; margin-right:25px;}
.issue_cnt{ float:left; overflow:hidden; width:calc(50% - 25px);}
.issue_cnt p ,.issue_cnt p a{font-size:1.1rem; line-height:1.75rem;}

/*特別企劃列表頁*/
.f_slide .eventname {
  font-size:1.25rem; 
  left:1rem;
  bottom:1rem;
  padding:0.5rem;
  max-width:66%;
  } 
.f_slide_nav { top:55%;}

.feature_top li{ width:100%; margin-right:0px; margin:0 auto; float:none; margin-top:2rem; padding-bottom:1rem;}

.featureList{ padding:1rem 0;}
.featureList img{ width:35%; }
.featureArt{ width:calc(65% - 25px);}
.featureArt h1{ font-size:1.25rem; line-height:1.55rem;}
.featureArt h2{ font-size:1rem; line-height:1.4rem;}

.feature-ad li{ float:left; width:calc(48% - 10px); overflow:hidden; margin:0 10px; padding-bottom:35px; height:auto;}
.feature-ad li a{ font-size:1.25rem; line-height:1.6rem; color:#000;}
.feature_nav li { font-size:1rem; }
	}
	
	
@media screen and (max-width: 480px) {
	.pageIntro .headline {float:none; margin:0; width:100%;}
	.articlephoto { margin:10px auto;}
	.articleDate {color:#999; text-align:left; font-weight:bold; float:none;}
	.articleDate strong {display: inline; font-size: 1.125rem; margin-left:0.5rem;}
	.articleInfo .author, .articleInfo .moreInfo, .articleInfo .articleSource h2 { font-size:13px;float: none;}
	.articleInfo .author { margin: 15px auto 5px}
	.pageIntro h2{ font-size:1rem;}
	.pageIntro h1{ font-size:1.35rem;}
	.detail p{ font-size:1rem; line-height:1.5rem;}
	.articlebody blockquote {font-size: 1.25rem; margin:20px auto 30px;text-align: center; padding:0 15px 15px; width:85%;}
	.articlebody blockquote p { text-align: center; font-size: 1.125rem;}
	.aboutauthor{ padding:25px 0;}
	.aboutauthor .thumb { float: none; margin-right:0; margin:0 auto;}
	.aboutauthor h3{ text-align:center;}
	.tag { display:none; }


	.toptoolbar .socialshare {
        display: flex;
		float: none;
		overflow: hidden;
		z-index:999;
		width:100%;
		position:fixed;
		bottom:0;
		left:50%;
		margin-left:-50%;
		background-color:rgba(0,0,0,.2);
		padding: 8px 4px;
		transition: all .25s ease-in-out;
		text-align: center;
	}

	.toptoolbar  .socialshare > div { flex: 1; }
    .toptoolbar .socialshare > div a { width: 50px; }
    .toptoolbar .socialshare .line_add { display: block; flex: 3; max-width: 135px; }
    .toptoolbar .socialshare .line_add a { width: 126px; }

	.toptoolbar .socialshare.-hide {
		transform: translateY(100%);
	}
	.relatedpost .thumb {height: 195px}
}
@media screen and (max-width: 420px) {
      .toptoolbar .socialshare > div a { width: 40px; }
    }
@media screen and (max-width: 380px) {
      .toptoolbar .socialshare {padding: 8px 4px}
      .toptoolbar .socialshare > div a { width: 35px; }
    }
@media screen and (max-width: 360px) {

    .toptoolbar .socialshare .google { display: none;  }
      .toptoolbar .socialshare > div a { width: 40px; }
      
.articleInfo .author , .articleInfo .moreInfo{ float:none;}
.articleInfo .moreInfo{ margin-top:5px;}
.maincontent{padding:0 10px;}

/*++ Must Read Article ++*/
.mustlike li a img { max-width:25%; float:left; argin-right:10px;}
.mustlike li a { width:calc(75% - 10px);}

/*++ Hot Video ++*/
.hotvideo li{ margin:0 15px; width:calc(100% - 30px); }

/**++ 主頻道首頁 ++**/
.channel_new-b li,.channel_new-s li{ width:90%; margin-right:none; float:none; margin:1.5rem auto;padding-bottom:.5rem;}
.channel_new-b li a h2 ,.channel_new-s li a h2 { font-size:1.125rem; line-height:1.5rem; padding-top:0;}
.channelnew{ padding:1rem 0; }
.channelnew img{  width:35%; margin-right:10px; }
.channel_cnt{width:calc(65% - 10px);}
.channel_cnt h1{ font-size:1.125rem; line-height:1.5rem;}

.channel_new-b > ul li.right-none,.channel_new-s > ul li.right-none{ margin:0 auto;}

/*分類頻道熱門10則*/
.channelhot li a{ font-size:1.125rem; line-height:1.5rem; border-bottom:1px solid #e6e6e6; border-top:none; padding:10px 0;}
.channelhot li span{ width:25px; margin:10px 5px 0 0; font-size:1rem;line-height:1.5rem;}

/*熱門排行*/
.ranklist h4 a{ width:65%; font-size:1rem; line-height:1.5rem;}

/*內容來源列表頁*/
.article_src{ padding:15px 0 25px 0; }
.article_src img{ float:left; width:100px; margin-right:10px; max-width:100%;}
.article_srcinf{ float:left; width:calc(100% - 110px); overflow:hidden; margin-right:0;}
.article_srcinf h3{ font-size:1.25rem; line-height:1.6rem; }
.article_srcinf h4{ font-size:1rem; line-height:1.25rem;  margin-top:15px;}
.article_srcinf p{ font-size:0.8rem; line-height:1.2rem; }

/*專欄列表頁*/
.bwBlog li , .bwBlog > ul li.right-none{ margin:20px 10px 0 10px; }
.bwBlog li a h3 { font-size:0.9rem; line-height:1.2rem; height:60px;}

/**++ Issue ++**/
.issue_cnt h2{font-size:1.6rem; line-height:2.1rem; padding-bottom:0;}
.issue_cnt p ,.issue_cnt p a{font-size:1.15rem; line-height:1.8rem;}

/*特別企劃列表頁*/
.f_slide .eventname {
  font-size:0.9rem; 
  left:0;
  bottom:0;
  padding:.2rem 1rem;
  max-width:100%;
  }
  
.f_slide_nav { top:60%;}

.feature_top li a h2{ font-size:1.25rem; line-height:1.6rem; padding-top:0;}

.featureList{ padding:0.75rem 0;}
.featureList img{ width:30%; margin-right:15px;  }
.featureArt{ width:calc(70% - 15px);}
.featureArt h1{ font-size:1.15rem; line-height:1.5rem;}
.featureArt h2{ font-size:0.9rem; line-height:1.3rem;}
.feature-ad li{ float:none; width:90%; overflow:hidden; margin:0 auto; padding-bottom:20px; height:auto;}

}
	
	
/*---閒置推廣---*/
.reveal-modal-bg { 
   position: fixed; 
   height: 100%;
   width: 100%;
   background: rgba(0,0,0,.1);
   z-index: 100;
   display: none;
   top: 0;
   left: 0; 
}
	
.reveal-modal {
   visibility: hidden;
   top:120px; 
   left:50%;
   margin-left: -360px;
   width:720px;
   height:660px;
   background:#fff;
   position: absolute;
   z-index: 9999;
   }

.reveal-modal .close-reveal-modal {
   position: absolute;
   top:0px;
   right:-50px;
   color: #fff;
   background-image:url(../images/pro-close.png);
   height:50px;
   width:50px;
   cursor:pointer;
   z-index: 102;
   text-indent:-9999px;
}

.pro_set{
	padding:25px 25px 10px; 
	overflow:hidden;
	background:#fff;
}

.pro_set h5{
	font-size:1rem; 
	line-height:2.5rem; 
	text-align:center; 
	color:#969696;
	font-weight:normal;
	letter-spacing:1px;
}

.pro_setR{
	float:left;
	width:345px;
	margin-right:25px;
}
	
.pro_setR li{
	width:100%;
	margin-top:10px;
	padding-bottom:10px;
	overflow:hidden;
}
	
.pro_setR li a img{
	float:left;
	max-width:142px;
	margin-right:15px;
}
	
.pro_setR li a p{
	display:block;
	float:left;
	width:185px;
	font-size:1rem;
	line-height:1.5rem;
}
	
.pro_setR li span{
    display: block;
    position: absolute;
    margin-top: 0px;
    margin-left: 0px;
    padding:3px;
    background: rgba(205,5,5,0.75);
    color: #fff;
    font-size: 0.8rem;
}
	
.pro_setAD{
	display:block;
	float:left;
	width:300px;
}
	
.pro_setAD a img{
	max-width:100%;
}                                 

@media screen and (max-width: 320px) {
	.socialshare > div {margin-left: 2px}
	.pagearea a, .pagearea .select, .pagearea span {line-height: 38px;width: 38px;height: 38px;}
	.relatedpost .thumb {height: 169px}
}
.socialshare, .toptoolbar .socialshare > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
/*行距依照字形放大_20170619*/
.articlebody p {
    line-height: 1.95;
}

.relatedinfo h3 {
  font-size: 200%;
  line-height: 1;
}

/* 20180830改推薦文章樣式 */
.relatedpost .article .for-mobile {
	display: none;
}
@media screen and (max-width: 480px) {
	.relatedpost .mainL_content {
		border-top: none;
	}
	.relatedpost .article {
		margin-bottom: 0;
	}
	.relatedpost .article a {
		display: flex;
		padding-top: 10px;
		padding-bottom: 10px;
		border-bottom: 1px dashed #c9c9c9;
	}
	.relatedpost .thumb {
		padding-right: 10px;
		width: 33%;
		height: initial;
	}
	.relatedpost .title {
		width: 67%;
	}
	.relatedpost .article .for-desktop {
		display: none;
	}
	.relatedpost .article .for-mobile {
		display: block;
		color: #666;
	}
	.relatedpost .title {
		padding-top: 0;
		line-height: 1.3;
	}
}
@media screen and (max-width: 320px) {
	.relatedpost .thumb {
		width: 45%;
	}
	.relatedpost .title {
		width: 55%;
	}
}

ins > div {
    text-align: center;
}

.articlebody ins iframe {
    height: 250px;
}

.mag-kv {
    margin-top: 0;
    margin-bottom: 1.25rem;
}

@media screen and (max-width: 480px) {
    .mag-kv {
        margin-top: -20px;
    }
}