BODY{ background:#242424; padding:0; margin:0;}



/* -- 抬頭 -- */
.x3_media_zone{ max-width:1145px; font-family:微軟正黑體; border-right:solid 1px #cab48b; border-left:solid 1px #cab48b; 
background:#fff; padding:0; margin:0 auto 0 auto; box-shadow:1px 1px 10px 5px rgba(0,0,0,.5)}



/* -- 走馬燈 -- */
.x3_top_marquee{ width:100%; background:#202020; padding:5px 10px; margin:0; box-sizing:border-box;}
.x3_top_marquee a{ text-decoration:none; color:#cab48b; transition:0.4s;}
.x3_top_marquee a:hover{ color:#fff; }



/* -- 上列功能表 -- */
.x3_media_selbar{ width:100%; background:#4b4b4b; padding:15px 5px 0 15px; margin:0; box-sizing:border-box;}

.x3_media_phonesel{ display:inline-block; width:38px; height:37px; border-radius:7px; border:solid 1px #32281d;
background:url(images/3x_sel_bbt.png) no-repeat 0px 1px;  padding:0; margin:-5px 3px 0 1px; 
box-shadow:inset 1px 1px 3px rgba(0,0,0,.8); vertical-align:top;}

.x3_media_selbar ul{ list-style:none; padding:0; margin:10px 0 0 6px;}
.x3_media_selbar ul li{ display:inline-table; list-style:none; padding:0; margin:0 2px 13px 0;}
.x3_media_selbar ul li span{ border-radius:8px; background:#545454; padding:8px 4px 10px 4px; margin:0; box-shadow:inset 1px 1px 3px rgba(0,0,0,1);}
.x3_media_selbar ul li a{ width:; display:inline-block; text-align:center; font-size:.8em; text-decoration:none; border:solid 1px #000; border-radius:5px; color:#fff; 
background:#4c433c; padding:5px; margin:0; transition:0.4s; box-shadow:inset 1px 1px 0 #adaaa5, inset -1px -1px 0 #302824; position:relative;}
.x3_media_selbar ul li a:hover{ border:solid 1px #ffd863; color:#ffd863;}
.x3_media_selbar ul li span:hover{ background:#2e2e2e; box-shadow:inset 1px 1px 1px #7f6104;}



x3_mov_txtbar_btn { font-size:.9em; border:none; border-radius:5px; color:#fff; 
background:url(images/deg.svg) no-repeat 3px 1px #9eb630; padding:3px 5px 3px 26px; margin:0; 
position:absolute; top:-135px; right:10px; transition:0.4s; opacity:.7;}

/* -- 影片內容 -- */
.x3_media_view_zone{ width:100%; padding:25px 0px 0px 25px; margin:0; box-sizing:border-box;}
.x3_media_view_zone ul{ display:flex; flex-wrap:wrap; justify-content:flex-start;
padding:0; margin:0;}
.x3_media_view_zone ul li{ width:23%; height:180px; padding:0; margin:0 20px 20px 0; overflow:hidden;}
.x3_media_view_zone ul li:nth-child(4n){ margin:0 0 20px 0;} 

.x3_mov_box{ position:relative;}

.x3_mov_txtbar{ width:100%; height:34px; line-height:34px; border-top:solid 1px #ccc;  
background:#202020; position:absolute; bottom:0; left:0;}

.x3_mov_txtbar button{ font-size:.9em; border:none; border-radius:5px; color:#fff; 
background:url(images/deg.svg) no-repeat 3px 1px #9eb630; padding:3px 5px 3px 26px; margin:0; 
position:absolute; top:-135px; right:10px; transition:0.4s; opacity:.7;}
.x3_mov_txtbar button:hover{ background:url(images/deg.svg) no-repeat 4px 1px #9eb630; opacity:1;}
.x3_mov_txtbar button span:{ display:block; line-height:20px;}

.x3_mov_txtbar a{ text-decoration:none; font-size:.9em; color:#cab48b; 
background:url(images/man.svg) no-repeat 1px 5px; padding:0 0 0 22px; margin:0; 
transition:0.4s; position:absolute; top:0; left:5px;}
.x3_mov_txtbar a:hover{ color:#fff; background:url(images/man_w.svg) no-repeat 3px 5px;}

.x3_mov_titl{ width:100%; border-radius:8px 8px 0 0;
background: -moz-linear-gradient(top,  rgba(0,0,0,0.3) 0%, rgba(0,0,0,0.9) 100%);
background: -webkit-linear-gradient(top,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.9) 100%);
background: linear-gradient(to bottom,  rgba(0,0,0,0.3) 0%,rgba(0,0,0,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#4d000000', endColorstr='#e6000000',GradientType=0 );
padding:8px 8px 5px 8px;
position:absolute; bottom:35px; left:0;}
.x3_mov_titl a{ display:block; width:95%; max-height:40px; text-decoration:none; line-height:20px; font-size:.9em; color:#fff; 
padding:0; margin:0; overflow:hidden; word-wrap:break-word;
word-break:normal; transition:0.4s;}
.x3_mov_titl a:hover{ color:#cab48b;}

.x3_mov_pix{ display:flex; justify-content:center; align-items:center; width:100%; height:auto;}
.x3_mov_pix img{ width:100%; }
.x3_mov_pix amp-img{ width:100%; }
.x3_mov_pix amp-img img{ width:100%; }


/* -- 頁面 -- */
.x3_media_nober{ width:100%; text-align:center; background:#202020; padding:8px 10px; box-sizing:border-box;}
.x3_media_nober ul{ list-style:none; padding:0; margin:0; }
.x3_media_nober ul li{ display:inline-table; color:#ccc; padding:0; margin:0 2px;}
.x3_media_nober ul li a{ display:block; text-decoration:none; font-size:1.2em; 
border:solid 1px #383838; border-radius:5px; color:#fff; background:#000; padding:0 10px 5px 10px; margin:0; transition:0.4s;}
.x3_media_nober ul li a:hover{ text-shadow:1px 1px 0 #efdfc2;  border:solid 1px #696969; color:#000; 
background:#cab48b; box-shadow:inset 1px 1px 3px rgba(0,0,0,.5);}



/* -- 置底資訊 -- */
.x3_media_footer{ width:100%; height:38px; line-height:38px; text-align:center; 
font-size:1.1em; font-weight:bold; background:#000; color:#cab48b; box-sizing:border-box;}



/* -- 內頁 -- */
.x3_media_databar{ display:flex; width:100%; height:36px; line-height:36px;
	border-top:solid 1px rgb(202, 180, 139); border-bottom:solid 1px rgb(202, 180, 139); 
	background:url(images/sec_line_bk.svg ); padding:0 20px; margin:0 auto; box-sizing:border-box;}

.x3_med_more{ display:block; text-decoration:none; font-size:.9em; text-shadow:1px 1px 0 #fff; color:#ae9059; 
	background:url(images/home.svg) no-repeat 0 center; padding:0 0 0 26px; transition:0.4s;}
.x3_med_more:hover{ text-shadow:1px 1px 0 #fff; color:#ea0000; background:url(images/home_r.svg) no-repeat 5px center;}

.x3_med_arrow{ width:12px; height:36px; background:url(images/path-arrow.svg) no-repeat; 
	background-size:95%; padding:0; margin:0 20px;}

.x3_med_pop{ font-size:.9em; text-shadow:1px 1px 0 #fff; color:#ae9059; 
	background:url(images/man.svg) no-repeat 0 center; background-size:13%; padding:0 0 0 22px; margin:0 20px 0 0;}

.x3_med_view{ font-size:.9em; text-shadow:1px 1px 0 #fff; color:#ae9059; 
	background:url(images/eye.svg) no-repeat 0  55%; background-size:19%; padding:0 0 0 22px; margin:0 15px 0 0;}

.x3_med_go,
.x3_med_fb{ padding:0; margin:7px 15px 0 0;}


.x3_media_ins_zone{ display:flex; justify-content:space-between; width:100%; height:auto; 
	background:#fff; padding:20px 20px 0 20px; margin:0 auto; box-sizing:border-box;}



/* -- 內頁左側 -- */
.x3_media_ins_left{ width:calc(70% - 20px); height:auto; background:#fff; padding:0 0 15px 0; margin:0;}
.x3_media_ins_left h3{ font-size:1.5em; font-weight:bold; color:#666; padding:0 0 20px 0; margin:0;}

.x3_media_ins_video{ width:100%; height:auto; padding:0; margin:0;}
.x3_media_ins_video iframe{ width:100%; height:450px; padding:0; margin:0;}

.x3_media_videotxt{ width:100%; font-size:1em; color:#999; padding:5px 0 0 5px; margin:0; box-sizing:border-box;}


/* -- 內頁右側 -- */
.x3_media_ins_right{ width:30%; height:auto; padding:0 0 0 0; margin:0;}

.x3_media_right_title{ font-size:1.2em; font-weight:bold; border-radius:15px 0 0 0; border-bottom:solid 2px #e9dec8; color:#fff; 
	background:#b69e74; padding:5px 10px; margin:0 0 5px 0;}


/* -- 內頁右側影片區 -- */
.x3_media_right_datas{ width:100%; padding:0; margin:0; box-sizing:border-box;}

.x3_media_rig_mobox{ display:flex; justify-content:space-between; align-items:flex-start; width:100%; 
	padding:0; margin:0 0 5px 0; overflow:hidden; box-sizing:border-box; transition:0.4s;}

.x3_media_rig_mobox:hover{ background:#f4f2ed;}

.x3_media_rig_mopix{ width:40%; height:96px; background:#000; padding:0; margin:0; box-sizing:border-box; overflow:hidden;}
.x3_media_rig_mopix a{ width:100%;}
.x3_media_rig_mopix a img{ width:100%; height:auto;}

.x3_media_rig_motxt{ width:60%; height:96px; font-size:.5em; padding:0 0 0 5px; margin:0; box-sizing:border-box; overflow:hidden;}
.x3_media_rig_motxt a{ width:100%; text-decoration:none; font-weight:bold; color:#e8880a;}
.x3_media_rig_motxt p{ width:100%;}
.x3_media_rig_motxt p a{ width:100%; font-weight:normal; color:#999;}

.x3_media_rig_mobox_line{ width:100%; height:1px; border-bottom:solid 1px #e9dec8; padding:0; margin:0 0 10px 0;}


.x3_media_right_dobbt{ width:100%; text-align:right; padding:10px; margin:10px 0 0 0; box-sizing:border-box;}
.x3_media_right_dobbt a{ text-decoration:none; font-size:1.1em; font-weight:bold; 
	border:solid 2px #776139; border-radius:10px; color:#fff; 
	background:#b69e74; padding:4px 15px; transition:0.4s; position:relative;}
.x3_media_right_dobbt a:before{ display:block; content:""; width:96%; height:20px; border-radius:7px; 
background: -moz-linear-gradient(top,  rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#80ffffff', endColorstr='#00ffffff',GradientType=0 );
 position:absolute; top:2px; left:2px; transition:0.4s;}

.x3_media_right_dobbt a:hover{ border:solid 2px #f0debc; background:#e8880a; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3);}
.x3_media_right_dobbt a:hover:before{
background: -moz-linear-gradient(top,  rgba(255,255,255,0) 0%, rgba(255,255,255,0.3) 100%);
background: -webkit-linear-gradient(top,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
background: linear-gradient(to bottom,  rgba(255,255,255,0) 0%,rgba(255,255,255,0.3) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#4dffffff',GradientType=0 );
top:8px; left:2px;}








/* -- 內頁底 廣告區 -- */
.x3_media_adzone{ width:100%; height:auto; padding:0; margin:0 auto;}
.x3_media_adzone ul{ list-style:none; padding:0; margin:0;}
.x3_media_adzone ul li{ align-items:flex-start; justify-content:flex-start; flex-wrap:wrap;
 width:100%; border-bottom:solid 1px #b7a481; background:#ede2ce; padding:5px 10px; margin:0; box-sizing:border-box;}
.x3_media_adzone ul li:nth-child(odd){ background:#f5f1e9;}
.x3_media_adzone ul li:last-child{ border-bottom:none;}
.x3_media_adzone ul li a{ text-decoration:none;}
.x3_media_adtitle{ max-height:16px; font-size:.8em; font-weight:bold; padding:0; margin:0; overflow:hidden;}
.x3_media_adtitle a{ text-shadow:1px 1px 0 #f5f2ec; color:#776139; transition:0.4s;}
.x3_media_adtitle a:hover{ color:#931f00;}
.x3_media_admain{ height:16px; font-size:.5em; color:#888; padding:0; margin:0; overflow:hidden;}





/* -- 會員區 -- */
.x3_member_zone{ width:100%; padding:0; margin:0; box-sizing:border-box;}

.x3_member_topselnav{ width:100%; border-bottom:solid 2px #3e3e3e;
	background:#202020; padding:5px 0; margin:0; box-sizing:border-box;}
.x3_member_topselnav ul{ display:flex; justify-content:space-between; list-style:none; width:50%;
	background:; padding:0; margin:0 auto;}
.x3_member_topselnav ul li{ width:25%; background:#; padding:0; margin:0;}
.x3_member_topselnav ul li a{ display:block; width:80%; height:30px; line-height:30px; text-decoration:none; 
	text-align:center; font-size:1.2em; font-weight:bold; border-radius:10px; color:#fff; 
	background:; padding:0; margin:0 auto; transition:0.4s;}
.x3_member_topselnav ul li a:hover{ width:100%; text-shadow:1px 1px 0 #816f4d; 
	background:#cab48b; box-shadow:inset 1px 1px 5px rgba(0,0,0,.3); }

.x3_mem_bta{ background:url(images/man_w.svg) no-repeat -3px 6px; background-size:17%;}

.x3_mem_btb{ background:url(images/mem_rg_w.svg) no-repeat -3px 7px; background-size:17%;}

.x3_mem_btc{ background:url(images/fg_pass_w.svg) no-repeat -2px 7px; background-size:17%;}
.x3_mem_btc:hover{ background:url(images/fg_pass_d.svg) no-repeat 0px 0px; background-size:17%; }

.x3_mem_btd{ background:url(images/mem_spps_w.svg) no-repeat -2px 7px; background-size:17%;}




/* -- 會員區 登入 -- */
.x3_member_login_zone{ width:50%; padding:20px 0 30px 0; margin:0 auto; box-sizing:border-box;}
.x3_member_login_zone h3{ font-size:1.5em; font-weight:bold; color:#776139; 
	background:url(images/man.svg) no-repeat 0 3px; background-size:4.5%; padding:0 0 0 30px; margin:0 0 10px 0;}
.x3_member_login_zone h2{ font-size:1.5em; font-weight:bold; color:#776139; 
	background:url(images/fg_pass_d.svg) no-repeat 0 3px; background-size:4.5%; padding:0 0 0 30px; margin:0 0 10px 0;}

.x3_name_inp{ width:100%; font-size:1.2em; text-shadow:1px 1px 0 #fff; border:solid 1px #ccc; border-radius:10px; color:#776139; 
	background:#fbfaf7; padding:10px 15px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); box-sizing:border-box;}
.x3_name_error{ font-size:.9em; color:#df0000; padding:5px 0 10px 5px; margin:0;}

.x3_pass_inp{ display:block; width:100%; font-size:1.2em; border:solid 1px #ccc; border-radius:10px; color:#776139;
	background:#fbfaf7; padding:10px 15px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); box-sizing:border-box;}

.x3_member_login_zone p{ font-size:.9em; color:#999; padding:0 0 0 5px; margin:5px 0;}

.x3_rem_bbt{ width:15px; height:15px; padding:0; margin:15px 0 20px 5px; vertical-align:sub}
.x3_rem_txt{ font-size:.9em; color:#666; padding:0; margin:0; vertical-align:middle;}

.x3_mem_loginbbt{ display:block; width:100%; text-decoration:none; font-size:1.2em; font-weight:bold; text-align:center; border:solid 1px #f8f2e7; 
	border-radius:10px; color:#fff; background:#cab48b; padding:10px 15px; margin:0; box-sizing:border-box; transition:0.4s;}
.x3_mem_loginbbt:hover{ background:#776139; }

.x3_mem_logindowns{ clear:both; display:flex; justify-content:flex-end; width:100%; 
	padding:0 5px 0 0; margin:20px auto 0 auto; box-sizing:border-box;}
.x3_mem_logindowns a{ color:#006cff; padding:0; margin:0 0 0 15px; transition:0.4s;}
.x3_mem_logindowns a:active{ color:#ff00a8;}

.x3_memveri_zone{ display:flex; align-items:center; width:98%; height:auto; padding:0; margin:5px auto;}
.x3_memveri_zone a{ font-size:.9em; color:#006cff; padding:0; margin:0 0 0 20px; transition:0.4s;}
.x3_memveri_zone a:hover{ color:#ff00a8;}


/* -- 會員區 註冊 -- */
.x3_rgs_main{ width:98%; font-size:.9em; border-bottom:dashed 1px #ccc; color:#878787; 
	padding:0 0 5px 0; margin:0 auto 15px auto; box-sizing:border-box;}
.x3_rgs_main span{ color:#9e9e9e;}

.x3_memreg_inpbar{ padding:0; margin:0 0 20px 0; box-sizing:border-box;}
.x3_memreg_inpbar h4{ font-size:.9em; color:#878787; padding:0 0 3px; margin:0;}
.x3_memreg_inpbar h4 span{ color:#c90000;}

.x3_memreg_inpbar input{ display:block; width:100%; font-size:1.2em; border:solid 1px #cab48b; border-radius:10px; color:#776139;
	background:#fbfaf7; padding:10px 15px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); box-sizing:border-box;}

.x3_memreg_inpbar select{ display:block; width:100%; font-size:1.2em; border:solid 1px #cab48b; border-radius:10px; color:#776139;
	background:#fbfaf7; padding:10px 15px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1); box-sizing:border-box; }



/* -- 會員區 驗證碼 -- */
.x3_memreg_verbox{ display:flex; justify-content:space-between; width:100%; 
	border-top:solid 1px #bf6700; border-bottom:solid 1px #bf6700; 
	padding:15px 10px 20px 10px; margin:0 0 20px 0; box-sizing:border-box;}

.x3_memver_inpbar{ width:48%; padding:0; margin:0; box-sizing:border-box;}
.x3_mem_ver_titx{ display:block; font-size:.9em; color:#878787; padding:0 0 3px 0; margin:0;}
.x3_mem_ver_titx span{ color:#c90000;}

.x3_memver_inpbar input{ display:block; width:100%; font-size:1.2em; border:solid 1px #cab48b; border-radius:10px; color:#c90000;
	background:#fff; padding:10px 15px; margin:0; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1), 0 0 5px rgba(220,0,0,.3); box-sizing:border-box;}

.x3_mem_login_info{ width:98%; padding:0; margin:15px auto 0 auto;}
.x3_mem_login_info h4{ font-size:.9em; color:#878787; padding:0; margin:0 0 5px 0; }
.x3_mem_login_info p{ border:solid 1px #ccc; color:#c90000; padding:10px; margin:0; }

.x3_memfg_spp{ width:100%; height:25px;}




/* -- 會員區 贊助 -- */
.x3_member_spon_zone{ width:50%; padding:20px 0 30px 0; margin:0 auto; box-sizing:border-box;}
.x3_memspon_tit{ width:100%; font-size:1.5em; font-weight:bold; color:#776139; 
	background:url(images/mem_spps_d.svg ) no-repeat 0 3px; background-size:4.5%;
	padding:0 0 0 25px; margin:0 0 10px 0; box-sizing:border-box;}

.x3_memspon_program{ display:flex; justify-content:space-between; width:100%; padding:0; margin:0; box-sizing:border-box;}

.x3_memspon_pgbox{ width:48%; height:auto; border:solid 8px #f5f1e9; border-radius:40px; padding:10px; margin:0; box-sizing:border-box;}
.x3_memspon_pgbox h4{ width:100%; text-align:center; font-size:1.5em; font-weight:bold; border-bottom:dashed 1px #fff; border-radius:20px 20px 0 0; color:#fff;
	background:#db0000; color:#fff; padding:10px 10px 5px 10px; margin:0; box-sizing:border-box;}

.x3_memspon_pgbox ul{ list-style:none; padding:10px; margin:0;}
.x3_memspon_pgbox ul li{ border-bottom:dashed 1px #ccc; color:#666; padding:5px 0; margin:0;}
.x3_memspon_pgbox ul li span{ color:#db0000; }

.x3_spon_imgs{ display:flex; align-items:center; width:100%; height:90px; text-align:center; 
	padding:0; margin:5px 0 15px 0;}
.x3_memspon_pgbox img{ display:block; width:90%; height:auto; padding:0; margin:0 auto;}

.x3_memspon_pgbox select{ display:block; width:95%; font-size:1.5em; font-weight:bold; border:solid 1px #cab48b; 
	border-radius:10px; color:#776139; 
	background:#fff; padding:5px 15px; margin:0px auto 15px auto; box-shadow:inset 1px 1px 3px rgba(0,0,0,.3);}

.x3_memspon_pgbox a{ display:block; width:100%; text-decoration:none; text-align:center; font-size:1.5em; font-weight:bold; 
	border-radius:20px; color:#fff; background:#780000; padding:10px 0; margin:0 auto; transition:0.4s;}
.x3_memspon_pgbox a:hover{ background:#db0000;}

.x3_game_infos{ width:100%; height:auto; border:solid 8px #f5f1e9; border-radius:40px; 
	padding:10px; margin:20px 0 0 0; box-sizing:border-box;}
.x3_game_infos h6{ font-size:1.2em; font-weight:bold; text-shadow: 1px 1px 0 #f5f2ec;
    border-radius:20px 20px 0 0; color:#776139; background:#ede2ce; padding:10px 10px 5px 10px; margin:0;}
.x3_game_infos ul{ list-style:none; padding:10px; margin:0;}
.x3_game_infos ul li{ font-size:.9em; border-bottom:dashed 1px #ccc; color:#666; padding:5px 0; margin:0;}



@media (max-width: 1024px) {
/* -- 影片內容 -- */
.x3_media_view_zone ul li{ height:165px;}
.x3_mov_txtbar button{ top:-123px; right:10px;}

/* -- 內頁右側影片區 -- */
.x3_media_rig_mopix{ height:110px;}
.x3_media_rig_motxt{ height:110px;}


/* -- 會員區 登入 -- */
.x3_member_login_zone h2{ background:url(images/fg_pass_d.svg) no-repeat 4px 5px; background-size:4.5%;}


/* -- 會員區 贊助 -- */
.x3_member_spon_zone{ width:60%;}
}


@media (max-width: 768px) {
/* -- 影片內容 -- */
.x3_media_view_zone ul li{ width:30%; height:165px; padding:0; margin:0 24px 24px 0;}
.x3_media_view_zone ul li:nth-child(4n){ margin:0 24px 24px 0;} 
.x3_media_view_zone ul li:nth-child(3n){ margin:0 0px 24px 0;} 

/* -- 內頁左側 -- */
.x3_media_ins_video iframe{ height:350px;}
.x3_media_videotxt{ width:100%; padding:0 10px; margin:0;}

/* -- 內頁右側影片區 -- */
.x3_media_rig_mopix{ height:90px;}
.x3_media_rig_motxt{ height:90px;}



/* -- 會員區 -- */
.x3_member_topselnav ul{ width:75%;}

/* -- 會員區 登入 -- */
.x3_member_login_zone h2{ background-size:6%;}

/* -- 會員區 贊助 -- */
.x3_member_spon_zone{ width:80%;}
}


@media (max-width: 414px) {
/* -- 影片內容 -- */
.x3_media_view_zone{ padding:10px 0px 0px 10px;}
.x3_media_view_zone ul li{ width:47%; height:140px; padding:0; margin:0 12px 12px 0;}
.x3_media_view_zone ul li:nth-child(4n){ margin:0 12px 12px 0;} 
.x3_media_view_zone ul li:nth-child(3n){ margin:0 12px 12px 0;} 
.x3_media_view_zone ul li:nth-child(2n){ margin:0 0px 12px 0;} 

.x3_mov_txtbar button{ width:15px; height:26px; top:-98px; right:10px;}
.x3_mov_txtbar button span{ display:none;}

.x3_media_nober .x_nobbe{ display:none;}

.x3_media_footer{ font-size:.8em; font-weight:normal;}


/* -- 內頁 -- */
.x3_media_databar{ flex-wrap:wrap; height:auto; line-height:20px;padding:5px 10px;}
.x3_med_more{ display:block; padding:0 0 0 20px; margin:0 15px 0 0;}
.x3_med_more span{}
.x3_med_arrow{ display:none;}
.x3_med_pop{ background-size:18%; padding:0 0 0 20px; margin:0 15px 0 0;}
.x3_med_pop span{ display:none;}
.x3_med_view{ background-size:18%; padding:0 0 0 20px; margin:0 15px 0 0;}
.x3_med_view span{}

.x3_med_go,
.x3_med_fb{ padding:0; margin:7px 15px 0 0;}



.x3_media_ins_zone{ display:block; padding:0;}
/* -- 內頁左側 -- */
.x3_media_ins_left{ width:100%;}
.x3_media_ins_left h3{ line-height:28px; padding:10px; margin:0 0 5px 0;}
.x3_media_ins_video iframe{ height:250px;}

/* -- 內頁右側 -- */
.x3_media_ins_right{ width:100%;}

/* -- 內頁右側影片區 -- */
.x3_media_rig_mopix{ height:125px;}
.x3_media_rig_motxt{ height:125px; padding:0 10px}



/* -- 會員區 -- */
.x3_member_topselnav ul{ width:95%;}
.x3_member_topselnav ul li a{ font-size:.9em;}

.x3_mem_bta{ background:url(images/man_w.svg) no-repeat -2px 9px; background-size:17%;}
.x3_mem_btb{ background:url(images/mem_rg_w.svg) no-repeat -1px 9px; background-size:17%;}
.x3_mem_btc{ background:url(images/fg_pass_w.svg) no-repeat -2px 9px; background-size:17%;}
.x3_mem_btc:hover{ background:url(images/fg_pass_d.svg) no-repeat 0px 0px; background-size:17%; }
.x3_mem_btd{ background:url(images/mem_spps_w.svg) no-repeat -2px 9px; background-size:17%;}

/* -- 會員區 登入 -- */
.x3_member_login_zone{ width:90%;}
.x3_member_login_zone h3{ background-size:7%;}
.x3_member_login_zone h2{ background:url(images/fg_pass_d.svg) no-repeat 8px 5px; background-size:6%;}

/* -- 會員區 贊助 -- */
.x3_member_spon_zone{ width:95%;}
.x3_memspon_tit{ width:90%; font-size:1.2em; background-size:6%; margin:0 auto 10px auto; }
.x3_memspon_program{ display:block;}
.x3_memspon_pgbox{ width:90%; margin:0 auto 20px auto;}
.x3_game_infos{ width:90%; margin:0 auto;} 
}


@media (max-width: 375px) {
.x3_media_view_zone ul li{ height:135px;}

.x3_mov_txtbar button{ top:-90px; right:10px;}

/* -- 內頁右側影片區 -- */
.x3_media_rig_mopix{ height:100px;}
.x3_media_rig_motxt{ height:100px;}


/* -- 會員區 -- */
.x3_member_topselnav ul{ width:95%;}
.x3_member_topselnav ul li a{ font-size:.9em;}

.x3_mem_bta,
.x3_mem_btb,
.x3_mem_btc,
.x3_mem_btd{ background:none;}

/* -- 會員區 登入 -- */
.x3_member_login_zone{ width:90%;}
.x3_member_login_zone h3{ background-size:8%;}
.x3_member_login_zone h2{ background:url(images/fg_pass_d.svg) no-repeat 6px 5px; background-size:7%;}
}


@media (max-width: 320px) {
.x3_media_view_zone ul li{ height:115px;}

.x3_mov_txtbar button{ top:-75px; right:10px; z-index:999;}

/* -- 會員區 登入 -- */
.x3_member_login_zone h3{ background-size:9%;}
.x3_member_login_zone h2{ background:url(images/fg_pass_d.svg) no-repeat 6px 5px; background-size:8%;}
}