body {
	margin:0;padding:0;
	background:#EEEEEB;
}


/* ======================================== */
/* ======================================== */
/* 最上層menu。*/

/* mobile.三. [預設隱藏/預設顯示] */
.animenu__toggle {
	float:left;
  cursor: pointer;
  background-color: #111;
  border: 0;
  padding: 10px;
  height: 40px;
  width: 40px;
  
  display: none;					/* 預設隱藏 */
  display: inline-block;  /* 顯示 */
}
/* mobile.三.滑鼠移過，變為藍色 */
.animenu__toggle:hover {
  background-color: #0186ba;
}
.animenu__toggle__bar {
  display: block;
  width: 20px;
  height: 2px;
  background-color: #fff;
	-webkit-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  -o-transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
  transition:  0.15s cubic-bezier(0.75, -0.55, 0.25, 1.55); 
}


/* ======================================== */
/* ======================================== */
/* mobile.滑鼠點擊切換  */
/* '三'使用方式 animenu__toggle */
/* 'X' 使用方式 animenu__toggle animenu__toggle--active */

/* 三.建立圖示'三' */
.animenu__toggle__bar + .animenu__toggle__bar {
  margin-top: 4px;
}

/* 三.建立圖示'X' */
.animenu__toggle--active .animenu__toggle__bar {
  margin: 0;
  position: absolute;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(2) {
  opacity: 0;
}
.animenu__toggle--active .animenu__toggle__bar:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}


/* ======================================== */
/* ======================================== */
/* 最上層menu 容器1 */
.animenu {
	/*獨立一行*/
  display: block;
  background:#FFFFFF;
}
.animenu ul {
	/*font-family: noto sans tc,sans-serif,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB","Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;*/
	font-family: "times new roman";
  
  list-style: none;
  font-weight: 500;
  margin:0px;
  /*box-shadow: 0 0 4px 3px #e0e0e0;*/
 	border-bottom: 5px solid #e0e0e0;
}

/* 修正大類別，跑出卷軸問題*/
.animenu ul {padding: 0px 35px 0px 0px;}
.animenu ul .animenu__nav_transparent ul{padding:0;} 

.animenu li, .animenu a {
	/*行內水平排列*/
  display: inline-block;
  font-size: 14px;
}
.animenu a {
  color: #111;
  text-decoration: none;
}
.animenu__nav {
  background-color: transparent;
}
/* PC.[大]類別 */
.animenu__nav > li {
  position: relative;
  /* border-right: 1px solid #444444; */
}
.animenu__nav > li > a {
	
	margin: 10px 15px 10px 15px ;
	margin: 10px 10px 10px 10px ;
	
  padding: 0px 8px;
  line-height: 30px;
  border-radius: 3px;
  text-transform: uppercase;
  box-sizing: border-box; /* 保持在div區塊內 */
}	

/* PC.[大]類別 */
/* 下箭頭圖示 */
li.animenu__nav_transparent::before {
  content: "";
  position: absolute;
  border: 4px solid transparent;/* 箭頭圖示 */
  border-bottom: 0;
  border-top-color: currentColor;
  color: #aaaaaa;
  color: #616161;
  top: 50%;
  margin-top: -2px;
  right: 2px;
  z-index: 10; 
}

/* PC.[子]類別，滑鼠移過.顯示 */
.animenu__nav > li:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  z-index: 3;
}
.animenu__nav > li:hover > a {
	color: #111;
}

/* PC.[子]類別，預設隱藏 */
.animenu__nav__child {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1;
  opacity: 0;
  visibility: hidden;
  margin: 20px 0 0 0;
  background-color: #616161;
  background-color: #aaaaaa;
  background-color: #DBDBDB;
  /*                時間 , 淡化顏色*/
   transition: margin 0.1s, opacity 0.15s;
}
.animenu__nav__child > li {
  width: 100%;
  border-bottom: 1px solid #515151;
}
/* PC.[子]類別，箭頭圖示 */
.animenu__nav__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  left: 3em;
  top: -6px;
	border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: #DBDBDB;
}
.animenu__nav__child > li:last-child {
  border: 0;
}
.animenu__nav__child a {
  padding: 10px;
  width: 100%;
  color:#000000;
  border-color: #373737;
  box-sizing: border-box; /* 保持在div區塊內 */
  white-space:nowrap;			/* 文字不換行 */
}
/* PC.[子]類別，滑鼠移過變顏色 */
.animenu__nav__child a:hover {
  background-color: #B4B4B4;
  background-color: #CCCCCC;
  border-color: #B4B4B4;
  color: #000000;
	text-decoration:underline;
}
/* 選擇大類別 更換背景色*/
.animenu__nav_color_red > a:first-child {
	background-color: #81DCFE;
}
/* 滑鼠移過大類別 更換背景色*/
.animenu__nav > li > a:first-child:hover {
	background-color: #81DCFE;
}

.animenu_open_c {
	display: none;  /* 預設隱藏*/
}

@media screen and (max-width: 767px) {
	
	/* 選擇大類別 更換背景色*/
	.animenu__nav_color_red {
		background-color: #81DCFE;
	}
	
	/* mobile.三.顯示*/
  .animenu__toggle {
    display: inline-block;
  }
  
  /* PC.大類別.隱藏 (備註:之後再顯示) */
  /* PC.子類別.隱藏*/
  .animenu__nav,
  .animenu__nav__child {
    display: none; 
  }

	/* mobile.大類別設置 */
  .animenu__nav {
    /*margin: 10px 0;*/
  }

	/* mobile.大類別，寬度100%變成最大 */
  .animenu__nav > li {
    width: 100%; 
    border-right: 0;
    border-bottom: 1px solid #B4B4B4;
  }
  .animenu__nav > li:last-child {
    border: 0;
  }
    
	/* mobile.[大]類別.下箭頭圖示 */
	li.animenu__nav_transparent::before {
	  content: "";
	  position: absolute;
	  border: 6px solid transparent;/* 箭頭圖示 */
	  border-bottom: 0;
	  border-top-color: currentColor;
	  color: #aaaaaa;
	  top: 24px;
	  margin-top: -2px;
	  right: 20px;
	  z-index: 0; 
	}
	.animenu__nav > li > a {
		margin: 0 ;
 	 	padding: 10px 30px;
  
    padding: 10px;
    border-color: #111;
    position: relative;
    box-sizing: border-box; /* 保持在div區塊內 */
  }	
  /* mobile.所有類別(大+子類別) 滑鼠移過變顏色 */
	/*
  .animenu__nav a:hover {
    background-color: #0186ba;
    border-color: #0186ba;
    color: #fff;
    box-sizing: border-box; 
  }*/

	/* mobile.子類別.預設顯示 */
  .animenu__nav__child {
    position: static;
    background-color: #DBDBDB;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }

  .animenu__nav__child a {
    padding-left: 20px;
    /* width: 100%; */
  }
}

/* 使用方式 隱藏<ul class="animenu__nav "> */
/* 使用方式 顯示<ul class="animenu__nav animenu__nav--open"> */

/* 顯示 */
.animenu__nav--open {
  display: block !important;
}
.animenu__nav--open .animenu__nav__child {
  /*display: block;*/
}


/* ======================================== */
/* ======================================== */
/* mobile.菜單打開，維持菜單 [程式開始] */
.animenu__nav--openmaintain .animenu__nav .animenu__nav_transparent .animenu__nav__child {
    display: none; 
  }
.animenu__nav--openmaintain .animenu__nav .animenu__nav_transparent .animenu__nav__child {
    position: static;
    background-color: #DBDBDB;
    margin: 0;
    transition: none;
    visibility: visible;
    opacity: 1;
  }
.animenu__nav--openmaintain .animenu__nav .animenu__nav_transparent .animenu__nav__child a {
    padding-left: 20px;
    padding-left: 40px;
    /* width: 100%; */
  }
.animenu__nav--openmaintain .animenu__nav > li > a {
		margin: 0 ;
 	 	padding: 10px 30px;
    padding: 10px;
    border-color: #111;
    position: relative;
    box-sizing: border-box; /* 保持在div區塊內 */
    z-index:2;
  }	
.animenu__nav--openmaintain .animenu__nav_color_red {
		background-color: #81DCFE;
	} 
.animenu__nav--openmaintain > .animenu__nav--open > li.animenu__nav_transparent::before {
	  content: "";
	  position: absolute;
	  border: 6px solid transparent;/* 箭頭圖示 */
	  border-bottom: 0;
	  border-top-color: currentColor;
	  color: #aaaaaa;
	  top: 24px;
	  margin-top: -2px;
	  right: 20px;
	  z-index: 0; 
	}

/* mobile.菜單打開，滑鼠移過大類別，不改變背景色 */
.animenu__nav--openmaintain .animenu__nav > li > a:first-child:hover {
	/* background-color: #111; */
	/* background-color: #111; */
	background-color:transparent;
}
/* mobile.菜單打開，移除上箭頭 */
.animenu__nav--openmaintain .animenu__nav__child > li:first-child > a:after {
  content: none;
}

/* mobile.菜單打開，最後一個li類別 邊界放大 */
.animenu__nav--openmaintain .animenu__nav > li:last-child{
	/*background-color:#FF0000;*/
	margin: 0px 0px 30px 0px ;
}

/* mobile.菜單打開，mobile.三.寬度設定 */
.animenu__nav--openmaintain	.animenu__toggle{
	flex-grow: 0; flex-shrink: 0;flex-basis: 40px; 
}

/* mobile.菜單打開，移除邊線 */
.animenu__nav--openmaintain ul {
  box-shadow: 0 0 0 0 transparent;
  border-bottom:0 transparent;
  
  /* 修正大類別，跑出卷軸問題*/
  padding: 0px;
}

/* 菜單打開 顯示*/
.animenu__nav--openmaintain .animenu_open_c {
	position:absolute;
	top:0;
	right:0;
  display: inline-block; /* 顯示*/
	width:100%;height:50px;
	z-index:1;
}

/* mobile.菜單打開，維持菜單 [程式結束] */


/* ======================================== */
/* ======================================== */
/* mobile.菜單打開，置於最上層，下拉卷軸用本區塊為準 */
.animenu_m_scroll{
	position: fixed;
	top:0;
	right:0;
	overflow-x:hidden; 
	overflow-y: scroll;
	height: 100%;
  background: #616161;
  background: #ffffff;
  background: #aaaaaa;
  background: #DDDDDD;
  background: #EBEBEB;
  background: #ffffff;
	width: 100%;
	box-sizing: border-box; /* 保持在div區塊內 */
	z-index: 9999; 
}
/* mobile.菜單打開，網頁下拉卷軸移除 */
.body_hiddens{overflow: hidden;}
/* 菜單寬度100%  .animenu_m_scroll .animenu {margin: 0 auto;	max-width: 100%;} */


/* ======================================== */
/* ======================================== */
/* 導航滾動條向上滾動出現,向下隱藏 */
.top_list_block_fixed {position:fixed;top:0;z-index: 9999;} 
.top_list_block_hide {top:-40px;}
.top_list_block_show {top:0;z-index:9999;transition:top .5s;}


/* ======================================== */
/* ======================================== */
/* 導航.寬度縮放比例權重 */
.animenu__top_content{
	/* 採用 flex 排版 */
	display: flex; 
	width: 100%;
}
.animenu__top_l{
	margin: 0;
	border: 0;
	float:left;
	/* 固定寬度 99px */
  flex-grow: 0; flex-shrink: 0;flex-basis: 99px; 
  height: 40px;
}

@media screen and (max-width: 400px) {	.animenu__top_l{flex-grow: 0; flex-shrink: 0;flex-basis: 80px;} }	
@media screen and (max-width: 350px) {	.animenu__top_l{flex-grow: 0; flex-shrink: 0;flex-basis: 70px;} }	
@media screen and (max-width: 300px) {	.animenu__top_l{flex-grow: 0; flex-shrink: 0;flex-basis: 60px;} }	
@media screen and (max-width: 280px) {	
	.animenu__top_l{flex-grow: 0; flex-shrink: 0;flex-basis: 1px;} 
	.sun_input_group_btn.sun_input_group_dropdown { width: 74px;}
	.changetextval{font-size: 12px;}
}	

.animenu__top_l img {
  width: 100%;
  height: 100%;
}

.animenu__top_r{
	margin: 0;
	background-color: #FFFFFF;
	background-color: rgba(255,255,255,0.90);
	background-color: rgba(255,255,255,0.95);
	
	border: 0;	
	float:right; 	
	/* 放大權重1;收縮權重1 */
  flex-grow: 1; flex-shrink: 1;
  height: 40px;
}


/* ======================================== */
/* ======================================== */
/* 搜尋按鈕 [程式開始] */
.sun_search_form_container{float:right;}
/* 外框線 */
.sun-search_input_group{
	position: relative;
  display: table;
  border-collapse: separate;
  border: 3px solid #ebebeb;
  border-radius: 4px;
  padding: 0 6px 0 6px;
  margin: 3px 2px 2px 2px;
	max-width:326px;
}

/* 文字方塊.去除邊線*/
.sun-search_input_text{
	outline:medium;
	
	border: none;
  box-shadow: none;
  font-size: 16px;
  position: relative;
  z-index: 2;
  float: right;
  margin-bottom: 0;
  display: table-cell;
  width: 100%;
  max-width:200px;
  height: 28px;
  height: 16px;
  padding: 6px 0px 6px 0px;
}
/* 放大鏡圖示，submit送出表單按鈕*/
.sun-search_button{
	background: 0 0;
  padding: 3px;
  display: inline-block;
	margin-bottom: 0;
	font-weight: 400;
	text-align: center;
	vertical-align: middle;
	-ms-touch-action: manipulation;
	touch-action: manipulation;
	cursor: pointer;
	background-image: none;
	border: none;
	white-space: nowrap;
	padding: 4px 0px 0px 10px;

	font-size: 14px;
	line-height: 1.42857143;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

/* 類別+submit按鈕 位置*/
.sun_input_group_btn{
	position: relative;
  font-size: 0;
  white-space: nowrap;
  display: table-cell;
  width: 1%;
  vertical-align: middle;
}
.sun_input_group_dropdown{
	width: 95px;
	font-size: 16px;
	color: #aeaeae;
}
.sun_input_group_dropdown > .sun_input_group_txt {
	margin: 0px 9px 0px 9px;
}
.sun_input_group_dropdown ul{
  padding: 0;
  list-style: none;
  font: 0px 'Open Sans', Arial, Helvetica;
  font-weight: 100;	  
}
.sun_input_group_dropdown li, .sun_input_group_dropdown a {
	/*行內水平排列*/
  display: inline-block;
  font-size: 15x;
  float: left; 
  box-sizing: border-box; /* 保持在div區塊內 */
}
.sun_input_group_dropdown a {
  color: #111;
  text-decoration: none;
}
.sun_input_group__child {
  background-color: transparent;
}
.sun_input_group__child > li {
  position: relative;
}
.sun_input_group__child > li > a {
	margin: 0px ;
  padding: 0px 8px;
  line-height: 30px;
  border-radius: 3px;
  text-transform: uppercase;
  box-sizing: border-box; /* 保持在div區塊內 */
}	

/* PC.[大]類別 */
/* 下箭頭圖示 */
.sun_input_group_dropdown::before {
  content: "";
  position: absolute;
  border: 4px solid transparent;/* 箭頭圖示 */
  border-bottom: 0;
  border-top-color: currentColor;
  color: #aaaaaa;
  color: #616161;
  top: 50%;
  margin-top: -2px;
  right: 2px;
  z-index: 10; 
}
/* PC.[子]類別，滑鼠移過.顯示 */
.sun_input_group_dropdown:hover > ul {
  opacity: 1;
  visibility: visible;
  margin: 0;
  z-index: 3;
}
/* PC.[子]類別，預設隱藏 */
.sun_input_group__child {
  min-width: 100%;
  position: absolute;
  top: 100%;
  left: 2%;
  z-index: 1;
  opacity: 0;
 	visibility: hidden;
  margin: 20px 0 0 0;
  
  background-color: #616161;
  background-color: #aaaaaa;
  background-color: #DBDBDB;	  
}
.sun_input_group__child > li {
  width: 100%;
  border-bottom: 1px solid #515151;
}
/* PC.[子]類別，箭頭圖示 */
.sun_input_group__child > li:first-child > a:after {
  content: '';
  position: absolute;
  height: 0;
  width: 0;
  left: 1em;
  left: 3em;
  top: -6px;
	border: 6px solid transparent;
  border-top: 0;
  border-bottom-color: #DBDBDB;
}
.sun_input_group__child > li:last-child {
  border: 0;
}
.sun_input_group__child a {
  padding: 10px;
  width: 100%;
  color:#000000;
  border-color: #373737;
}
/* PC.[子]類別，滑鼠移過變顏色 */
.sun_input_group__child a:hover {
  background-color: #B4B4B4;
  border-color: #B4B4B4;
  color: #000000;
  box-sizing: border-box; /* 保持在div區塊內 */
}
/* 搜尋按鈕 [程式結束] */


/* ======================================== */
/* ======================================== */
/* 主內容 [程式開始] */

/*主內容 容器1 */
.main {
	margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  /*background: transparent;*/
  /*background:#effff0;*/
}

/*主內容 容器2 */
.container {
	margin: 0 auto;	/*水平置中*/
	padding: 0px 10px 0px 10px;
  /*background:#FF9933;*/
  max-width: 1360px; /* 最大寬度限制為 1360px */
}

.container a {
  text-decoration: none;
}

/* 內容頁 */
.container_small {
	margin: 0 auto;	/*水平置中*/
	padding: 0px 10px 0px 10px;
  /*background:#FF9933;*/
  max-width: 1360px; /* 最大寬度限制為 1360px */
}


/* 容器3 */
.contents {
	overflow:hidden;
}

/* 容器4 */
.content {
	border-radius: 10px;
	padding: 15px 15px 0px 15px;
	margin: 20px 0px 20px 0px;
	/* background:#009933; */
	/*
		background:#FCFCFC;
		background:#F0F0F0;
		background:#F2F2F2;	
		background:#EAEAEA;
		background:#EEEEEB;
		border: #000000 1px solid; 
	*/
	background:#FFFFFF;
	 
}

.archive-title {  
	display: block; 
  margin-bottom: 15px;
  overflow : auto;
}

.archive-title h1 {   
	display: inline-block;
	font-size: 36px;
	font-weight: normal;
	text-align: left;	
  vertical-align: baseline;
	padding: 0;
	margin: 0;
}

.archive-title a:link,.archive-title a:visited {color:#000000; text-decoration:none;}  
.archive-title a:hover,.archive-title a:active {color:#000000; text-decoration:none;}  

.archive-title .more a{
	display: inline-block;
	float: right;
  font-size: 14px;
  color: #fff;
  padding: 5px 8px;
  margin: 1px 0px 0px 0px;
  border-radius: 5px;
  background: #d8201d;
}
	
/* 主題內容 */
.posts {
	margin: 0px;
	margin: 0px -7.5px 0px;
  position: relative;
  margin-bottom: 0;
  overflow:hidden;
}

.post {
	margin: 0px 7px 15px;
	float: left;
}

.posts .post {width: 321.25px;}	
.longversion .posts .post{width: 255px;}
.hcomicsversion .posts .post {width: 321.25px;}	
.novel_list .posts {width: 680px;margin:0 auto;}
.novel_list .posts .post {width:321px;font-size:36px;}	
.movv .post {width: 321.25px;}	

.post img {
	max-width: 100%; 
	max-height: 100%; 
	vertical-align: middle;
}
.post h3 {
	margin: 0;
  font-weight: normal;
  font-size: 16px;
  max-height: 48px;
  overflow: hidden;
  line-height: 24px;
  margin-top: 5px;
}
.post h3 a {
  color: #000000;
  line-height: 23px;
  overflow: hidden;
  display: -webkit-box;
  height: 46px;
  
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.categorylist a{
  color: #000000;
  overflow: hidden;
  display: -webkit-box;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-decoration: none;
}

.thumb {width: 100%;height: 175px;object-fit: fill;}
.video .thumb {width: 100%;height: 209px;object-fit: fill;}
.longversion .thumb {width: 100%;height: 313px;object-fit: fill;}
.hcomicsversion .thumb {width: 100%;height: 288px;object-fit: fill;}


.con {height: 69px;}
.meta {color: #999;font-size: 13px;margin-top:3px;}
@supports (-moz-appearance:none) {
 .meta {margin-top:6px;}
}
.date {float: right;}

.right .post .thumb {height: 195px;}
.right .post h3 {margin-top: 2px;}
.right .con .meta {visibility: hidden;}



.di_img {margin: 0 auto;	max-width: 1360px;text-align:center;}
.di_img img {max-width:80%;min-width:80%;height:70px;min-height:70px;}
.di_img .di_mv img {margin: 0px 4px 0px 4px;max-width:calc(26% - 1px);min-width:calc(26% - 1px);max-height:70px;min-height:70px;}
.di_100 {margin: 0 auto;	max-width: 1360px;text-align:center;}
.di_100 img {max-width:100%;min-width:100%;height:100px;}
.ut1_img {margin: 0 auto;	max-width: 1360px;text-align:center;}
.ut1_img img {max-width:70%;min-width:70%;height:250px;}
.ut1_img.utactivity img {max-width:100%;min-width:100%;max-height:125px;min-height:125px;}
.ut1_img_content {margin: 0 auto;	max-width: 1360px;text-align:center;}
.ut1_img_content img {max-width:100%;min-width:100%;height:250px;}


.ut1_img_content_smallcg {margin: 0 auto;	text-align:center;margin-bottom: 10px}
.ut1_img_content_smallcg img {/*max-width:25%;*/ width:200px;height:150px;}


.ut1_img_content_smallcg img.img_smallcg_hc {  
	width:100%;  height:300px;	overflow:hidden;	
	object-fit: fill;
	object-fit: cover;
}

.ut1_img_content_smallcg img.img_smallcg_hcfullsize {  
	height: auto;
  object-fit: contain;
}

#img_smallcg_hc_toggleBtn {
  display: inline-block;
  background: linear-gradient(135deg, #4e9af1, #1c6dd0);
  color: white;
  border: none;
  border-radius: 8px;
  padding: 10px 25px;
  font-size: 16px;
  font-weight: bold;
  cursor: pointer;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
  transition: all 0.3s ease;
  margin: 2px 15px 15px 15px;
}

.img_smallcg{width:200px;height:150px;float:center;display:inline-block;}


.ut1_img_content.utactivity img {max-width:100%;min-width:100%;height:125px;}
.ut1_img_content_js { margin:auto;text-align:center; max-width: 1360px;height:202px;overflow:hidden;}
.ut1_img_content_js img { width:100px;height:100px;}
.ut1_img_ex { margin:auto;text-align:center; max-width: 1360px; height:250px;}
.ut1_img_ex_content { margin:auto;text-align:center; max-width: 1360px;height:250px;}
.content_18h_wpcg{margin: 0 auto;	max-width: 1360px;text-align:center;}
.content_18h_wpcg img { max-width:100%;}
.ut1_img_content_right{display : inline-block; margin: 0px 0px 18px 0px;}
.ut1_img_content_right a img {width: 100%;height: 175px;object-fit: fill;}


.animenu {margin: 0 auto;	max-width: 1360px;} /* 最大寬度限制為 1360px */
.top_list_block_fixed {max-width: 1360px;}

@media screen and (max-width: 1400px) {
	.di_img {margin: 0 auto;	max-width: 1200px;}
	.di_img img {max-width:80%;min-width:80%;max-height:70px;min-height:70px;}
	.di_img .di_mv img {margin: 0px 4px 0px 4px;max-width:calc(26% - 1px);min-width:calc(26% - 1px);max-height:70px;min-height:70px;}
	.ut1_img {margin: 0 auto;	max-width: 1200px;}
	.ut1_img img {max-width:80%;min-width:80%;max-height:250px;min-height:250px;}

	.ut1_img_content {margin: 0 auto;	max-width: 1200px;}
	.ut1_img_content img {max-width:100%;min-width:100%;height:250px;}
	.ut1_img_content.utactivity img {max-width:100%;min-width:100%;height:125px;}
	.ut1_img_content_js { margin:auto;text-align:center; max-width: 1200px;height:202px;overflow:hidden;}
	.ut1_img_content_js img { width:100px;height:100px;}
	.ut1_img_ex { margin:auto;text-align:center; max-width: 1200px;}
	.ut1_img_ex_content { margin:auto;text-align:center; max-width: 1200px;}

	.animenu {margin: 0 auto;	max-width: 1200px;} /* 最大寬度限制為 1200px */
	.top_list_block_fixed {max-width: 1200px;}
	
	.container {max-width: 1200px;}
	.container_small {max-width: 1200px;}
	.posts .post {width: 281.25px;}	
	.novel_list .posts .post {width: 321px;}	
	.video .thumb {height: 183px;}
	.longversion .posts .post{width: 223px;}
	.longversion .thumb {height: 270px;}
	.hcomicsversion .posts .post {width: 281.25px;}	
	.hcomicsversion .thumb {width: 100%;height: 250px;}
}

@media screen and (max-width: 1240px) {
	.container {max-width: 1200px; padding: 0px;}
	.container_small {max-width: 1200px; padding: 0px;}
	
	.contents {padding: 0px 10px 0px 10px;}
	.posts .post {width: calc(25% - 14px);}
	.novel_list .posts .post {width: 321px;}	
	.video .thumb {height: 178px;}
	.longversion .posts .post {width: calc(21% - 26px);}
	.longversion .thumb {height: 268px;}
	.hcomicsversion .posts .post {width: calc(25% - 14px);}
	.hcomicsversion .thumb {height: 247px;}
}
@media screen and (max-width: 1200px) {
	.video .thumb {height: 172px;}
	.longversion .thumb {height: 262px;}
}
@media screen and (max-width: 1170px) {
	.video .thumb {height: 162px;}
	.longversion .thumb {height: 256px;}
	.hcomicsversion .thumb {height: 235px;}
}
@media screen and (max-width: 1100px) {
	.video .thumb {height: 151px;}
	.longversion .thumb {height: 237px;}
	.hcomicsversion .thumb {height: 220px;}
}
@media screen and (max-width: 1040px) {
	.video .thumb {height: 142px;}
	.longversion .thumb {height: 222px;}
	.hcomicsversion .thumb {height: 207px;}
}

@media screen and (max-width: 980px) {
	.di_img img {max-width:100%;min-width:100%;max-height:60px;min-height:60px;}
	.di_img .di_mv img {margin: 0px 4px 0px 4px;max-width:calc(32% - 1px);min-width:calc(32% - 1px);max-height:60px;min-height:60px;}
	.ut1_img img {max-width:90%;min-width:90%;height:250px;}

	.ut1_img_content img {max-width:100%;min-width:100%;height:250px;}
	.ut1_img_content.utactivity img {max-width:100%;min-width:100%;height:100px;}
	.ut1_img_ex { margin:auto;text-align:center; max-width:100%;min-width:100%;}
	.ut1_img_ex_content { margin:auto;text-align:center; max-width:100%;min-width:100%;}
	
	.container_small {max-width: 940px; padding: 0px;}
	.contents {padding: 0px 10px 0px 10px;}
	.posts .post {width: calc(33% - 12px);}
	.novel_list .posts {width: 100%;margin:0 auto;}
	.novel_list .posts .post {width: Calc(50% - 15px) !important;}	
	.video .thumb {height: 183px;}
	.longversion .posts .post {width: calc(26% - 24px);}
	.longversion .thumb {height: 266px;}
	.hcomicsversion .posts .post {width: calc(33% - 12px);}
	.hcomicsversion .thumb {height: 261px;}
}

@media screen and (max-width: 940px) {
	.video .thumb {height: 175px;}
	.longversion .thumb {height: 254px;}
	.hcomicsversion .thumb {height: 250px;}
}

@media screen and (max-width: 900px) {
	.video .thumb {height: 169px;}
	.longversion .thumb {height: 240px;}
	.hcomicsversion .thumb {height: 236px;}
}

@media screen and (max-width: 875px) {
	.video .thumb {height: 164px;}
}

@media screen and (max-width: 850px) {
	.di_img img {max-width:100%;min-width:100%;max-height:50px;min-height:50px;}
	.di_img .di_mv img {margin: 0px 4px 0px 4px;max-width:calc(31% - 1px);min-width:calc(31% - 1px);max-height:50px;min-height:50px;}
	.di_100 {margin: 0 auto;	max-width: 1360px;text-align:center;}
	.di_100 img {max-width:100%;min-width:100%;height:70px;}
	.ut1_img img {max-width:100%;min-width:100%;height:250px;}

	.ut1_img_content img {max-width:100%;min-width:100%;height:250px;}
	.ut1_img_content.utactivity img {max-width:100%;min-width:100%;height:90px;}
	.ut1_img_content_js { height:303px;}
	.contents {padding: 0px;}
	.video .thumb {height: 157px;}
	.longversion .thumb {height: 231px;}
	.hcomicsversion .thumb {height: 230px;}
}

@media screen and (max-width: 800px) {
	.video .thumb {height: 150px;}
	.longversion .thumb {height: 215px;}
	.hcomicsversion .thumb {height: 214px;}
}

@media screen and (max-width: 768px) {
	.container {padding: 0px 1px 0px 1px;}
	.container_small {padding: 0px 1px 0px 1px;}
	.video .thumb {height: 143px;}
	.longversion .thumb {height: 205px;}
	.hcomicsversion .thumb {height: 205px;}
	.ut1_img_content_smallcg img { /*max-width:33%;*/ width:160px;height:120px;}
	.img_smallcg{width:160px;height:120px;}
	
	
}

@media screen and (max-width: 734px) {
	.video .thumb {height: 136px;}
	.longversion .thumb {height: 193px;}
	.hcomicsversion .thumb {height: 194px;}
}

@media screen and (max-width: 700px) {
	.contents {padding: 0px;}
	.posts .post {width: Calc(50% - 15px) !important;}
	.novel_list .posts .post {width: Calc(50% - 15px) !important;}	
	.con {height: 63px;}
	.post h3 a{font-size: 14px;line-height: 22px;height: 42px;}
	.meta {margin-top:4px;}
	@supports (-moz-appearance:none) {
	 .meta {margin-top:8px;}
	}
	
	
	.video .thumb {height: 202px;}
	.longversion .thumb {height: 390px;}
	.hcomicsversion .thumb {height: 284px;}
	
	.ut1_img.utactivity img {max-height:70px;min-height:70px;}
}

@media screen and (max-width: 685px) {
	.video .thumb {height: 188px;}
	.longversion .thumb {height: 382px;}
	.hcomicsversion .thumb {height: 275px;}
	.ut1_img img {max-width:100%;min-width:100%;height:225px;}
	.ut1_img_content img {max-width:100%;min-width:100%;height:250px;}
}

@media screen and (max-width: 640px) {
	.video .thumb {height: 178px;}
	.longversion .thumb {height: 353px;}
	.hcomicsversion .thumb {height: 254px;}
}
@media screen and (max-width: 620px) {
	.video .thumb {height: 173px;}
	.longversion .thumb {height: 341px;}
	.hcomicsversion .thumb {height: 246px;}
	
	.ut1_img_ex {  height:500px;}
	.ut1_img_ex_content { height:500px;}
}

@media screen and (max-width: 600px) {
	.video .thumb {height: 167px;}
	.longversion .thumb {height: 329px;}
	.hcomicsversion .thumb {height: 238px;}
}

@media screen and (max-width: 580px) {
	.video .thumb {height: 161px;}
	.longversion .thumb {height: 315px;}
	.hcomicsversion .thumb {height: 228px;}
}

@media screen and (max-width: 560px) {
	.video .thumb {height: 155px;}
	.longversion .thumb {height: 304px;}
	.hcomicsversion .thumb {height: 220px;}
}

@media screen and (max-width: 540px) {
	.video .thumb {height: 148px;}
	.longversion .thumb {height: 292px;}
	.hcomicsversion .thumb {height: 211px;}
	.ut1_img_content_smallcg img {width:120px;height:90px;}
	.img_smallcg{width:120px;height:90px;}
}

@media screen and (max-width: 520px) {
	.video .thumb {height: 142px;}
	.longversion .thumb {height: 280px;}
	.hcomicsversion .thumb {height: 202px;}
	.ut1_img img {max-width:100%;min-width:100%;height:200px;}
	.ut1_img_content img {max-width:100%;min-width:100%;height:200px;}
		
}

@media screen and (max-width: 500px) {
	.video .thumb {height: 136px;}
	.longversion .thumb {height: 268px;}
	.hcomicsversion .thumb {height: 194px;}
}

@media screen and (max-width: 480px) {
	.video .thumb {height: 125px;}
	.longversion .thumb {height: 255px;}
	.hcomicsversion .thumb {height: 184px;}
}

@media screen and (max-width: 440px) {
	.video .thumb {height: 112px;}
	.longversion .thumb {height: 231px;}
	.hcomicsversion .thumb {height: 166px;}
	.di_img .di_mv img{margin: 0px 0px 0px 0px;max-width:33.33%;min-width:33.33%;;max-height:50px;min-height:50px;}
	.ut1_img img {max-width:100%;min-width:100%;height:150px;}
	.ut1_img_content img {max-width:100%;min-width:100%;height:150px;}
	
	.ut1_img_content_smallcg img {width:100px;height:75px;}
	.img_smallcg{width:100px;height:75px;}
}

@media screen and (max-width: 400px) {
	.video .thumb {height: 102px;}
	.longversion .thumb {height: 206px;}
	.hcomicsversion .thumb {height: 148px;}
}

@media screen and (max-width: 370px) {
	.video .thumb {height: 93px;}
	.longversion .thumb {height: 187px;}
	.hcomicsversion .thumb {height: 135px;}
	.ut1_img_content_smallcg img {max-width:33%; height:initial;}
	.img_smallcg{width:initial;height:initial;display:inline;}
}

@media screen and (max-width: 350px) {
	.video .thumb {height: 84px;}
	.longversion .thumb {height: 174px;}
	.hcomicsversion .thumb {height: 125px;}
	.di_img .di_mv img{margin: 0px 0px 0px 0px;max-width:33.33%;min-width:33.33%;;max-height:50px;min-height:50px;}
	.ut1_img img {max-width:100%;min-width:100%;height:130px;}
	.ut1_img_content img {max-width:100%;min-width:100%;height:130px;}
}

@media screen and (max-width: 310px) {
	.video .thumb {height: 70px;}
	.longversion .thumb {height: 151px;}
	.hcomicsversion .thumb {height: 108px;}
}

@media screen and (max-width: 260px) {
	.video .thumb {height: 56px;}
	.longversion .thumb {height: 120px;}
	.hcomicsversion .thumb {height: 87px;}
}

@media screen and (max-width: 230px) {
	.video .thumb {height: 49px;}
	.longversion .thumb {height: 102px;}
	.hcomicsversion .thumb {height: 72px;}
}


/* 主內容 [程式結束] */

/* ======================================== */
/* ======================================== */

/* 內容頁 [程式開始] */

/*內容頁 容器1 */
.video-wrap {
  position: relative;
  padding: 0 365px 0 0;
  margin: 20px 0;
  margin: 20px 0 5px 0px;
}

/*備註： 左邊100%。右邊設定多條件。*/
.video-wrap .left {
    padding: 15px 15px 0;
    /*background: #181818;*/
    border-radius: 5px;
    color: #000000;
    
    border-radius: 10px;
		background:#FFFFFF;
    
}
.video-wrap .archive-title {
  font-size: 18px;
  margin-bottom: 15px;
  color: #000000;
}
/*內容頁 容器2 */
.video-wrap #dz_video {
  width: 100%;
  /* height: 530px; */
  margin-bottom: 10px;
  position: relative;
}
/* ============= */
/*內容頁 容器3 */
.video-wrap .player-wrap {
	overflow:hidden;
 	width: 100%; 
	height: 645px;
}
.video-wrap .player-wrap img{
	width: 100%; 
	height: 100%; 
	/* object-fit: cover; */
	object-fit: fill;
	object-fit: cover;

}

@media screen and (max-width: 1400px) {.video-wrap .player-wrap {height: 538px;}}
@media screen and (max-width: 1250px) {.video-wrap .player-wrap {height: 538px;}}
@media screen and (max-width: 1200px) {.video-wrap .player-wrap {height: 554px;}}
@media screen and (max-width: 1150px) {.video-wrap .player-wrap {height: 520px;}}
@media screen and (max-width: 1110px) {.video-wrap .player-wrap {height: 493px;}}
@media screen and (max-width: 1100px) {.video-wrap .player-wrap {height: 480px;}}
@media screen and (max-width: 1060px) {.video-wrap .player-wrap {height: 450px;}}
@media screen and (max-width: 1024px) {.video-wrap .player-wrap {height: 436px;}}
@media screen and (max-width: 1000px) {.video-wrap .player-wrap {height: 420px;}}
@media screen and (max-width:  980px) {.video-wrap .player-wrap {height: 610px;}}
@media screen and (max-width:  950px) {.video-wrap .player-wrap {height: 605px;}}
@media screen and (max-width:  925px) {.video-wrap .player-wrap {height: 587px;}}
@media screen and (max-width:  900px) {.video-wrap .player-wrap {height: 570px;}}
@media screen and (max-width:  875px) {.video-wrap .player-wrap {height: 554px;}}
@media screen and (max-width:  850px) {.video-wrap .player-wrap {height: 538px;}}
@media screen and (max-width:  825px) {.video-wrap .player-wrap {height: 520px;}}
@media screen and (max-width:  800px) {.video-wrap .player-wrap {height: 504px;}}
@media screen and (max-width:  775px) {.video-wrap .player-wrap {height: 487px;}}
@media screen and (max-width:  750px) {.video-wrap .player-wrap {height: 469px;}}
@media screen and (max-width:  725px) {.video-wrap .player-wrap {height: 452px;}}
@media screen and (max-width:  700px) {.video-wrap .player-wrap {height: 435px;}}
@media screen and (max-width:  680px) {.video-wrap .player-wrap {height: 422px;}}
@media screen and (max-width:  660px) {.video-wrap .player-wrap {height: 410px;}}
@media screen and (max-width:  630px) {.video-wrap .player-wrap {height: 390px;}}
@media screen and (max-width:  600px) {.video-wrap .player-wrap {height: 370px;}}
@media screen and (max-width:  575px) {.video-wrap .player-wrap {height: 350px;}}
@media screen and (max-width:  550px) {.video-wrap .player-wrap {height: 335px;}}
@media screen and (max-width:  525px) {.video-wrap .player-wrap {height: 320px;}}
@media screen and (max-width:  500px) {.video-wrap .player-wrap {height: 300px;}}
@media screen and (max-width:  475px) {.video-wrap .player-wrap {height: 285px;}}
@media screen and (max-width:  450px) {.video-wrap .player-wrap {height: 268px;}}
@media screen and (max-width:  425px) {.video-wrap .player-wrap {height: 251px;}}
@media screen and (max-width:  400px) {.video-wrap .player-wrap {height: 235px;}}
@media screen and (max-width:  375px) {.video-wrap .player-wrap {height: 218px;}}
@media screen and (max-width:  350px) {.video-wrap .player-wrap {height: 201px;}}
@media screen and (max-width:  325px) {.video-wrap .player-wrap {height: 185px;}}
@media screen and (max-width:  300px) {.video-wrap .player-wrap {height: 168px;}}
@media screen and (max-width:  275px) {.video-wrap .player-wrap {height: 151px;}}
@media screen and (max-width:  250px) {.video-wrap .player-wrap {height: 134px;}}
@media screen and (max-width:  225px) {.video-wrap .player-wrap {height: 117px;}}
@media screen and (max-width:  200px) {.video-wrap .player-wrap {height: 100px;}}


.video-wrap .dz_view {
  text-align: right;
  margin-bottom: 10px;
}
/* ============= */
/*內容頁 SERVER按鈕區塊1 */
.video-wrap .btns {
  overflow: hidden;
  box-sizing: content-box;
  margin: 30px 0 0px 0;
}
/*內容頁 SERVER按鈕區塊2 */
.video-wrap .btns .btnst {
  position: relative;
  
}
/*內容頁 SERVER按鈕區塊3 */
.video-wrap .btns .btn-server,.video-wrap .btns .css_btn_class{
 	font-size:16px;
  display: inline-block;
  border-radius: 3px;
  color: #000000;
  color: #00f;
 	border: 1px solid #808080;
 	padding: 6px 8px;
 	margin: 0px 6px 6px 0px;
  text-decoration: none;  
}

/*內容頁 SERVER按鈕區塊3.滑鼠移過變顏色*/
.btnst a:hover{ color: #0066FF !important;  /*background-color: #2bd3d9;*/ }
/*內容頁 SERVER按鈕區塊3.選擇標註顏色*/
.video-wrap .btns .btn-server.current,.video-wrap .btns .css_btn_class.current{
	color: #fff; background-color: #2bd3d9; 
}


/* ============= */
/*內容頁 下載區塊 */
.video-wrap .downs {
}
.video-wrap .downs .downscase {
	padding: 0 15px 15px 0;
}
.btn-down {
  display: inline-block;
  border-radius: 3px;
  color: #fff;
  background: #464646;
  padding: 1px 8px;
  margin-right: 5px;
  margin-bottom: 5px;
  text-decoration: none;
}
/* ============= */
/* 內容頁 AD */
.video-wrap .right {
    width: 353px;
    height: 100%;
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    border-radius: 5px;
    overflow:hidden;
}
/* 內容頁 AD */
.video-wrap .movv {
    /*background: #181818;*/
    padding: 15px;
    border-radius: 5px;
    text-align: center;
}

.video-wrap .right .post {
	margin: 0px 0px 0px 0px;
	float: left;
	text-align:left;  
}
/* ============= */
@media screen and (max-width: 1400px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 490px;*/
}
@media screen and (max-width: 1240px) {
	.video-wrap {padding: 0 325px 0 0;}			/* 內容頁 影片區塊大小，放大 */
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 450px;*/
	
	.video-wrap .right {width: 312px;}			/* 內容頁 AD寬度 */
	.right .movv .post {width: 301px;}.right .post .thumb {height: 190px;}
	.video-wrap .movv {padding: 10px 5px 5px 5px;}
}
@media screen and (max-width: 1024px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 400px;*/	
}
@media screen and (max-width: 980px) {
	.video-wrap .right {display: none;}			/* 內容頁 AD隱藏 */
  .video-wrap {padding-right: 0px;}				/* 內容頁 AD隱藏(AD空間設為 0px) */
}
@media screen and (max-width: 768px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 380px;*/	
}
@media screen and (max-width: 650px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 300px;*/	
}
@media screen and (max-width: 500px) {
	.video-wrap #dz_video { }	/* 內容頁 影片區塊大小，限定高度 height: 250px;*/
}
@media screen and (max-width: 400px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 200px;*/
}
@media screen and (max-width: 300px) {
	.video-wrap #dz_video {}	/* 內容頁 影片區塊大小，限定高度 height: 150px;*/	
}
/* 內容頁 [程式結束] */


/* ======================================== */
/* ======================================== */
/* 影片類別、番號 [程式開始] */

/* 內容頁.影片類別、番號.(上) */	
.posts-inner-details-text {
    width: 100%;
    color: #000;
    font-size: 16px;
    font-weight: 700;
    overflow:hidden;
}
.posts-inner-details-text-top {
    width: 100%;
    overflow: auto;
    box-sizing: border-box;
}

/* 內容頁.影片類別、番號.(上).左右2邊 */	
.posts-inner-details-text-left {
    width: 50%;
    float: left;
}
.posts-inner-details-text-left ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
    box-sizing: border-box;
}
.posts-inner-details-text-left li {
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 8px 0;
}
.posts-headline {
    float: left;
    width: 100px;
    clear: both;
}
.posts-message {
    float: left;
    width: calc( 100% - 100px );
}
.posts-inner-details-text a:link, .posts-inner-details-text a:visited {
    color: #00f;
    text-decoration: none;
    padding: 0 8px 0 0;
}

/* 內容頁.影片類別、番號(中).類別 */
.posts-inner-details-text-under {
    float: left;
    width: 100%;
    float: left;
}
.posts-inner-details-text-under ul {
    width: 100%;
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 0;
}
.posts-inner-details-text-under li {
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 8px 0;
}
.posts-headline {
    float: left;
    width: 100px;
    clear: both;
}
.posts-inner-details-text-under li {
    float: left;
    list-style: none;
    margin: 0 auto;
    padding: 8px 0;
}
.posts-message {
    float: left;
    width: calc( 100% - 100px );
}

/* 內容頁.影片類別、番號(下).演員 */
.actor-right-details-images {
    width: 100%;
    display: inline-block;
    padding-top: 20px;
    
}
.actor-heading-left {
    width: 100px;
    display: inline-block;
    /*vertical-align: top;*/
    font-size: 16px;
    color: #000;
    font-weight: 700;
}

.actor-right-part {
    width: calc( 100% - 155px );
    display: inline-block;
}
.actor-right-part ul {
    margin-bottom: 0;
   	margin-top: 0;
    margin-bottom: 10px;
    padding: 0;
    list-style: none;
}
.actor-right-part ul li {
    display: inline-block;
    vertical-align: top;
    padding-right: 15px;
    font-size: 12px;
    color: #333;
    text-align: center;
}
.actor-right-images-part img {
    border-radius: 50%;
    height: 100px;
    width: 100px;
    object-fit: contain;
    margin-bottom: 0px;
}
.actor-right-images-part p {
    margin-bottom: 0;
    margin: 0px 0px 15px 0px;
    max-width: 100px;
		max-height: 16px;
    overflow: hidden;
}
.actor-right-images-part p a{
	display: -webkit-box;
	text-overflow: ellipsis;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  color: #000000;
  color: #00f;
}
.actor-right-details-images a:link, .actor-right-details-images a:visited {
    text-decoration: none;
}

@media screen and (max-width: 767px) {
	/* 內容頁.影片類別、番號(上).左右2邊，變為一列 */	
	.posts-inner-details-text-left {
	    width: 100%;
	    float: left;
	}
	/* 內容頁.影片類別、番號(下).演員，變為一列 */
	.actor-heading-left {width: 100%;}
	.actor-right-part {width: 100%;display: inline-block;text-align: center;}
}

/* 影片類別、番號 [程式結束] */


/* ======================================== */
/* ======================================== */
/* 換頁 上一頁 下一頁 [程式開始]*/
.pagination-row {
    padding: 30px 0px 30px 0px;
    text-align: center;
}
.pagination-row ul {
		margin-top: 0;
		margin-bottom: 0;
		padding: 0;
    list-style: none;
}

.pagination-row ul li {
    margin: 0 4px;
    padding: 0;
    line-height: normal;
    display: inline-block;
    border: 1px solid #e1e1e1;
    border-radius: 4px;
    font-size: 16px;
    color: #aaa;
}
.pagination-row ul li a {
    min-width: 18px;
    color: #aaa;
    display: block;
    border-radius: 4px;
    text-decoration: none;
    padding: 0 6px;
    vertical-align: text-top;
    height: 30px;
    line-height: 30px;
}

/* 選擇.變色(當前頁數) */
.pagination-row ul .current a {
    color: #fff;
    background: #2bd3d9;
}
/* 上頁.下頁.變色 */
.pagination-row ul .previous-next {
    color: #2bd3d9;
    border-color: #2bd3d9;
}


/* 美化"<"、">" */
.fa {
    display: inline-block;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Ubuntu, "Helvetica Neue", Helvetica, Arial, "PingFang SC", "Hiragino Sans GB","Microsoft Yahei UI", "Microsoft Yahei", "Source Han Sans CN", sans-serif;
    font-size: inherit;
    text-rendering: auto;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #2bd3d9;
}
.fa a{
	color: #2bd3d9 !important;
}
	
/* 手工轉跳頁數 */
.pagination-row ul .page-number {
    border-color: #aaa;
}
.pagination-row ul .page-number input {
		margin-bottom: -1px;
		padding: 0px 2px 0px 2px;
		
    font-size: 14px;
    width: 80px;
    border-radius: 0;
    border: none;
    background: 0 0;
    height: 30px;
    text-align: center;
    color: #aaa;
}

/* 畫面變小，加大間距 */
@media screen and (max-width: 991px) { .pagination-row ul li {margin: 3px 4px;} }
/* 畫面變小，隱藏"page-item-3" */
@media screen and (max-width: 580px) { .page-item-3 {display: none!important;} }

/* 滑鼠移過.變色(當前頁數) */
.pagination-row ul li:hover{ border-color: #2bd3d9;}
.pagination-row ul li:hover a{ color: #fff; background-color: #2bd3d9; }
.pagination-row ul .previous-next a:hover{ color: #fff !important; background-color: #2bd3d9; }
.pagination-row ul .previous-next a:foucs { color: #fff; background-color: #2bd3d9; }
.pagination-row ul .page-number input:focus { 
	outline:medium;
	border-color: #2bd3d9;
}



/* 換頁 上一頁 下一頁 [程式結束] */
/* ======================================== */
/* ======================================== */


/* nav */


.bread_nav ul {
  padding: 0;
  list-style: none;
  font-weight: 100;
  margin: 0px 0px 30px 0px;
    
}
.bread_nav li, .bread_nav a {
	/*行內水平排列*/
  display: inline-block;
  font-size: 20px;
  font-size: 16px;
  margin: 8px 0px 0px 0px;
}

.bread_nav li::after{
  content: "";
  height: 16px;
  width: 16px;
  background: url(./images/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
  display: inline-block;
  margin: -2px 12px 0 12px;
  color: #959fa5;
  box-sizing: border-box;
}
.bread_nav li:last-child::after{ display: none;}

.bread_nav li:last-child a{
	color: #003399;
}

.bread_nav a {
  color: #111;
  text-decoration: none;
}

/* ======================================== */
/* ======================================== */

.footer{
  margin: 0;
  padding: 0;
  list-style: none;
  box-sizing: border-box;
}
.footer .footer_main {
  padding: 10px 0;
}
.footer .footer_main a {
    display: inline-block;
    margin: 6px 10px 6px 0px;
    text-align: center;
    text-decoration: none;
    
    
    outline: 0;
    
    color: #000000;
    color: #00f;
   	color: #31749B;
   
}
.footer .footer_main a:hover,.footer .footer_main a:active {color:#1E4760;text-decoration: underline;}   

.footer .copyright {
	  font-size: 14px;
    padding: 0px;
    color: #999;
    text-align: center;
}
.footer_main .container{
	padding: 10px 10px 10px 10px;
}

/* ======================================== */
/* ======================================== */

.video-row {margin:0px 0px 60px 0px;}
.video-row {position: relative;}
.video-row {position: relative;padding-bottom: 58%;padding-top: 30px;height: 0;}
.video-row iframe, .video-row object, .video-row embed {position: absolute;top: 0;left: 0;width: 100%;height: 100%;z-index:1;}
.video-row .dwlink{position: absolute;bottom: -25px;left: 0;z-index:2;font-size: 18px;}
.dwlink a {
  color: #000;
  text-decoration: none;
}
.jizz_back{
	background-color: #ffffff;
}

@media screen and (max-width: 1080px) {.video-row .dwlink{font-size: 16px;} }
@media screen and (max-width: 1000px) {.video-row .dwlink{font-size: 14px;} }
@media screen and (max-width: 620px) {.video-row .dwlink{bottom: -23px;font-size: 12px;} }
@media screen and (max-width: 540px) {.video-row .dwlink{bottom: -21px;font-size: 10px;} }
@media screen and (max-width: 480px) {.video-row .dwlink{bottom: -19px;font-size: 8px;} }
@media screen and (max-width: 420px) {.video-row .dwlink{bottom: -18px;font-size: 6px;} }
@media screen and (max-width: 350px) {.video-row .dwlink{visibility: hidden;} }

/* ======================================== */
/* ======================================== */
/* 文字閃爍 */
.redbig {
	font-size:16px;color:red;
    animation-duration: 0.9s;    /*animation-duration 指run一個循環所需的時間。*/
    animation-name: redbig;		  /*animation-name: blink; 呼叫底下的 @keyframes redbig */
    animation-iteration-count: infinite; /*animation-iteration-count: infinite; 表示無限循環。*/
}
@keyframes redbig {
    0% {opacity: 1; }
    60% { opacity: 1;}
    80% { opacity: 0;}
}
/* ======================================== */
/* ======================================== */
/* 漫畫內頁 */

.but_enlarge {width: 115px;height: 36px;margin: 10px 6px 10px 6px;}
.sel_enlarge_page{	width: 150px;font-size: 16px;height: 36px;margin: 10px 6px 10px 6px;}
.sel_enlarge {width: 150px;font-size: 16px;height: 36px;}
@media screen and (max-width: 768px) {
	.sel_enlarge {display: none;}
}

@media screen and (max-width: 500px) {
	.but_enlarge {width: 80px;height: 36px;}
	.sel_enlarge_page{width: 80px;font-size: 16px;height: 36px;}
}

.novel_content_txtsize{
	margin: 10px 30px 10px 30px;
	padding: 30px 30px 30px 30px;
	text-align:left;
	font-family:verdana; 
	font-size:26px;
	line-height:48px;
	word-break:break-all; 
	
	border-color:#000000; 
	border-style:double;
}

/* ======================================== */

/* ut_ad */
.ut_ad_box {text-align:left; margin: 0px 0px 14px 0px; overflow:auto;overflow-x:hidden;overflow-y:hidden;}
.ut_ad_samil_box {background-color:#FFFFFF;height: 100px; float: left; margin-bottom:4px;overflow:auto;overflow-x:hidden;overflow-y:hidden;}
.ut_ad_samil_cover {background-color:#FFFFFF;float: left; }
.ut_ad_samil_cover img { max-width:100px;min-width:100px;}

.ut_ad_anchor_name {background-color:#FFFFFF;height: 21px; float: left;text-align: center;border-right: 1px solid #000000;border-top: 1px solid #000000;overflow: hidden;}
.ut_ad_customer {background-color:#FFFFFF;text-align:left;height: 20px; clear: both;color: #800080;overflow: hidden;	}
.ut_ad_samil_content {background-color:#FFFFFF;text-align:left;height: 100px; overflow: hidden; padding: 0px 8px 0px 8px;}
.ut_ad_anchor_name a:link{color: #000000;text-decoration: none;}
.ut_ad_anchor_name a:hover{color: #000000;text-decoration: underline;}
.ut_ad_anchor_name a:visited{color: #000000;}
.ut_ad_samil_content a:link{color: #000000;text-decoration: none;}
.ut_ad_samil_content a:hover {color: #000000;text-decoration: underline;}
.ut_ad_samil_content a:visited{color: #000000;}

/* ======================================== */

/* 每日更新 */
.hlist_update{width:100%;font:12px/130% Arial,Helvetica,sans-serif;margin:0; padding:0;}
.hlist_update a:link,.hlist_update a:visited{ text-decoration:none }
.history_update_box { width:100%; height:575px; height:593px\9; margin:0 auto; overflow-x:auto; overflow-y:hidden }
.history_update_box table { width:100%; border-collapse:collapse; border-spacing:1px; margin:0 auto }
.history_update_box td { min-width:123px; height:527px; height:537px\9; white-space:nowrap; border-collapse:collapse; border-spacing:1px; border:1px solid #a05246; padding:3px 5px }
.history_update_box th { height:22px; white-space:nowrap }
.history_update_month {font-weight: bold;color: #FFF;padding: 5px 5px 3px 5px;border: 1px solid #a05246;background-color: #a05246;}
.history_update_cbg { background:#fcf2f3; vertical-align:top }
.history_update_cbg2 { background:#FFF; vertical-align:top }
.history_update_box td { font:12px/140% Verdana,Arial }
.history_update_box td a { color:#333 }
.history_update_box td a:hover { color:#FFF; background:#F70 }

.history_nav{ color: #003399;}
/* ======================================== */

/* 9s.mv */
figure {
  margin:0px;
}

.video_9s {
  position:static;
}

.video-loader {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
  visibility: hidden;
}

.video-preview {
  position: relative;
  /*position: relative;padding-top: 65%;display: block;margin-bottom: 0px;*/
}

.video-preview video,
.video-preview img {
  position: absolute;
  left: 0;
  top: 0;
  /*object-fit: fill;width: 100%; height: 100%;*/
}

.video-preview video {
	visibility: hidden;
  z-index: 2;
}

.spinner-grow,
.spinner-border {
	color: #FF299F;
  display: inline-block;
  width: var(--spinner-width);
  height: var(--spinner-height);
  vertical-align: var(--spinner-vertical-align);
  border-radius: 50%;
  -webkit-animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
          animation: var(--spinner-animation-speed) linear infinite var(--spinner-animation-name);
}

@-webkit-keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}

@keyframes spinner-border {
  to {
    -webkit-transform: rotate(360deg) /* rtl:ignore */;
            transform: rotate(360deg) /* rtl:ignore */;
  }
}

.spinner-border {
  --spinner-width: 2rem;
  --spinner-height: 2rem;
  --spinner-vertical-align: -0.125em;
  --spinner-border-width: 0.25em;
  --spinner-animation-speed: 0.75s;
  --spinner-animation-name: spinner-border;
  border: var(--spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}

.spinner-border-sm {
  --spinner-width: 1rem;
  --spinner-height: 1rem;
  --spinner-border-width: 0.2em;
}

@-webkit-keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

@keyframes spinner-grow {
  0% {
    -webkit-transform: scale(0);
            transform: scale(0);
  }
  50% {
    opacity: 1;
    -webkit-transform: none;
            transform: none;
  }
}

.spinner-grow {
  --spinner-width: 2rem;
  --spinner-height: 2rem;
  --spinner-vertical-align: -0.125em;
  --spinner-animation-speed: 0.75s;
  --spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}

.spinner-grow-sm {
  --spinner-width: 1rem;
  --spinner-height: 1rem;
}

@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --spinner-animation-speed: 1.5s;
  }
}

/* ======================================== */
/* ======================================== */

	/* 2021.1030 以下為自己新增.內容頁，播放影片，Skip AD 廣告按鈕 */
	
	#mvspan_2{
		position: relative;
		z-index:1; 
	}
	
	.mvspan_2_s_k_i_p_txt {
		width: 90%;
		color:#FFFFFF;
		margin: 0px 0px 0px 0px ;
		text-align:left;
		z-index:1; 
		font-size:16px;
		font-family: impact;
	}
	
	@media screen and (max-width: 600px) {
		.mvspan_2_s_k_i_p_txt {font-size:12px;}
		.mvspan_2_s_k_i_p_txt {font-size:14px;}
		.mvspan_2_s_k_i_p_txt {font-size:16px;}
	}
	@media screen and (max-width: 430px) {
		.mvspan_2_s_k_i_p_txt {font-size:10px;}
		.mvspan_2_s_k_i_p_txt {font-size:12px;}
		.mvspan_2_s_k_i_p_txt {font-size:14px;}
	}
	
	@media screen and (max-width: 360px) {
		.mvspan_2_s_k_i_p_txt {font-size:12px;}
	}
	
	@media screen and (max-width: 310px) {
		.mvspan_2_s_k_i_p_txt {font-size:10px;}
	}
	
	#mvspan_2_s_k_i_p_bottom{	
											float:Center;
											width: 75%;height: 50px;
											cursor: pointer;
											margin: 14px 0px 0px 0px ;
											padding: 0px 0px 0px 0px;
											color:#FFFFFF;
											background-color: #000000;
											font-size:24px;
											line-height:44px;
											border-color:#FFFFFF; border-style:solid;border-width:2px ;}
	#mvspan_2_s_k_i_p_bottom:hover {	background-color: #da4f49;}
	
	.mvspan_2_s_k_i_p_row{
		position:absolute;   
		padding:0px; 
		z-index:10; 
		width:100%; 
		height:100%; 
		height:110%; 
		left:0; 
		top:-14px; 
		top:0px; 
		filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
			
		background: rgba(0, 0, 0, 0.8);filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#99000000, endColorstr=#99000000)";
		
		/* 數值越小，透明度越高 */
		opacity: 0.9;
		opacity: 0.8;
		
		opacity: 0.9;

	}
	
/* ======================================== */
/* ======================================== */

/* 撥放頁按鈕 */
.css_btn_class.active{
	background-color: #F5FFE1;
	border-color: #F5FFE1;

	background-color: #B5EDFF;
	border-color: #B5EDFF;

	background-color: #FFF0E1;
	border-color: #FFF0E1;

	background-color: #FFCF9F;
	border-color: #FFCF9F;
}