@charset "UTF-8";
/* CSS Document */
BODY{ background:#fff;}



.cart_shopping_total{ width: 25px; text-align:center;}
.register label{ font-size:0.9em; font-weight:700;}

.age_top_bar{  display:none; border-bottom:solid 2px #0099ff;}
.age_top_box{ width:1024px; margin:0 auto; }

.age_topbat_txt p{ display:inline-table; font-family:微軟正黑體; font-size:1em; text-shadow:1px 1px 0 #fff; color:#1d7cb6; padding:0; margin:0;}
.age_topbat_txt span{ display:inline-table; font-family:微軟正黑體; font-size:.8em; text-shadow:1px 1px 0 #fff; color:#7990a0; padding:0; margin:0;}

.age_top_bar .age_top_box .age_top_bbter{ padding:1px 5px; margin:4px 0 4px 340px;}

.age_top_bar .age_top_box .age_asel_bt{ font-family:微軟正黑體; color:#369; }
  


/* -- 抬頭 -- */
.spor_top_features{ display:block; max-width:1280px; font-family:微軟正黑體; background:#fff; padding:30px 0 20px 0; margin:0 auto; position:relative;}
.spor_top_features a:hover{color:#FFFFFF;}

.spor_top_sel_title{ display:inline-table; width:180px; height:50px; line-height:50px; text-align:center; font-size:1.1em; color:#fff; 
background:#50503F; padding:0; margin:0 0 0 0; vertical-align:top; border-radius:50px 0 0 50px;}

.spor_top_smenu{ display:none; padding:0; margin:0 20px 0 20px; vertical-align:middle;}
.spor_top_smenu a{ text-decoration:none; color:#50503F; background:url(../images/s_sel_p.png) no-repeat 0 2px; 
background-size:35%; padding:0 0 0 20px; margin:0; transition:0.4s;}
.spor_top_smenu a:hover{ color:#50503F; background:url(../images/s_sel_p_r.png) no-repeat 0 2px; background-size:35%;} 

.spor_top_search{ display:inline-table; width:355px; height:40px; line-height:40px; margin:0;padding-left:20px}
.spor_top_search input{ display:inline-table; width:270px; height:40px; line-height:40px; border:solid 1px #e4e0df; border-radius:50px 0 0 50px;
background:url(../images/zoom.jpg) no-repeat #f5f5f5; padding:0 0 0 35px; margin:0; outline:none;}
.spor_top_search a{ display:inline-table; width:60px; text-decoration:none; text-align:center; 
border-radius:0 50px 50px 0; color:#50503F; background:#e4e0df; transition: 0.4s;}
.spor_top_search a:hover{ color:#fff; background:#50503F;}

.spor_fune_rig{ list-style:none; padding:0; margin:0; position:absolute; top:40px; right:25px;}
.spor_fune_rig li{ display:inline-table; padding:0; margin:0 0 0 20px;}
.spor_fune_rig li a{ text-decoration:none; font-size:1em; transition:0.4s;}
.spor_fune_rig li a:hover{color:#F0CC78;}

.spor_tdata_seb{ border:none; transition:0.4s; color:#50503F;}
.spor_tdata_seb:hover{ color:#F0CC78;}
.spor_tdata_seb option{ color:#fff; background:#F0CC78;}

.spor_top_app,
.spor_top_helip,
.spor_top_scart{ color:#50503F; padding:0 0 0 26px; margin:0; transition:0.4s; }

.spor_top_app{ background:url(../images/s_app.png) no-repeat 8px 2px; background-size:20%;}
.spor_top_helip{ background:url(../images/s_doubt.png) no-repeat 2px 2px; background-size:20%;}
.spor_top_scart{ background:url(../images/s_scar.png) no-repeat 2px 2px; background-size:20%;}

.spor_top_app a:hover{ color:#F0CC78; background:url(../images/s_app_r.png) no-repeat 8px 2px; background-size:20%;}
.spor_top_helip a:hover{ color:#F0CC78; background:url(../images/s_doubt_r.png) no-repeat 2px 2px; background-size:20%;}
.spor_top_scart a:hover{ color:#F0CC78; background:url(../images/s_scar_r.png) no-repeat 2px 2px; background-size:20%;}

.spor_top_login{ display:inline-block; width:60px; text-align:center; border-radius:50px; font-weight:bold; color:#fff; background:#F0CC78; 
padding:5px 5px; margin:0;}
.spor_top_login:hover{ color:#fff; background:#50503F;}
.spor_top_regis{ display:inline-block; width:60px; text-align:center; border-radius:50px; font-weight:bold; color:#50503F; 
padding:5px 5px; margin:0 0 0 10px;}
.spor_top_regis:hover{ display:inline-block; color:#fff; background:#50503F;}

.spor_top_sel_zone{ display:flex;
	max-width:1280px; height:50px; line-height:50px; font-family:微軟正黑體; vertical-align:top; 
background:#F0CC78; padding:0; margin:0 auto; border-radius:50px; position:relative;}
.spor_top_sel_zone ul{ display:inline-table; list-style:none; padding:0 0 0 20px; margin:0;}
.spor_top_sel_zone ul li{ display:inline-table; color:#50503F; padding:0; margin:0; vertical-align:top;}
.spor_top_sel_zone ul li a{display:block;height:50px;line-height:50px;text-decoration:none;font-size:1em;color:#50503F;padding:0 10px;margin:0;transition:0.4s;/* letter-spacing:0.3em; */}
.spor_top_sel_zone ul li a:hover{ color:#50503F; border-bottom: solid 5px #edbb48;}
.spor_top_sel_zone ul li .active{ color:#50503F;}

.spor_membbt_box{ position:absolute; top:0; right:10px;}

.spor_membbt_box a{ display:inline-block; height:34px; line-height:34px; text-decoration:none; color:#fff; border-radius:50px; 
background:#d29915; padding:0 15px; margin:0 1px; transition:0.4s; letter-spacing:0.1em;}
.spor_membbt_box a:hover{ background:#50503F;}

.volu_title_ous{padding:0; margin:0;}

.spor_top_thirdsel_zone{ display:none; max-width:1280px; line-height:45px; text-align:left; font-family:微軟正黑體; border-bottom:solid 0px #e9e0dc;
background:#f3eeec; padding:0; margin:0 auto; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);  position:relative;}
.spor_top_thirdsel_zone ul{ display:inline-table; list-style:none; padding:0 0 0 20px; margin:0;}
.spor_top_thirdsel_zone ul li{ display:inline-table; color:#50503F; padding:0; margin:0; vertical-align:middle;}
.spor_top_thirdsel_zone ul li a{ display:block; height:30px; line-height:30px; text-decoration:none; font-size:1em; border-radius:5px; color:#50503F; 
padding:0px 8px; margin:0; transition:0.4s;}
.spor_top_thirdsel_zone ul li a:hover{ color:#fff; background:#50503F; box-shadow:1px 1px 5px rgba(0,0,0,.1);}
.spor_top_thirdsel_zone ul li .active{ color:#fff; background:#50503F; box-shadow:1px 1px 5px rgba(0,0,0,.1);}

.spor_top_third_list{ display:none; max-width:1280px; height:42px; line-height:42px; text-align:center; border-bottom:solid 1px #d9d9d9; 
background:#f8f8f8; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_top_third_list input{ width:95%; height:30px; line-height:30px; font-size:1em; border:solid 1px #d9d9d9; 
border-radius:8px; color:#888; padding:0 10px; margin:0; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1); }



/* -- 內容A區 -- */
.spor_main_azone{ max-width:1280px; font-family:微軟正黑體; background:#fff; padding:0; margin:30px auto 30px auto;}
.spor_main_azone ul{ display:flex; flex-wrap:wrap; justify-content:flex-start; width:100%; text-align:center; padding:0; margin:0; list-style:none;}
.spor_main_azone ul li{ border:solid 1px #EEEEEE; border-radius:5px; padding:10px; margin: 10px; box-sizing:border-box; overflow:hidden; box-shadow:8px 8px 7px rgba(0, 0, 0, .1);}



/* -- 內容廣告圖 -- */
.spor_main_adim{ width:600px; height:420px; margin:0; }



/* -- 內容區塊小 -- */
.spor_main_nbox{ width:270px; background:#fff;}

.spor_m_photo{ display:flex; justify-content:center; align-items:center; width:100%; height:140px; overflow:hidden; background:#e8e8e8;}
.spor_m_photo a{ width:100%; height:auto; padding:0; margin:0; transition:0.4s;}
.spor_m_photo img{ width:100%; height:auto; padding:0; margin:0;}

.spor_do_box{  width:100%; padding:20px 5px 5px 5px; box-sizing:border-box;}

.spor_m_title{ width:100%; height:50px; text-align:left; padding:0; margin:0; overflow:hidden;}
.spor_m_title a{ line-height:20px; text-decoration:none; font-size:1.0em; font-weight:bold; color:#50503F; transition:0.3s;}
.en .spor_m_title a{ line-height:24px;}
.spor_m_title a:hover{ text-decoration:none; color:#d29915; }

.spor_m_style{ width:100%; height:23px; line-height:23px; text-align:left; padding:0; margin:10px 0 10px 0; position:relative;}
.spor_m_style h3{ line-height:23px; font-size:.8em; font-weight:normal; color:#828b92; }
.spor_m_style h4{ line-height:23px; font-size:.9em; font-weight:normal; color:#a47038; }

.spor_mstar{ display:none; font-size:1.2em; font-weight:bold; color:#d29915; 
background:url(../images/prs_start.png) no-repeat 0 3px; padding:0 0 0 18px; margin:0; position:absolute; top:0; right:0;}
.spor_mstar span{ line-height:23px; font-size:.7em; font-weight:normal; color:#d29915; padding:0 0 0 5px;} 

.spor_m_time{ width:100%; text-align:left; font-size:1.0em; letter-spacing:1px; color:#666666; padding:5px 0 10px 0 ; margin:0;}

.spor_m_price{ display:flex; justify-content:space-between; flex-wrap:wrap; align-items:center; width:100%; text-align:left; border-top:1px #EEEEEE solid; padding-top:10px}
.spor_m_price p{ font-size:1.2em; font-weight:bold; color:#d29915; padding:0; margin:0 0 10px 0;}
.spor_m_price span{ border-radius:5px; color:#fff; background:#8f8e8e; padding:1px 8px; margin:0 0 0 25%;}

.spor_dm_bbtzone{}

.spor_dm_signup,
.spor_dm_shopping,
.spor_dm_photoa{ display:inline-table;}

.spor_m_price .spor_dm_signup{ text-decoration:none; border-radius:50px; color:#fff; 
background:#50503F; padding:3px 15px; margin:0 0 0 0; transition:0.4s;}
.spor_m_price .spor_dm_signup:hover{ background:#F0CC78;}

.spor_m_price .spor_dm_shopping{ text-decoration:none; border-radius:50px; color:#fff; 
background:#50503F; padding:3px 15px; margin:0; transition:0.4s;}
.spor_m_price .spor_dm_shopping:hover{ background:#F0CC78;}

.spor_m_price .spor_dm_photoa{ text-decoration:none; border-radius:50px; color:#fff; 
background:#50503F; padding:3px 15px; margin:0 0 15px 0; transition:0.4s;}
.spor_m_price .spor_dm_photoa:hover{ background:#F0CC78;}



/* -- 中段廣告 -- */
.spor_middle_section_ad{ max-width:1280px; text-align:center; background:#f5f5f5; padding:0; margin:0 auto;}
.spor_middle_section_ad a{}
.spor_middle_section_ad a img{ width:100%; height:auto;}



/* -- 玩家專區 -- */
.spor_sec_title{ max-width:1280px; height:40px; line-height:40px; font-family:微軟正黑體; border-bottom:solid 0px #F0CC78; border-radius: 1px;
 background:#fff; padding:0 10px; margin:30px auto; position:relative;}
.spor_sec_title p{ font-size:1.3em; font-weight:bold; color:#50503F;}
.spor_sec_title a{ text-decoration:none; color:#3472be; position:absolute; top:0; right:10px; transition:0.4s; display: inline-block; height: 34px;
 line-height: 34px; text-decoration: none; color:#fff; border-radius: 50px; background: #F0CC78; padding: 0 20px;}
.spor_sec_title a:hover{ color:#FFF; background:#50503F;}

.spor_sec_title ul{ list-style:none; }
.spor_sec_title ul li{ display:inline-table;}

.spor_game_zone{ max-width:100%; text-align:center; background:#F0CC78; padding:20px; margin:0 auto; border-radius: 0px;}

.spor_secdata_box{ display:inline-table; width:490px; padding:0; margin:20px 15px 0 15px; vertical-align:top;}

.spor_secdata_pix{ display:flex; justify-content:center; align-items:center; width:100%px; height:260px; background:#e8e8e8; overflow:hidden;border-radius: 5px;}
.spor_secdata_pix a{ width:100%; height:auto; padding:0; margin:0; transition:0.4s;}
.spor_secdata_pix a img{ width:100%; height:auto; padding:0; margin:0;}

.spor_secdata_ann{ width:100%; text-align:left; padding:0; margin:20px 0 0 0;}
.spor_secdata_ann li{ display:inline-table; vertical-align:top; margin:0 5px 0 0;}
.spor_secdata_ann li a{ text-decoration:none; font-size:.8em; color:#d29915; transition:0.4s; padding:6px 15px; background-color: #FFFFFF; border-radius: 50px;}
.spor_secdata_ann li a:hover{ color:#FFFFFF; background-color: #50503F;}

.spor_secdata_title{ width:100%; text-align:left; padding:0; margin:20px 0 0 0;}
.spor_secdata_title a{ line-height:35px; text-decoration:none; font-size:1.2em; font-weight:bold; color:#50503F; transition:0.3s;}
.spor_secdata_title a:hover{ text-decoration:none; color:#333333;}

.spor_secdata_main{ width:100%; height:50px; line-height:20px; text-align:left; font-size:0.9em; color:#50503F; overflow:hidden;}

.spor_secdata_time{ width:100%; text-align:left; color:#787878; padding:0; margin:5px 0;}

.spor_secdata_updo{ display:inline-table; width:50px; height:450px; padding:0; margin:20px 0 0 0; vertical-align:top;}
.spor_secdata_updo a{ display:flex; justify-content:center; align-items:center; width:100%; height:450px;}
.spor_secdata_updo a img{ width:50%; height:20%;}



/* -- 影像專區 -- */
.spor_photo_zone{ max-width:1280px; text-align:center; background:#FFFFFF; padding:0px 0 30px 0; margin:0 auto; border-radius: 0px;}

.spor_photo_lbox{ display:inline-table; width:575px; height:430px; border-radius:8px;
background:#f8f8f8; padding:0; margin:15px 5px 15px 0; overflow:hidden; vertical-align:top; position:relative;}

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

.spl_txt_box{ width:100%; height:80px; text-align:left; background:rgba(0,0,0,.3); padding:10px; position:absolute; right:0; bottom:0;}
.spl_txt_box p{ line-height:40px; font-size:1.5em; font-weight:bold; color:#fff; padding:10px; margin:0 0 10px 0;}
.spl_txt_box span{ font-size:1em; color:#fff; padding:0; margin:0;}

.spor_photo_rbox{ display:inline-table; width:575px; height:420px; text-align:left; list-style:none; padding:0; margin:15px 0 15px 0; vertical-align:top;}

.spor_photo_rbox li{ display:inline-table; width:282.5px; height:210px; border-radius:8px; 
background:#f8f8f8; padding:0; margin:0 10px 10px 0; vertical-align:top; overflow:hidden; position:relative;}

.spor_photo_rbox li a{ display:flex; justify-content:center; align-items:center; 
width:100%; height:210px; padding:0; margin:0; overflow:hidden;}

.spor_photo_rbox li a img{ width:100%; height:100%; padding:0; margin:0; position:absolute;}

.spor_photo_rbox li:nth-child(even){ padding:0; margin:0 0 10px 0; }

.spor_photo_rbox li:nth-child(3){ padding:0; margin:0px 10px 0 0;}
.spor_photo_rbox li:nth-child(4){ padding:0; margin:0px 0 0 0;}

.sprs_txt_box{ width:100%; height:50px; text-align:left; background:rgba(0,0,0,0); padding:10px; position:absolute; right:0; bottom:0; overflow:hidden; z-index:555;}
.sprs_txt_box p{ line-height:24px; font-size:1em; font-weight:normal; color:#fff; padding:0; margin:0 0 10px 0;}



/* -- 商城專區 -- */
.spor_mall_zone{ max-width:1280px; text-align:center; padding:0; margin:0 auto; border-bottom: 1px #EEEEEE solid;}

.spor_mall_zone ul{ display:flex; flex-wrap:wrap; justify-content:center; width:100%; padding:0; margin:0;}

.spor_mall_zone ul li{ display:inline-table; width:235px; height:365px; border-radius:5px; overflow:hidden; border:solid 1px #EEEEEE;
background:#FFFFFF; padding:0; margin:0 10px 40px 10px; vertical-align:top; box-shadow:8px 8px 7px rgba(0, 0, 0, .1);}
.spor_mall_zone ul li a{ text-decoration:none; }

.small_pix{ display:flex; justify-content:center; align-items:center; width:100%; height:225px; background:#FFF; overflow:hidden;}
.small_pix img{ width:100%; height:auto;}

.small_txt{ min-height:52px; width:100%; line-height:20px; font-size:0.9em; text-align:left; text-decoration:none; color:#50503F; 
padding:20px 10px 0 10px; margin:0;}

.small_price{ width:100%; text-align:left; padding:10px 10px 20px 10px; margin:0; }
.small_price p{ display:inline-table; font-size:1.3em; font-weight:bold; color:#d29915; padding:0 10px 0 0; margin:0;}
.small_price span{ display:inline-table; text-decoration:line-through; font-size:0.9em; color:#999999; padding:0; margin:0;}



/* -- 加購商品區 -- */
.spor_sec_moretxt{ color:#d29915 !important; background:#fff !important;}
.spor_sec_moretxt:hover{ color:#50503F !important;}

.spor_mall_sp_zone{ max-width:1280px; text-align:center; border-radius:10px;
	background:#efebe1; padding:15px 0; margin:0 auto; border-bottom: 1px #EEEEEE solid;}
.spor_mall_sp_zone ul{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;
	width:100%; padding:0; margin:0;}
.spor_mall_sp_zone ul li{ display:inline-table; width:235px; height:300px; border-radius:5px; overflow:hidden; border:solid 1px #EEEEEE;
background:#FFFFFF; padding:0; margin:0 10px 20px 10px; vertical-align:top; box-shadow:8px 8px 7px rgba(0, 0, 0, .1);}
.spor_mall_sp_zone ul li a{ text-decoration:none; }

.small_sp_pix{ display:flex; justify-content:center; align-items:center; 
	width:100%; height:225px; background:#FFF; overflow:hidden;}
.small_sp_pix img{ width:100%; height:100%;}

.small_sp_txt{ min-height:30px; width:100%; line-height:20px; font-size:0.9em; text-align:left; text-decoration:none; 
	color:#50503F; padding:10px 10px 0 10px; margin:0;}
.small_sp_txt p{ padding:0; margin:0; box-sizing:border-box;}
.small_sp_price{ width:100%; text-align:left; padding:0 10px 10px 10px; margin:0; }
.small_sp_price p{ display:inline-table; font-size:1.3em; font-weight:bold; 
	color:#d29915; padding:0 10px 0 0; margin:0;}
.small_sp_price span{ display:inline-table; text-decoration:line-through; font-size:0.9em; 
	color:#999999; padding:0; margin:0;}


.spor_search_barz{ display:flex; align-items:center; gap:12px;
	max-width:1280px; font-family:"Microsoft JhengHei", sans-serif; padding:0 10px; margin:30px auto;}

.spor_search_barz label{ font-size:1.3em; font-weight:bold; color:#50503F;}
  
.spor_search_inpgup{ display:flex; width:380px; border:2px solid #d09800; border-radius:30px; 
	background:#fff; margin:0 0 0 20px; overflow:hidden;}

.spor_seh_inp{ flex:1; height:36px; font-size:1.2em; border:none; color:#333; padding:8px 12px 8px 20px; outline:none;}
.spor_seh_inp::placeholder{ color:#ccc;}

.search-button{ display:block; width:66px; height:32px; font-size:1em; font-weight:bold; border:none; border-radius:30px;
  color:#fff; background:#d09800; padding:0; margin:2px 2px 0 0; cursor:pointer; transition:0.4s;}
.search-button:hover{ background:#50503F;}


.spor_filter_bar{ display:flex; align-items:center; flex-wrap:wrap; gap:10px;
  max-width:1280px; font-family:Arial, sans-serif; padding:0 10px; margin:0 auto 20px auto;}

.spor_tabss .spor_ta_b{ border:none; border-radius:20px;
	background:#e0e0e0; padding:6px 15px; cursor:pointer;}

.spor_tabss .spor_ta_b.active{ font-size:1em; font-weight:bold; color:#fff; background-color:#d09800;}
.spor_ta_b{ height:32px; color:#999; transition:0.4s;}
.spor_ta_b:hover{ color:#fff; background-color:#d09800;}

.spor_down_sel{ height:32px; font-size:1em; border-radius:15px; border:none;
	color:999; background:#e0e0e0; padding:0 15px; cursor:pointer;}

.spor_chbox_group{ display:flex; justify-content:center; align-items:center;
	height:32px; border-radius:15px; background:#e0e0e0; padding:0 20px; margin:0 0 0 20px;}
.spor_chbox_group label{ display:flex; justify-content:center; align-items:center;
	font-size:1em; color:#999; margin:0 6px;}
.spor_chbox_group label input{ margin:-2px 5px 0 0;}

.pagination{ display:flex; align-items:center; margin-left:auto;}

.spor_pgbtn_l,
.spor_pgbtn_r,
.spor_pg_number{ display:flex; justify-content:center; align-items:center;
	height:32px; font-size:1em; border:none; transition:0.4s;}

.spor_pgbtn_l{ border-right:solid 1px #ebebeb; border-radius:15px 0 0 15px;
	color:#999; background:#e0e0e0; padding:0 10px; cursor:pointer;}
.spor_pg_number{ color:#999; background:#e0e0e0; padding:0 12px; margin:0;}
.spor_pg_number span{ color:#d09800;}
.spor_pgbtn_r{ border-left:solid 1px #ebebeb; border-radius:0 15px 15px 0; 
	color:#999; background:#e0e0e0; padding:0 10px; cursor:pointer;}
.spor_pgbtn_l:hover,
.spor_pgbtn_r:hover{ color:#fff; background:#d29915;}

.spor_pagination_bar{ display:flex; justify-content:center; align-items:center; gap:8px;
  font-family:Arial, sans-serif; font-size:1.2em; margin:20px 0;}

.spor_pe_bn{ width:32px; height:32px; font-size:1.2em; border:none; border-radius:50%; padding:0; cursor:pointer;
	color:#999; background:#e0e0e0; transition:0.4s;}
.spor_pe_bn:hover{ color:#fff; background:#d29915;}

.page-btn:disabled{ opacity:0.4; cursor:default;}

.spor_pae_num{ display:flex; justify-content:center; align-items:center;
	width:32px; height:32px; border-radius:50%; color:#999; padding:0; margin:0 10px;
	cursor:pointer; transition:background 0.4s;}
.spor_pae_num:hover:not(.active){ background-color:#f0f0f0;}

.spor_pae_num.active{ font-weight:bold; color:#fff; background:#d09800;}

.dots{ color:#999; pointer-events:none;}

.spor_dow_bblist{ display:flex; justify-content:center; align-items:center;
	max-width:1280px; height:40px; line-height:40px; font-family:微軟正黑體; 
	border-bottom:solid 0px #F0CC78; border-radius:1px;
 	background:#fff; padding:0 10px; margin:30px auto;}
.spor_dow_bblist a{ display:flex; justify-content:center; align-items:center;
	text-decoration:none; height:34px; line-height:34px; border-radius:50px;
	color:#fff; background: #F0CC78; padding:5px 40px; margin:-10px auto 10px auto;}
.spor_dow_bblist a:hover{ color:#FFF; background:#50503F;}



/* -- 頁腳 -- */
.spor_footer{ width:100%; height:380px; background:#50503F; padding:0; margin:30px auto;}

.spor_footer_box{ display:flex; justify-content:space-between; max-width:1280px; height:280px; padding:50px 20px; margin:0 auto;}

.spor_footer_tit{ padding:0; margin:0;}
.spor_footer_tit h4,
.spor_footer_tit h5{ line-height:25px; border-bottom:solid 1px #555; font-size:.8em; font-weight:normal; color:#b9b9b9; padding:0; margin:0;}
.spor_footer_tit h5 a{ color:#b9b9b9; text-decoration: none;}
.spor_footer_tit h5 a:hover{ color:#F0CC78; text-decoration: none;}

.spor_footer_selb{ display:flex; padding:0; margin:0;}
.spor_footer_selb ul{ list-style:none;}
.spor_footer_selb ul h3{ font-size:1em; color:#F0CC78; padding:0; margin:0 0 15px 0;}
.spor_footer_selb ul li{}
.spor_footer_selb ul li a{ font-size:.9em; text-decoration:none;  color:#FFFFFF; transition:all .3s linear; line-height: 30px;}
.spor_footer_selb ul li a:hover{ color:#FFFFFF; transition:all .3s linear;}

.spor_footer_serv{ width:280px; text-align:left; padding:0; margin:0;}
.spor_footer_serv h3{ padding:0; margin:0;}
.spor_footer_serv h3 a{ display:block; width:100%; line-height:30px; text-align:center; font-size:.6em; text-decoration:none; 
border:solid 1px #F0CC78; color:#F0CC78; padding:10px 0 10px 0; margin:0; transition:all .3s linear; border-radius: 5px;}
.spor_footer_serv h3 a:hover{ color:#50503F; background:#F0CC78; box-shadow:inset 0 0 5px rgba(255,255,255,.5); transition:all .3s linear;}

.spor_footer_serv h4{ font-size:0.9em; color:#FFFFFF; padding:0; margin:30px 0 15px 0;}
.spor_footer_serv ul{ list-style:none; padding:0; margin:0;}
.spor_footer_serv ul li{ display:inline-table; padding:0; margin:0 3px 7px 0;}
.spor_footer_serv ul li a{ display:block; border:solid 0px #888; transition:all .3s linear; }
.spor_footer_serv ul li a:hover{ border:solid 0px #0fdcf0; box-shadow:0 0 5px rgba(240,204,120,1);  transition:all .3s linear; border-radius: 5px;}
.spor_footer_serv ul li a img{ width:60px; height:36px; height:auto;border-radius: 5px}

.spor_fune_rig_do{ max-width:1280px; list-style:none; border-top:dashed 1px #888; padding:20px 0 0 0; margin:0px auto 0 auto;}
.spor_fune_rig_do li{ display:inline-table; padding:0; margin:0 0 0 20px;}
.spor_fune_rig_do li a{ text-decoration:none; font-size:1em; transition:0.4s;}

.spor_tdata_seb_do{ border:solid 1px #F0CC78; border-radius:5px; color:#50503F; background:#F0CC78; transition:0.4s; padding:5px;}
.spor_tdata_seb_do:hover{ color:#F0CC78; background:#50503F;}
.spor_tdata_seb_do option{ color:#888; background:#333;}

.spor_top_app_do,
.spor_top_helip_do{ color:#FFFFFF; padding:0 0 0 26px; margin:0; transition:0.4s;}

.spor_top_app_do{ background:url(../images/s_app_do.png) no-repeat 8px 0px ; background-size:20%;}
.spor_top_helip_do{ background:url(../images/s_doubt_do.png) no-repeat 2px 0px ; background-size:20%;}

.spor_top_app_do:hover{ color:#fff; background:url(../images/s_app_r_do.png) no-repeat 8px 0px; background-size:20%;}
.spor_top_helip_do:hover{ color:#fff; background:url(../images/s_doubt_r_do.png) no-repeat 2px 0px; background-size:20%;}



/* -- 登入頁面 -- */
.spor_breadcrumbs{ max-width:1280px; height:30px; line-height:40px; text-align:left; font-family:微軟正黑體; list-style:none; 
padding:0 0 0 20px; margin:10px auto 0 auto; box-sizing:border-box;}
.spor_breadcrumbs li{ display:inline-table; color:#50503F
; margin:0; vertical-align:top;}
.spor_breadcrumbs li a{ text-decoration:none; font-size:1em; position:0; color:#50503F
; margin:0; transition:0.4s; padding:0 5px 0 0;}
.spor_breadcrumbs li a:hover{ color:#F0CC78;} 

.spor_login_azone{ display:flex; max-width:1280px; height:auto; text-align:left; font-family:微軟正黑體; 
padding:0; margin:5px auto 0 auto;}

.spor_login_box{ width:100%; height:auto; padding:10px 0; margin:0;}

.spor_login_box h3{ display:inline-table; width:100%; font-size:1.8em; font-weight:500; border-bottom:none; 
    color:#d29915
; padding:0px; margin:0 0 10px -15px;}

.spor_rig_titlebar{ display:flex; width:100%; padding:0; margin:0;}
.spor_fig_titlebar{ width:89%; display:flex; margin:0 auto;}

.spor_rig_titlebar img{ width:24px; height:24px; padding:0; margin:20px 10px 0 20px;}
.spor_rig_titlebar h3{ font-size:1.3em; font-weight:500; border-bottom:none; color:#50503F
; padding:0px; margin:20px 0 20px 0px;}

.spor_fig_titlebar img{ width:24px; height:24px; padding:0; margin:20px 10px 0 20px;}
.spor_fig_titlebar h3{ font-size:1.3em; font-weight:500; border-bottom:none; color:#50503F
; padding:0px; margin:20px 0 20px 0px;}

.spor_login_adbox{  width:400px; height:auto; padding:0; margin:0;}

.sp_lo_inp{ position:relative;}
.sp_lo_inp input{ width:100%; height:46px; line-height:46px; font-size:1.0em; border:none; border-radius:5px; color:#50503F; padding:5px 5px 5px 50px; margin:0 0 20px 0;}
.sp_lo_inp textarea{ width:100%; height:150px; line-height:46px; font-size:1.0em; text-shadow:1px 1px 0 #fff;  border:none; border-radius:10px; color:#50503F;
padding:5px 15px 5px 45px; margin:0 0 20px 0; box-shadow:inset 0px 0px 5px rgba(255,255,255,.3);}
.spor_txterin{ color:#999; padding:0; margin:0 0 5px 10px;  }
.spor_txterin span{ color:#F0CC78; padding:0 5px 0 0; margin:0;}

.spor_pope{ background:url(../images/inp_pops.svg) no-repeat 15px 10px #f8f3f2;}
.spor_pass{ background:url(../images/inp_pass.svg) no-repeat 15px 10px #f8f3f2;}
.spor_mail{ background:url(../images/inp_mail.svg) no-repeat 15px 12px #f8f3f2;}
.spor_phone{ background:url(../images/inp_phone.svg) no-repeat 15px 12px #f8f3f2;}
.spor_txter{ background:url(../images/inp_txter.svg) no-repeat 15px 17px #f8f3f2;}
.spor_order{ background:url(../images/inp_order.svg) no-repeat 15px 11px #f8f3f2;}

.spor_remind{ font-size:1em; color:#9f9f9f; padding:0 0 10px 10px; margin:0;}

.spor_pabbt{ height:48px; line-height:48px; font-size:1.2em; font-weight:bold; color:#fff; border:solid 2px #44a5e3; border-radius:10px ;
background:#F0CC78; padding:0; margin:0; transition:0.4s;}
.spor_pabbt:hover{ color:#FFFFFF; background:#50503F;}
.btn-success{background-color: #F0CC78;}
.btn-success:hover{color:#FFFFFF; background:#50503F;}
.container-fluid {padding:0; margin:0}
.container-fluid h1{font-size: 1.8em; color:#50503F; margin:30px 0 30px 0;}

.sp_fom_rga,
.sp_fom_rgb{ width:100%; text-align:right; padding:0 15px 0 0; margin:0; box-sizing:border-box;}
.sp_fom_rga{ position:absolute; top:-30px; z-index:9;}
.sp_fom_rgb{ margin:10px 0 0 0;}

.sp_fom_rga a{ text-decoration:none; color:#d29915
; transition:0.4s;}
.sp_fom_rga a:hover{ color:#50503F;}

.sp_fom_rgb a{ text-decoration:none; color:#d29915
; transition:0.4s;}
.sp_fom_rgb a:hover{ color:#50503F;}

.sp_fom_rgc{ width:100%; padding:0 0 0 10px; margin:0 0 10px 0; box-sizing:border-box;}
.sp_fom_rgc a{ text-decoration:none; color:#50503F
; transition:0.4s; }
.sp_fom_rgc a:hover{ color:#ff5925;}

.sp_fom_rgd{ width:100%; padding:0 0 0 10px; margin:0 0 0 0; box-sizing:border-box;}
.sp_fom_rgd input{ width:18px; height:18px; position:0; margin:0; vertical-align:middle;}
.sp_fom_rgd label{ font-size:1em; color:#666; position:0; margin:0; vertical-align:middle;}

.spor_rig_adtit{ width:100%; background:#fff; padding:10px 10px 0 0; margin:20px 0 15px 0;}
.spor_rig_adtit span{ display:inline-table; width:8px; height:28px; border-radius:4px; 
background:#d29915; padding:0; margin:0 10px 0 0; vertical-align:middle;}
.spor_rig_adtit p{ display:inline-table; font-size:1.2em; font-weight:bold; padding:0; margin:0; vertical-align:middle; color:#50503F;}

.spor_rig_adbox{ width:100%; background:#fff; padding:10px; margin:0 0 20px 0; border: 1px solid #EEEEEE; box-sizing:border-box; border-radius: 5px;}

.spor_rig_adpix{ width:100%; padding:0; margin:0; position:relative;}
.spor_rig_adpix p{ display:none; font-size:1.3em; font-weight:bold; text-shadow:0 0 5px #000, 0 0 1px #000; color:#fff; 
background:url(../images/address.png) no-repeat 0 3px; padding:0 0 0 22px; 
position:absolute; top:10px; left:10px;}
.spor_rig_adpix img{ width:100%; height:auto; padding:0; margin:0;}

.file_flag{ position:absolute; bottom:-54px; right:15px; }
.file_flag img{ width:100%; height:auto;}

.spor_rig_adstit{ width:100%; height:auto; padding:10px; margin:0; }

.spor_rig_adstit a{ text-decoration:none; color:#000; transition:0.4s;}
.spor_rig_adstit a:hover{ color:#50503F
;}

.spor_rig_adstit h3{ font-size:1.5em; font-weight:500; padding:0; margin:0;}
.spor_rig_adstit span{ display:inline-table; font-size:1.2em; font-weight:bold; color:#f2ac26;
background:url(../images/prs_start.png) no-repeat 0 7px; padding:0 0 0 20px; margin:0;}
.spor_rig_adstit p{ display:inline-table; font-size:1em; color:#9e9e9e; padding:0; margin:0;}

.spor_rig_price{ display:block; width:100%; padding:0 12px 15px 12px; margin:0; position:relative;}
.spor_rig_price p{ display:block; width:100%; text-decoration:line-through; font-size:1.2em; font-weight:bold; color:#95908c; 
padding:0; margin:0;}

.spor_rig_price h4{ display:block; font-size:1.5em; font-weight:bold;}

.spor_rig_price h4::after{ display:inline-table; width:20px; height:20px; content:""; text-indent:-9999999;  
background:url(../images/priuce_flash.png) no-repeat 0 0px; padding:0; margin:5px 0 0 5px; vertical-align:top;}

.spor_rig_price span{  color:#2ec2b4; position:absolute; right:15px; bottom:21px; }



/* -- 玩家頁面 -- */
.spor_play_title{ display:flex; justify-content:space-between; max-width:1280px; height:40px; line-height:40px; font-family:微軟正黑體;
border-bottom:solid 4px #8d8c8c; background:#fff; padding:0 10px; margin:0 auto;}
.spor_play_title a{ text-decoration:none; font-size:1.2em; font-weight:bold; color:#3472be; transition:0.4s;}
.spor_play_title a:hover{ color:#50503F; }

.spor_play_sel_aa{ list-style:none; padding:0; margin:0;}
.spor_play_sel_aa li{ display:inline-table; padding:0; margin:0;}
.spor_play_sel_aa li a{ font-size:1.2em;  padding:0; margin:0;}
.spor_play_sel_aa li a:hover{ padding:0; margin:0;}

.spor_marquee_zone{ display:flex; justify-content:space-between; max-width:1280px; text-align:center; background:#fff; padding:0; margin:0 auto;}

.spor_marquee_updo{ width:50px; height:450px; padding:0; margin:20px 0 0 0; vertical-align:top;}
.spor_marquee_updo a{ display:flex; justify-content:center; align-items:center; width:100%; height:450px;}
.spor_marquee_updo a img{ width:50%; height:20%;}

.spor_marquee_box{ width:490px; padding:0; margin:20px 15px 0 15px; vertical-align:top;}

.spor_marquee_abr{ max-width:1280px; height:34px; line-height:34px; text-align:left; font-family:微軟正黑體; border-bottom:solid 1px #f5f5f5; 
 background:#fff; padding:0 20px; margin:0 auto; position:relative;}
.spor_marquee_abr a{ text-decoration:none; font-size:1em; font-weight:normal; color:#03d3ff; transition:0.4s;}
.spor_marquee_abr a:hover{ color:#50503F; }

.spor_marquee_timedata{ display:flex; height:28px; line-height:28px; justify-content:space-between; border-top:solid 1px #f5f5f5; 
padding:0; margin:5px 0;}

.smarq_time{ font-size:1em; color:#666; padding:0 0 0 5px; margin:0;}

.smarq_time_data{ display:flex; align-items:stretch; font-size:1em; padding:0; margin:0;}

.smarq_time_data h3,
.smarq_time_data p,
.smarq_time_data span{ line-height:28px; font-size:1em; font-weight:normal; padding:0; margin:0 10px 0 0; text-align:top;}

.smarq_time_data h3{ color:#904f0b;}
.smarq_time_data p{ font-weight:bold; color:#fea726; background:url(../images/prs_start.png) no-repeat 0 6px;
padding:0 0 0 18px; margin:0 10px 0 0;}
.smarq_time_data span{ font-size:.8em; color:#4a86e8; }



/* -- 文章頁面NAV -- */
.spor_marquee_title{ display:flex; justify-content:space-between; max-width:1280px; height:40px; line-height:40px; font-family:微軟正黑體; border-bottom:solid 4px #8d8c8c; 
 background:#fff; padding:0 10px; margin:0 auto; position:relative;}
.spor_marquee_title p{ font-size:1.2em; font-weight:bold; color:#5d5b5b; }

.smt_tit{ font-weight:bold; color:#562310;}

.spor_marquee_title ul{ display:flex; list-style:none; }
.spor_marquee_title ul li{ display:inline-table; position:0; margin:0 0 0 10px;}
.spor_marquee_title ul li a{ text-decoration:none; font-size:1em; font-weight:normal; color:#8f4f08; transition:0.4s;}
.spor_marquee_title ul li a:hover{ color:#50503F; }

.spor_moesel_box{ display:none; }



/* -- 文章頁面 -- */
.sportxt_inpage_index{ display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1280px; 
text-align:left; font-family:微軟正黑體; border-bottom:solid 1px #ccc; padding:5px 15px; margin:15px auto 0 auto; 
box-sizing:border-box;}
.sportxt_inpage_index ul{ display:flex; flex-wrap:wrap; list-style:none; padding:0; margin:0; box-sizing:border-box;}
.sportxt_inpage_index ul li{ padding:0; margin:0 30px 0 0; box-sizing:border-box;}
.sportxt_inpage_index ul li a{ text-decoration:none; font-size:1.2em; font-weight:bold; color:#b6babb; 
    padding:0; margin:0; box-sizing:border-box; transition:0.4s; z-index:5; position:relative;}

.sportxt_inpage_index ul li a:after{ display:block; content:""; width:100%; height:1px; 
    background:none; position:absolute; left:0; bottom:10px; z-index:3;  transition:0.4s;}

.sportxt_inpage_index ul li a:hover{ color:#00a9ff;} 

.sportxt_inpage_index ul li a:hover:after{ display:block; content:""; width:100%; height:3px; 
    background:#00a9ff; position:absolute; left:0; bottom:0px; z-index:0;}

.sportxt_inpage_edit{ display:flex; justify-content:flex-end; max-width:1280px; 
    font-family:微軟正黑體; font-size:1.2em; font-weight:bold; 
    padding:0 15px 5px 15px; margin:0 auto 5px auto; box-sizing:border-box;}

.spine_a, .spine_b{ height:30px; text-decoration:none; border:solid 2px #51bdf4; 
    border-radius:0 0 10px 10px; border-top:none; color:#51bdf4; transition:0.4s;}

.spine_a{ background:url(../images/spine_a.svg) no-repeat 5px 3px; padding:0px 12px 0 30px; margin:0 5px 0 0;}
.spine_b{ background:url(../images/spine_b.svg) no-repeat 5px 2px; padding:0px 12px 0 30px; margin:0;}

.spine_a:hover{ height:40px; text-decoration:none; border:solid 2px #91daff; border-top:none; color:#fff; 
    background:url(../images/spine_aw.svg) no-repeat 8px 8px #51bdf4; 
    padding:5px 12px 0px 30px; margin:0 5px 0 0; box-shadow:inset 2px 2px 8px rgba(0,80,130,.8);}
.spine_b:hover{ height:40px; text-decoration:none; border:solid 2px #91daff; border-top:none; color:#fff; 
    background:url(../images/spine_bw.svg) no-repeat 8px 8px #51bdf4; 
    padding:5px 12px 0px 30px; margin:0 0 0 0; box-shadow:inset 2px 2px 8px rgba(0,80,130,.8);}

.spor_marquee_indata{ display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1280px; 
text-align:left; font-family:微軟正黑體; list-style:none; padding:10px; margin:5px auto; box-sizing:border-box;}

.spor_pltitle_abr{ width:100%; border-bottom:solid 1px #8eadb8; padding:0; margin:0 0 10px 0;}

.spor_pltitle_abr h3{ width:100%; font-size:2em; font-weight:bold; 
    color:#d29915
; background:url(../images/sport_pltitle.svg) no-repeat; background-size:40px; 
    padding:0 10px 5px 40px; margin:0;}

.spor_plater_abr{ width:100%; list-style:none; padding:0 15px 0 15px; margin:0 0 10px 0;}
.spor_plater_abr li{ display:inline-table; font-size:1em; text-shadow:1px 1px 0 #f8f8f8; color:#999; margin:0 20px 0 0;}

.spor_indata_a{ background:url(../images/sport_in_data/ps_in_data_a.svg) no-repeat 0 2px; background-size:20px; 
    padding:0 0 0 22px; margin:0;}
.spor_indata_b{ background:url(../images/sport_in_data/ps_in_data_b.svg) no-repeat 0 2px; background-size:20px; 
    padding:0 0 0 22px; margin:0;}
.spor_indata_c{ background:url(../images/sport_in_data/ps_in_data_c.svg) no-repeat 0 3px; background-size:20px; 
    padding:0 0 0 22px; margin:0;}
.spor_indata_d{ background:url(../images/sport_in_data/ps_in_data_d.svg) no-repeat 0 0; background-size:20px; 
    padding:0 0 0 22px; margin:0;}

.spor_marquee_indata_box{ display:flex; justify-content:space-between; width:49%; height:150px; 
padding:0; margin:10px 5px; box-sizing:border-box;}

.spmain_pix{ width:200px; height:140px; background:#333; padding:0; margin:0;}
.spmain_pix a{ display:flex; justify-content:center; align-items:center; 
width:100%; height:140px; padding:0; margin:0; overflow:hidden;}
.spmain_pix a img{ width:100%; height:auto; padding:0; margin:0;}

.spmain_main_r{ width:410px; height:150px;}
.spmain_main_r h3{ font-size:1.5em; font-weight:bold; padding:0; margin:0 0 5px 0;}
.spmain_main_r h3 a{ text-decoration:none; color:#000; transition:0.4s;}
.spmain_main_r h3 a:hover{ color:#ffa628;}

.spmain_main_r h4{ width:100%; height:50px; line-height:24px; font-size:1em; padding:0; margin:0; overflow:hidden;}
.spmain_main_r h4 a{ text-decoration:none; color:#959796; transition:0.4s;}
.spmain_main_r h4 a:hover{ color:#00c0ff;}

.spmain_main_don{ display:flex; justify-content:space-between; align-items:flex-end; width:100%; 
background:#fff; padding:0 5px 0 0; margin:15px 0 0 0;}

.spmain_main_donl{ padding:0; margin:0;}
.spmain_main_donl p{ font-size:1em; font-weight:bold; padding:0; margin:0 0 -5px 0;}
.spmain_main_donl span{ font-size:.9em; color:#989493; padding:0; margin:0;}

.spmain_main_donr{ display:flex; align-items:flex-end;  padding:0; margin:0;}
.spmain_main_donr p{ font-size:1.2em; font-weight:bold; color:#ffa628;
 background:url(../images/prs_start.png) no-repeat 0 7px; padding:0 0 0 18px; margin:0;}
.spmain_main_donr span{ font-size:.9em; color:#4a84e5; padding:0; margin:0 0 0 5px;}

.spor_player_zone{ max-width:1280px; padding:20px 10px; margin:0 auto; box-sizing:border-box;}

.spor_player_box{ display:flex; justify-content:space-between; width:100%; height:auto; border:solid 1px #d1d1d1; 
padding:20px; margin:0 0 20px 0;}

.spor_player_pix{ width:270px; height:270px; background:#333; padding:0; margin:0; position:relative;}
.spor_heart{ position:absolute; top:5px; right:3px;}
.spor_player_pix a{ display:flex; justify-content:center; align-items:center; 
width:100%; height:270px; padding:0; margin:0; overflow:hidden;}
.spor_player_pix a img{ width:100%; height:auto; padding:0; margin:0;}

.spor_player_rmain{ display:block; font-family:微軟正黑體; width:calc(100% - 290px); height:270px;}

.spor_player_top{ display:flex; justify-content:space-between; width:100%; padding:10px; margin:0;}

.spplayert_l{ padding:0; margin:0;}
.spplayert_l h3{ font-size:1.5em; padding:0; margin:0;}
.spplayert_l h3 a{ text-decoration:none; color:#0071c2; padding:0; margin:0; transition:0.4s;}
.spplayert_l h3 a:hover{ color:#ffa628; padding:0; margin:0;}
.spplayert_l ul{ padding:0; margin:3px 0 0 0;}
.spplayert_l ul li{ display:inline-table; padding:0; margin:0;}
.spplayert_l ul li a{ font-weight:bold; text-decoration:none; color:#0071c2; padding:0; margin:0; transition:0.4s;}
.spplayert_l ul li a:hover{ color:#ffa628;}

.spplayert_r{ text-align:right; padding:5px 0 0 0;}
.spplayert_r h4{ display:inline-table; font-size:1.3em; color:#003580; vertical-align:top; padding:0; margin:0;}
.spplayert_r h4 span{ display:block; font-size:.75em; color:#6b6b6b; text-align:right; padding:0; margin:3px 5px 0 0;}
.spplayert_r p{ display:inline-table; width:50px; height:45px; line-height:45px; text-align:center; font-size:1.5em; font-weight:bold; 
border-radius:8px 8px 8px 0; color:#fff; background:#003580; position:10px; margin:0; vertical-align:top;}

.spor_player_middle{ display:flex; justify-content:space-between; width:100%; 
border:solid 1px #efeadf; background:#fffbf2; padding:10px; margin:0;}

.spoplay_midl{ width:calc(100% - 140px);}

.spomid_abar{ display:flex; padding:0; margin:0 0 5px 0;}
.spomid_abar h3{ font-size:1em; padding:0; margin:0 30px 0 0;}
.spomid_abar h3 a{ text-decoration:none;     color:#4a84e5; padding:0; margin:0; transition:0.4s;}
.spomid_abar h3 a:hover{ color:#ffa628;}
.spomid_abar ul{ list-style:none; padding:0; margin:-2px 0 0 0;}
.spomid_abar ul li{ display:inline-table; vertical-align:top; padding:0; margin:0;}
.spomid_abar ul li p{ display:block; width:18px; height:18px; 
background:url(../images/prs_start.png) no-repeat 0 3px; padding:0; margin:0;}

.spomid_bbar{ line-height:17px; font-size:.9em; word-break:break-all; padding:0; margin:0 0 5px 0;}
.spomid_bbar span{ font-weight:bold;}

.spomid_cbar{ display:flex; border-top:solid 1px #e8e2d6; padding:5px 0 0 0; margin:0;}
.spomid_cbar h3{ font-size:1em; padding:0; margin:0;}
.spomid_cbar ul{ list-style:none; padding:0; margin:-2px 0 0 0;} 
.spomid_cbar ul li{ display:inline-table; padding:0; margin:0 15px 0 0; transition:0.4s;} 
.spomid_cbar ul li a{ text-decoration:none; font-size:1em; color:#4a84e5; padding:0; margin:0; transition:0.4s;}
.spomid_cbar ul li a:hover{ color:#ffa628; padding:0; margin:0;}

.spoplay_midr{ width:140px; text-align:right;}
.spoplay_midr h3{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr h4{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr p{ color:#fcc42f; padding:0; margin:0;}

.spor_player_down{ display:flex; width:100%; padding:10px; margin:0;}
.spor_player_down h3{ font-size:1em; padding:0; margin:0;}
.spor_player_down ul{ list-style:none; padding:0; margin:-2px 0 0 0;}
.spor_player_down ul li{ display:inline-table; font-size:1em; padding:0; margin:0 5px 0 0;}
.spor_player_down ul li a{ text-decoration:none; color:##4a84e5; padding:0; margin:0; transition:0.4s;}
.spor_player_down ul li a:hover{ color:#ffa628; padding:0; margin:0;}



/* -- 會員中心頁面 -- */
.spor_member_centre_zone{ display:flex; justify-content:space-between; max-width:1280px; font-family:微軟正黑體;  
padding:20px 0px 20px 0px; margin:0 auto; box-sizing:border-box;}

.spor_member_centre_sel{ width:20%; height:auto; border-radius:10px; 
background:#F0CC78
; padding:0 0 50px 0; margin:0; box-sizing:border-box; overflow:hidden;}

.spor_member_centre_main{ width:calc(80% - 20px); height:500px; padding:0; margin:0; box-sizing:border-box;}

.spor_member_tile{ display:flex; width:100%; padding:0; margin:5px 0 20px 20px;}
.spor_member_tile img{ height:20px;}
.spor_member_tile h3{ font-size:1.3em; font-weight:bold; color:#50503F
; padding:0 0 0 3px; margin:-2px 0 0 5px;}

.spmece_tit a{ display:block; width:100%; text-decoration:none; text-align:left; font-size:1.1em; font-weight:bold; 
border-bottom:solid 0px #FFFFFF;  color:#FFFFFF; background-color:#50503F; padding:12px 10px 12px 20px; margin:0; transition:0.4s;}
.spmece_tit a:hover{ color:#F0CC78; background:#50503F; padding:12px 10px 12px 20px; box-shadow:inset 1px 1px 5px rgba(0,0,0,.2);}

.spmece_sel{ list-style:none; padding:0; margin:0;}
.spmece_sel li{ padding:0; margin:0;}
.spmece_sel li a{ display:block; width:100%; text-decoration:none; font-size:1em; font-weight:bold; 
border-bottom:dashed 0px #FFFFFF; color:#50503F;
padding:12px 10px 12px 30px; margin:0; box-sizing:border-box; transition:0.4s;}
.spmece_sel li a:hover{ color:#50503F; background:#FFF0CC; padding:12px 10px 12px 30px;}

.spor_slide_zone{ max-width:1280px; height:380px; padding:0; margin:5px auto; overflow:hidden; box-sizing:border-box;}
.spor_slide_zone img{ width:100%; height:auto;}

.spor_featatt_box{ width:820px; height:auto; padding:10px 0; margin:0;}

.spor_featatt_titsel_bat{ width:100%; list-style:none; border-bottom:solid 1px #ccc; padding:10px 0 10px 10px; margin:0 0 30px 0;}
.spor_featatt_titsel_bat li{ display:inline-table;}
.spor_featatt_titsel_bat li a{ text-decoration:none; font-size:1.3em; font-weight:bold; color:#000; transition:0.4s;}
.spor_featatt_titsel_bat li a:hover{ color:#ff4013; }



/* -- 頁面選項條 -- */
.spor_pagination_zone{ max-width:1280px; text-align:center; font-family:微軟正黑體; padding:20px 10px; margin:0 auto; box-sizing:border-box;}
.spor_pagination_zone ul{ list-style:none;}
.spor_pagination_zone ul li{ display:inline-table; }
.spor_pagination_zone ul li a{ text-decoration:none; font-size:1em; border:solid 1px #edece7; border-radius:3px; color:#000; 
background:#fff; padding:5px 12px; margin:0 10px 0 0; transition:0.4s;}
.spor_pagination_zone ul li a:hover{ color:#fff; background:#fe5722;}



/* -- 問與答 -- */
.spor_qa_zone{ margin:0 0 50px 0;}
.spor_qa_zone .spor_qa_box{ border:none; background:#fff; }

.spor_qa_bar{ border-bottom:line 1px rgba(0,0,0,.1); background:#fff; padding:0; margin:0;}

.card .spor_qa_title{ line-height:25px; text-decoration:none; text-align:left; font-size:.7em; font-weight:bold; color:#d29915; margin:30px 0 10px 0;}
.card .spor_qa_title:hover{ color:#50503F; }

.spor_qa_main{ line-height:36px; font-size:1em; border-bottom:solid 1px rgba(0,0,0,.1); color:#999; transition:0.4s;}
.spor_qa_main:hover{ color:#76be11;}
.spor_qa_main a{color:#666666;}
.spor_qa_main a:hover{color:#666666; text-decoration: none;}
.spor_qa_main ul{color:#666666; margin-bottom:0px;}
.spor_qa_main p{color:#666666;}
.spor_qa_main ol{color:#666666;}



/* -- 訂購頁面 -- */
.spor_sign_zone{}

.spor_sign_top_pix{ display:flex; justify-content:center; align-items:center; width:100%; height:320px; overflow:hidden; 
background:#FFFFFF; padding:0; margin:0 0 30px 0; overflow:hidden;}
.spor_sign_top_pix img{ width:100%; height:auto; padding:0; margin:0; border-radius: 10px;}

.spor_sign_titlebar{ width:100%; height:auto; padding:0; margin:0;}
.spor_sign_titlebar h2{ font-size:2em; font-weight:bold; color:#50503F
; padding:0; margin:0 0 15px 0;}

.spor_sogn_topsel{ width:100%; list-style:none; border-bottom:solid 2px #EEEEEE; padding:5px 5px 20px 5px; margin:0 0 10px 0;}
.spor_sogn_topsel li{ display:inline-table; line-height:40px; padding:0; margin:0;}
.spor_sogn_topsel li a{ text-decoration:none; font-size:1em; font-weight:bold; border-radius:50px; color:#999999; 
background:#e2e1df; padding:6px 20px; margin:0 0 0 0; transition:0.4s;}
.spor_sogn_topsel li a:hover{ color:#fff; background:#d29915;}

.spor_sogn_topsel .active{ color:#fff; background:#d29915; cursor:default;}

.btn-info{ color:#fff; background:#d299158; border-radius:50px; margin-bottom:10px;}
.spor_org_bbt{ color:#fff; background:#d299158; border-radius:50px;margin-bottom:10px;}
.spor_org_bbt:hover{color:#fff; background:#50503F;}

.spor_sign_timebar{ width:100%; height:auto;padding:8px; margin:0; color:#666666;}
.spor_sign_timebar h3{ font-size:1.1em; font-weight:bold; padding:0 8px 0 0; margin:0; line-height: 28px;}
.spor_sign_timebar span{ font-size:1em; color:#666; padding:0; margin:0;}

.copy_hide{ border-radius:20px; margin:20px 0;}
.copy_hide:nth-child(even){ border-radius:20px; background:#fcfcfc; margin:20px 0 0 0;}

.spor_sign_playerlogin_bar{ width:100%; border-bottom:solid 1px #EEEEEE
; padding:35px 8px 15px 8px; margin:0 0 20px 0;}
.spor_sign_playerlogin_bar h3{ font-size:1.2em;font-weight:bold; padding:0 15px 0 0; margin:0;height:40px;}
.spor_sign_playerlogin_bar a{ text-decoration:none; font-size:1.1em; padding:0; margin:0; transition:0.4s;color:#50503F; line-height: 24px;}
.spor_sign_playerlogin_bar a:hover{}
.form-control{ color:#50503F; background:#d299158; border-radius:5px;margin-bottom:10px; border:1px solid #DADADA; font-size: 1em; height: 45px; line-height: 30px;}
.form-control a{}
.form-control a:hover{border:0;}

.spor_sign_inpzone_a{ width:100%; text-align:left; border-bottom:dashed 1px #EEEEEE
; padding:15px 0; margin:0 auto 30px auto;}
.spor_sign_inpzone_a input{ margin:0;}

.spor_sign_inpzone_b{ width:100%; text-align:left; border-bottom:dashed 1px #EEEEEE
; padding:20px 0 20px 0; margin:0 auto;}
.spor_sign_inpzone_b input{ margin:0;}

.spsign_hi_bbt{ width:100%; text-align:right;}
.spsign_hi_bbt button{ width:100%;}
.spsign_hi_bbt label{ font-size:.9em; color:#fff; padding:0; margin:0;}

.spor_bbt_stxt{ width:97%; text-align:right; padding:0; margin:0; box-sizing:border-box;}
.spor_bbt_stxt a{ font-size:1.0em; text-decoration:none; transition:0.4s;}
.spor_bbt_stxt a:hover{}

.spor_sign_desczo{ width:100%; height:auto; border-radius:5px;
border:1px #50503F solid; padding:10px 10px; margin:0; text-align: center; background-color: #FFF0CC;}
.spor_sign_desczo h3{ line-height:28px; font-size:1.0em; color:#50503F; padding:0; margin:0;}

.btn-secondary{border-radius:50px; background-color: #d29915; color:#FFF; border: 0; padding:8px 20px 8px 20px;}
.btn-secondary a:hover{background-color:#50503F;}

.spsign_hi_s{ margin:0;}

.spsign_hi_s label{ font-size:.9em; color:#666666; padding:0 0 10px 5px; margin:0;}

.spsssp_poin{  opacity:0;}

.spsign_tit_price{}
.spsign_tit_price h3{ font-size:1.5em; font-weight:bold; color:#d29915; padding:0; margin:0 5px 0 0;}
.spsign_tit_price span{ font-size:1.5em; font-weight:bold; color:#50503F; padding:0; margin:0;}

.spsign_tiprice_pr{}
.spsign_tiprice_pr h3{ font-size:1.2em; font-weight:bold; color:#666; padding:0; margin:0 5px 0 0;}
.spsign_tiprice_pr span{ font-size:1.5em; font-weight:bold; color:#333; padding:0; margin:0;}

.spsign_tiprice_sg{}
.spsign_tiprice_sg h3{ font-size:1.2em; font-weight:bold; color:#666; padding:0; margin:0 5px 0 0;}
.spsign_tiprice_sg span{ font-size:1.5em; font-weight:bold; color:#eb0000; padding:0; margin:0;}

.spsign_tiprice_de{ display:flex; justify-content:flex-start; align-items:center;}
.spsign_tiprice_de h3{ font-size:1.2em; font-weight:bold; color:#666; padding:0; margin:0 5px 0 0; vertical-align:bottom;}
.spsign_tiprice_de a{ text-decoration:none; text-align:center; border-radius:8px; border:solid 2px #ce0000;  
color:#fff; background:#eb0000; padding:2px 10px; margin:0; box-shadow:inset 0 0 3px rgba(255,255,255,.5); transition:0.4s;}
.spsign_tiprice_de a:hover{ background:#a80000; box-shadow:inset 1px 1px 5px rgba(0,0,0,.5);}

.spsign_tiprice_de .del_buy_btn{ border:solid 2px #be8200; padding:5px 10px; background:#de9f18; }
.spsign_tiprice_de .del_buy_btn:hover{ border:solid 2px #a66225; background:#c48044;}

.spsign_tiprice_po{ padding:0; margin:0;}
.spsign_tiprice_po h3{ font-size:1em; font-weight:bold; color:#666; padding:0; margin:0 5px 0 0; vertical-align:baseline;}
.spsign_tiprice_po input{ display:inline-table; font-size:1em; font-weight:bold; border:solid 1px #999; border-radius:5px;
color:#50503F; padding:0; margin:0; vertical-align:baseline; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}

.spsign_tiprice_at{ padding:0; margin:0;}
.spsign_tiprice_at h3{ font-size:1em; font-weight:bold; color:#666; padding:0; margin:0 5px 0 0; vertical-align:baseline;}
.spsign_tiprice_at span{ font-size:1em; font-weight:bold; color:#333; padding:0; margin:0; vertical-align:baseline;}

.mobile_show{ display:none;}
.spor_sign_total_down{ border-top:solid 5px #F0CC78; padding:15px 0 15px 0; margin:15px 0 0 0;}

.spor_inp_zones_a{ border-radius:0px; background:#FFF0CC;}



/* -- 運動活動頁面 -- */
.spor_act_title{ width:96%; padding:0 0 0 20px; margin:0 0 20px 0;}
.spor_act_title h3{ display:inline-table; font-size:2.2em; font-weight:500; color:#000; padding:0; margin:0 5px 0 0;}
.spor_act_title h4{ display:inline-table; font-size:1.2em; color:#4c7ad2;}
.spor_act_title h4 span{ font-weight:bold; color:#ffa725; 
background:url(../images/prs_start.png) no-repeat 0 7px; padding:0 0 0 20px; margin:0 5px 0 0;}

.spor_act_lists{ list-style:none; width:96%; padding:0 0 0 25px; margin:0 0 25px 0;}
.spor_act_lists li{ display:inline-table; line-height:15px; font-size:1.2em; color:#8f541c; padding:0; margin:0 15px 0 0;}
.spor_act_lists li h3{ line-height:15px; font-size:1.5em; color:#8f541c;}
.spor_act_lists li h4{ display:inline-table; line-height:15px; font-size:1em; color:#4c7ad2;}
.spor_act_lists li h4 span{ display:inline-table; font-size:1em; font-weight:bold; color:#ffa725; 
background:url(../images/prs_start.png) no-repeat 0 0px; padding:0 0 0 20px; margin:0 5px 0 0;}

.spor_act_msels{ list-style:none; width:96%; border-bottom:solid 2px #ccc; padding:8px 0 8px 25px; margin:0 0 30px 0;}
.spor_act_msels li{ display:inline-table; vertical-align:top;}
.spor_act_msels li a{ text-decoration:none; font-size:1.3em; font-weight:bold; color:#000; transition:0.4s;}
.spor_act_msels li a:hover{ color:#ff3d06;}

.spor_act_msels .active{ color:#ff3d06; cursor:default;}

.spor_act_maintxt{ width:94%; padding:0 0 0 50px; margin:0;}
.spor_act_maintxt li{ line-height:30px; font-size:1.0em; color:#000; padding:0; margin:0 0 5px 0;}
.spor_act_maintxt li h3{ line-height:30px; font-size:1em; color:#000; }



/* -- 票券評論區 -- */
.spor_act_maintxt{ width:94%; padding:0 0 0 50px; margin:0 0 50px 0;}
.spor_act_maintxt li{ line-height:30px; font-size:1.0em; color:#000; padding:0; margin:0 0 5px 0;}
.spor_act_maintxt li h3{ line-height:30px; font-size:1em; color:#000; }

.spor_evaluation_box{ width:96%; height:auto; border-bottom:solid 1px #e0dfe0; background:#fff; padding:0 0 30px 0; margin:0;}
.spor_evaluation_box ul{ width:100%; border-bottom:solid 1px #ff0000; padding:0 0 8px 0; margin:0;}
.spor_evaluation_box ul::after{ display:block; width:100%; content:"";  border-bottom:solid 1px #20a2d6; padding:0 0 9px 0; margin:0 0 -10px 0;}
.spor_evaluation_box ul li{ display:inline-table; padding:0; margin:0;}
.spor_evaluation_box ul li a{ text-decoration:none; font-size:1.3em; font-weight:bold; color:#000; 
border:solid 1px #e5e4e5; border-bottom:none; border-radius:10px 10px 0 0; 
background:#f5f5f5; padding:10px 30px; margin:0; transition:0.4s;}
.spor_evaluation_box ul li a:hover{ text-shadow:1px 1px 0 #fcc315; border:solid 1px #ffc000; border-bottom:none; background:#fc8c15; }

.spor_evaluation_txt{ width:100%; padding:15px 10px; margin:0;}
.spor_evaluation_txt img{ padding:0; margin:0 10px 0 0;} 
.spor_evaluation_txt span{ color:#989898;} 

.spor_evaluation_box h3{ font-size:1.2em; font-weight:bold; color:#000; padding:0; margin:15px 0 0 10px;}

.spor_google_bbt{ width:98%; text-align:center; border:solid 2px #787878; border-radius:8px; padding:5px 10px; margin:20px auto 40px auto;}
.spor_google_bbt a{ text-decoration:none; font-size:1.0em; font-weight:bold; color:#787878; transition:0.4s;}
.spor_google_bbt a:hover{ color:#3fadd7; }

.spor_reply_bar{ width:98%; height:auto; border-bottom:dashed 1px #ccc;  padding:0 0 10px 0; margin:0 auto 20px auto;}
.spor_reply_bar:last-child{ border-bottom:none;}

.spor_reply_up{ display:flex; justify-content:space-between; width:100%;}

.spor_reply_staff{ display:flex; justify-content:space-between; padding:0; margin:0 0 0 15px;}

.spor_staff_pix{ display:flex; justify-content:center; align-items:center; width:60px; height:60px; text-align:center;
border-radius:50%; border:solid 3px #afa8a6; padding:0; margin:0; overflow:hidden;}
.spor_staff_pix a img{ width:100%; height:auto; padding:0; margin:0; transition:0.6s;} 
.spor_staff_pix a:hover img{ width:102%;}

.spor_staff_name{ padding:0; margin:0 0 0 20px;}
.spor_staff_name h3{ font-size:1.3em; padding:10px 0 0 0; margin:0;}
.spor_staff_name h3 a{ text-decoration:none; color:#2f3b48; transition:0.4s;}
.spor_staff_name h3 a:hover{ color:#0090ff;}

.spor_staff_name h4{ font-size:1em; color:#7f817f; padding:0; margin:0 0 0 3px;}

.spor_staff_nober{ text-align:center; padding:0; margin:0 25px 0 0;}
.spor_staff_nober h3{ width:100%; text-align:center; font-size:.9em; color:#42403f; padding:15px 0 0 0; margin:0;}
.spor_staff_nober h3 span{ border-radius:8px; color:#fff; background:#1e9fd2; padding:3px 8px; margin:0 3px 0 0;}
.spor_staff_nober h4{ width:100%; text-align:center; font-size:.9em; color:#42403f; padding:0; margin:0;}

.spor_reply_intxt{ width:100%; line-height:26px; font-size:1em; padding:10px; margin:15px 0 0 0;}
.spor_reply_intxt a{ text-decoration:none; color:#787878; transition:0.4s;}
.spor_reply_intxt a:hover{ color:#0090ff;}

.spor_page_barer{ width:96%; height:auto; border-bottom:solid 1px #e0dfe0; background:#fff; padding:0 0 30px 0; margin:30px 0 0 0;}
.spor_page_barer ul{ width:100%; text-align:center; list-style:none; padding:0; margin:0 auto;}
.spor_page_barer ul li{ display:inline-table;}
.spor_page_barer ul li a{ text-decoration:none; font-size:1em; border:solid 2px #eee; color:#333; border-radius:2px;
background:#fff; padding:8px 10px; margin:0 5px; transition:0.4s;}
.spor_page_barer ul li a:hover{ border:solid 2px #eee; color:#fff; background:#F0CC78;}

.spor_sfaction_box{ display:flex; justify-content:space-between; width:100%; height:auto; padding:20px 10px; margin:0}

.spor_sfaction_l{ width:20%; height:auto; text-align:center; padding:0; margin:0;}
.spor_sfaction_rr{ width:130px; height:130px; border:solid 5px #1b9dd1; border-radius:50%; padding:0; margin:0 auto;}
.spor_sfaction_l h4{ line-height:115px; font-size:2.5em; font-weight:bold; color:#212121; padding:0; margin:0;}
.spor_sfaction_l p{ font-size:1.2em; font-weight:bold; color:#424242; padding:0; margin:10px 0 0 0;}

.spor_sfaction_r{ display:flex; flex-wrap:wrap; width:80%; height:150px; padding:0; margin:0;}

.spor_sfaction_rbox{ display:flex; justify-content:space-between; width:50%;}
.spsfrbox_tit{ width:25%; font-size:1.0em; color:#686e92; background:;}
.spsfrbox_bar{ width:50%; height:8px; border-radius:3px; 
background:#f7f7f7; padding:0; margin:8px 0 0 0; overflow:hidden;}
.spsfrbox_inbar{ width:90%; height:8px; background:#1d9fd2;}
.spsfrbox_nob{ width:15%; font-size:1.0em; color:#686e92; background:;} 



/* -- 評論區 -- */
.spor_comment_zone{ width:100%; height:2500px; font-family:微軟正黑體; 
background:rgba(0,0,0,.7); z-index:999; position:absolute; top:0; right:0;}

.spor_comment_box{ display:block; max-width:800px; padding:0; margin:auto;}

.spor_comment_title,
.spor_comment_main,
.spor_comment_reply{ width:100%; height:auto; border-radius:15px; background:#fff; padding:0px; margin:0 0 20px 0;}

.spor_comment_title{ display:block; margin:20px 0;}

.spcoti_top{ display:flex; width:95%; padding:20px 10px 20px 10px; margin:0 auto;}

.spcoti_top_pix{ width:15%; height:auto;}

.spcoti_top_box{ display:flex; justify-content:center; align-items:center; width:90px; height:90px; border:solid 3px #fff; border-radius:10px;
box-shadow:1px 1px 5px rgba(0,0,0,.5); overflow:hidden; background:#e8e8e8;}
.spcoti_top_box a{ width:100%; text-align:center; height:auto; padding:0; margin:0; transition:0.4s;}
.spcoti_top_box img{ width:100%; height:auto; padding:0; margin:0; transition:0.4s;}
.spcoti_top_box a:hover img{ width:105%; height:auto;}

.spcoti_top_star{ width:100%;}
.spcoti_top_star h3{ width:100%; font-size:1.0em; font-weight:bold; color:#ffb328; 
background:url(../images/prs_start.png) no-repeat 0 3px; padding:0 0 0 20px; margin:10px 0 3px 12px;}

.spcoti_star_fraction{ width:90px; height:13px; border:solid 3px #fff; border-radius:15px; box-shadow:1px 1px 5px rgba(0,0,0,.2); overflow:hidden;}
.spcoti_fraction_bar{ width:50px; height:13px; background:#ffb328}

.spcoti_top_data{ width:85%; height:auto; background:#FFF;}
.spcoti_top_data h3{ width:100%; font-size:1.2em; font-weight:bold; color:#666; padding:0 0 0 5px; margin:0;}
.spcoti_top_data h3 a{ text-decoration:none; color:#666; transition:0.4s;}
.spcoti_top_data h3 a:hover{ color:#ffb328; }

.spcoti_top_data ul{ list-style:none; border-top:dashed 1px #f5f5f5; padding:5px 0 0 8px; margin:8px 0 0 0;}
.spcoti_top_data ul li{ display:inline-table; padding:0; margin:0 10px 0 0;}
.spcoti_top_data ul li a{ text-decoration:none; font-size:1em; color:#099efc; transition:0.4s;}
.spcoti_top_data ul li a:hover{ color:#ffb328; }

.sp_pop_sb{ background:url(../images/s_icon/sspor_pop_a.png) no-repeat 0 0; padding:0 0 0 24px;}
.sp_pop_sb:hover{ background:url(../images/s_icon/sspor_pop_b.png) no-repeat 5px 0;}

.sp_she_sb{ background:url(../images/s_icon/sspor_sher_a.png) no-repeat 0 0; padding:0 0 0 24px;}
.sp_she_sb:hover{ background:url(../images/s_icon/sspor_sher_b.png) no-repeat 5px 0;}

.sp_eye_sb{ background:url(../images/s_icon/sspor_eye_a.png) no-repeat 0 0; padding:0 0 0 28px;}
.sp_eye_sb:hover{ background:url(../images/s_icon/sspor_eye_b.png) no-repeat 4px 0;}

.sp_com_sb{ background:url(../images/s_icon/sspor_come_a.png) no-repeat 0 0; padding:0 0 0 27px;}
.sp_com_sb:hover{ background:url(../images/s_icon/sspor_come_b.png) no-repeat 5px 0;}

.sp_lover_sb{ background:url(../images/s_icon/sspor_lover_a.png) no-repeat 0 0; padding:0 0 0 27px;}
.sp_lover_sb:hover{ background:url(../images/s_icon/sspor_lover_b.png) no-repeat 5px 0;}

.spcoti_txt{ width:95%; line-height:24px; font-size:1em; text-shadow:1px 1px #f8f8f8; border-top:solid 1px #ccc; color:#999; 
padding:10px 10px 25px 10px; margin:0 auto;}

.spor_comment_main{ height:auto; padding:20px;}
.spcoma_pop_list{ border-bottom:dashed 1px #ccc; padding:0 10px 10px 10px; margin:30px 0 0 0;}
.spcoma_pop_list:first-child{ margin:10px 0 0 0;}
.spcoma_pop_list:last-child{ border-bottom:none;}
.spcoma_pop_box{ width:100%; padding:0; margin:0 0 10px 0;}
.spcoma_pop_box span{ display:inline-table; width:50px; height:50px; border:solid 2px #fff; border-radius:8px; padding:0; margin:0 3px 0 0; 
box-shadow:1px 1px 5px rgba(0,0,0,.3); overflow:hidden;}
.spcoma_pop_box span img{ width:100%; height:auto;} 
.spcoma_pop_box p{ display:inline-table; color:#099efc; padding:0; margin:0 0 0 5px; vertical-align:bottom;}

.spcoma_pop_txt{ line-height:20px; font-size:.9em; color:#666;}

.spcoma_pop_down{ width:100%; padding:0; margin:5px 0 0 0;}
.spcoma_pop_down p{ font-size:.9em; color:#ffb328; padding:0; margin:0;}
.spcoma_pop_down p span{ color:#999; padding:0; margin:0 0 0 5px;}

.spor_comment_reply{ height:auto; padding:20px;}
.spor_comment_reply textarea{ width:100%; height:120px; line-height:24px; font-size:1em; border:solid 4px #fff; border-radius:10px; color:#099efc;
 background:#f8f8f8; padding:10px; margin:0 auto; box-shadow:1px 1px 5px rgba(0,0,0,.3)}

.spcore_down_bar{ display:flex; justify-content:space-between; width:100%; height:auto; 
padding:0; margin:5px 0 0 5px;}

.spcore_down_bar ul{ list-style:none; padding:0; margin:0;}
.spcore_down_bar ul p{ display:inline-table; font-size:1.2em; font-weight:bold; color:#666; padding:0; margin:0;}
.spcore_down_bar ul li{ display:inline-table; padding:0; margin:0;}
.spcore_down_bar ul li a{ display:block; width:20px; height:20px; text-indent:-99999px; 
background:url(../images/st_poin_a.png) no-repeat 0 0; background-size:100%; padding:0; margin:0; transition:0.4s;}
.spcore_down_bar ul li a:hover{ background:url(../images/st_poin_b.png) no-repeat 0 0; background-size:100%;}

.spcore_down_rbbt{ padding:0; margin:0 10px 0 0;}
.spcore_down_rbbt span{ display:inline-block; width:35px; height:35px; border:solid 2px #fff; border-radius:8px; padding:0; margin:0 3px 0 0; 
box-shadow:1px 1px 5px rgba(0,0,0,.3); overflow:hidden;}
.spcore_down_rbbt span img{ width:100%; height:auto;} 
.spcore_down_rbbt input{ height:35px; font-size:1.0em; font-weight:bold; text-shadow:1px 1px 0 #0e82cc; border:solid 2px #fff; border-radius:8px; 
color:#fff; background:#099efc; padding:0 12px; margin:0; box-shadow:1px 1px 5px rgba(0,0,0,.3); vertical-align:top; transition:0.4s;}
.spcore_down_rbbt input:hover{  text-shadow:1px 1px 0 #d48d0c; background:#ffb328;}



/* -- 餐食 -- */
.spor_meal_sel_zone{ max-width:1280px; height:auto; font-family:微軟正黑體; background:#fff; padding:0; margin:20px auto 0 auto;}

.spor_meal_sel_bar_a{ max-width:1280px; height:40px; background:#e3e8ed; padding:6px 0; margin:20px auto 0 auto;}

.spor_meal_insel_obj select{ width:100%; height:28px; line-height:28px; border:solid 1px #fa9614;}
.spor_meal_insel_obj input{ width:100%; height:28px; line-height:28px; border:solid 1px #fa9614;}
.spor_meal_insel_obj{}

.spor_meal_sel_bar_a .spmein_bbt{ line-height:10px; border:solid 2px #fa9614; color:#fff; background:#fa9614; transition:0.4s;}
.spor_meal_sel_bar_a .spmein_bbt:hover{ color:#fa9614; background:#fff;}

.spor_meal_sel_bar_b{ display:flex; justify-content:space-between; max-width:1280px; height:40px; 
background:#fff; padding:0; margin:20px auto 0 auto;}

.smsb_l{ display:flex; justify-content:space-between; width:61%; height:40px; background:#e3e8ed; padding:5px 15px; margin:0;}

.smsb_l a { height:20px; line-height:20px; text-decoration:none; font-size:1.5em; color:#fa9614; 
padding:0; margin:5px 0 0 0; transform:rotate(-90deg);  transition:0.4s;}
.smsb_l a:hover{ text-decoration:nonne; color:#fff;}

.smsb_l ul{ list-style:none; width:670px; padding:3px 0; margin:0; overflow:hidden; 
overflow-x:hidden; overflow-y:auto; white-space:nowrap;}
.smsb_l ul li{ display:inline-table;}
.smsb_l ul li a{ text-decoration:none; font-size:1em; border:solid 2px #fa9614; color:#fa9614; background:#fff; padding:1px 20px; transition:0.4s;}
.smsb_l ul li a:hover{ color:#fff; background:#fa9614;}

.smsb_r{ width:37%; height:40px; background:#e3e8ed; padding:5px 15px;}
.smsb_r a{ display:inline-table; text-decoration:none; border:solid 2px #fa9614; color:#fa9614; background:#fff; padding:1px 20px; transition:0.4s;}
.smsb_r a:hover{ color:#fff; background:#fa9614;}

.smsb_r p{ display:inline-table; font-size:1em; color:#aa7134; padding:0; margin:0 0 0 10px; vertical-align:bottom;}



/* -- 票券頁面 -- */
.spor_tickets_zone{ display:flex; max-width:1280px; height:auto; text-align:left; font-family:微軟正黑體; 
padding:0; margin:5px auto 30px auto;}

.spor_tickets_pix_bar{ display:flex; justify-content:space-between; width:100%; height:400px; background:#fff;}

.spor_tickets_pix_lbox{ display:flex; justify-content:center; align-items:center;
 width:calc(60% - 10px); height:400px; background:#e4e0df; padding:0; margin:0; overflow:hidden;}
.spor_tickets_pix_lbox a img{ width:100%; height:auto; transition:0.6s;}
.spor_tickets_pix_lbox a:hover img{ width:102%;}

.spor_tickets_pix_rbox{ width:40%; height:400px; background:#fff; padding:0; margin:0;}

.spor_tickets_pix_ra{ display:flex; justify-content:center; align-items:center;
width:100%; height:200px; background:#e4e0df; padding:0; margin:0 0 10px 0; overflow:hidden;}
.spor_tickets_pix_ra a img{ width:100%; height:auto; transition:0.6s;}
.spor_tickets_pix_ra a:hover img{ width:103%;}

.spor_tickets_pix_rb{ display:flex; justify-content:space-between; width:100%; height:190px; 
padding:0; margin:0; vertical-align:top; overflow:hidden; position:relative;}

.spor_tickets_pix_rbl{ display:flex; justify-content:center; width:calc(50% - 5px); height:190px; 
background:#e4e0df; overflow:hidden; position:relative;}
.spor_tickets_pix_rbl img{ width:100%; height:auto; transition:0.4s;}
.spor_tickets_pix_rbl a{ display:block; width:100%; height:190px; text-decoration:none; text-align:center; font-size:1em; color:#fff; 
background:rgba(0,0,0,0); padding:60px 0 0 0; transition:0.4s; opacity:0; position:absolute; top:0; left:0;}
.spor_tickets_pix_rbl a:hover{ background:rgba(0,0,0,.3); padding:70px 0 0 0; opacity:1;}

.spor_tickets_pix_rbr{ display:flex; justify-content:center; width:calc(50% - 5px); height:190px; 
background:#e4e0df; padding:0; margin:0; overflow:hidden;}
.spor_tickets_pix_rbr a img{ width:100%; height:auto; transition:0.6s;}
.spor_tickets_pix_rbr a:hover img{ width:103%;}



/* -- 票券資訊 -- */
.spor_tourist_area{ display:inline-flex; width:100%; list-style:none; padding:0; margin:0; overflow:auto;}
.spor_tourist_area li{ font-size:1.2em; color:#000; padding:0; margin:0 5px 0 0;}

.spor_ticket_infobox{ width:98%; height:auto; text-align:center; background:#e3e8ed; padding:20px 40px; margin:0 auto 50px auto; overflow:auto;}
.spor_ticket_infobox h3{ font-weight:bold; color:#000; padding:0; margin:25px 0 10px 0;}
 
.spor_ticket_infobox table{ width:100%;}
.spor_ticket_infobox table tr{}
.spor_ticket_infobox table tr td{ font-size:1.3em; font-weight:bold; padding:15px; }
.spor_ticket_infobox table tr td h4{ font-size:1.3em; font-weight:bold; }

.spti_tib_linere{ border-bottom:solid 3px #fff;}

.spti_tib_box{ width:100%; height:3px; background:#fff; }

.spti_totpri_linere{ width:100%; height:3px; background:#fff; }

.spti_tba_selo{ width:18px; height:18px; padding:0; margin:0 6px 0 0;}

.spti_tba_txtss{ width:100%; border:solid 2px #bac1c8; border-radius:5px; padding:2px 10px; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.spti_tba_txtinp{ width:100%; border:solid 2px #bac1c8; border-radius:5px; padding:2px 10px; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}
.spti_tba_txtar{ width:100%; border:solid 2px #bac1c8; border-radius:5px; height:150px; padding:2px 10px; box-shadow:inset 1px 1px 3px rgba(0,0,0,.1);}

.spti_refund_policy_box{ width:100%; text-align:left; line-height:30px; font-size:1.0em; padding:30px; margin:0;}

.spti_repo_box{ width:100%; text-align:center; padding:0; margin:40px 0 20px 0; vertical-align:baseline;}
.spti_repo_box input{ display:inline-table; width:20px; height:20px; vertical-align:middle;}
.spti_repo_box p{ display:inline-table; font-size:1.3em; font-weight:bold; padding:0; margin:0 0 0 0; vertical-align:middle;}

.spor_tiinfo_fobox{ width:100%; text-align:left; line-height:30px; font-size:1.0em; padding:30px; margin:0;}
.spor_tiinfo_fobox ul{ list-style:none; padding:0; margin:0;}

.spti_retkdow_bbt{ width:100%; text-align:center; padding:0; margin:-30px 0 20px 0;}
.spti_retkdow_bbt input{ font-size:2em; font-weight:bold; border:none; border-radius:10px; color:#fff; background:#ffa341; padding:5px 20px; margin:0; transition:0.4s;}
.spti_retkdow_bbt input:hover{ background:#ff5a00;} 
.spti_retkdow_bbt a{ text-decoration:none; font-size:1.8em; font-weight:bold; border:solid 5px #fc8c15; border-radius:10px; color:#cf6f0a; 
background:#fff; padding:8px 20px; margin:0 20px; transition:0.4s;}
.spti_retkdow_bbt a:hover{ color:#fff; background:#cf6f0a;}

.spor_ticket_titbar{ width:98%; text-align:center; color:#fff; 
background:#fc8c15; padding:15px 0 10px 0; margin:20px auto;}
.spor_ticket_titbar h2{ font-size:2.5em; font-weight:bold;}



/* --- 多頁列表 --- */
.od_pages{ display:flex; justify-content:center; align-items:center; width:100%; text-align:center; 
    font-family:微軟正黑體; font-size:1em; color:#333; padding:20px 0 30px 0; margin:0;}
.od_pages p{ padding:0; margin:0 5px 0 0;} 
.od_pages a{ display:block; text-decoration:none; width:28px; height:28px; border:solid 2px #ccc; 
    border-radius:5px; color:#fff; background:#56c9ff; padding:0; margin:0 2px; transition:0.4s;}
.od_pages a:hover{ color:#beefff; background:#337ab7; box-shadow:inset 1px 1px 5px rgba(0,0,0,.1);}
.od_pages a ul{ padding:0; margin:0;}

.od_disabled a{ line-height:22px; color:#fff; background:#ccc; padding:0; margin:0 2px; transition:0.4s;}
.od_disabled a:hover{ text-shadow:1px 1px 0 #f2ede4; color:#78540f; background:#dfd3bc; 
    box-shadow:inset 1px 1px 5px rgba(0, 0, 0, .5);}

.od_page_current a{ line-height:24px; border-radius:5px; color:#fff; background:#51bdf4; padding:0; margin:0 2px; transition:0.4s;}
.od_page_current a:hover{ color:#00eaff; background:#0b6cb2; box-shadow:inset 1px 1px 3px rgba(0, 0, 0, .5);}

.od_page_doline{ width:100%; height:5px; border:solid 1px #fff; background:#a29272; padding:0; margin:0;}

.od_paspan{ font-weight:bold; color:#eb6d6d;}



/* --- 多頁列表 230609 --- */
.spor_selnav_titlebar{ display:flex; justify-content:flex-start; align-items:center;
    max-width:1280px; padding:0 20px; margin:15px auto; box-sizing:border-box;}
.spor_selnav_titlebar a{ text-decoration:none; font-size:1em; font-weight:bold; border-radius:20px 0 0 20px; color:#fff; 
    background:#50503F; padding:3px 20px;}
.spor_selnav_titlebar a:hover,
.spor_selnav_titlebar a:active{ color:#F0CC78;}

.spor_selnav_titlebar ul{ display:flex; justify-content:flex-start; align-items:center; 
    border-radius:0 20px 20px 0; background:#F0CC78; padding:3px 10px 3px 10px; margin:0; box-sizing:border-box;}
.spor_selnav_titlebar ul li{ background:none; padding:0; margin:0; box-sizing:border-box;}
.spor_selnav_titlebar ul li a{ color:#50503F; background:none; padding:2px 10px; margin:0 10px 0 0; box-sizing:border-box;}
.spor_selnav_titlebar ul li a:hover,
.spor_selnav_titlebar ul li a:active{ border-radius:20px; color:#000; background:#FFF0CC; 
    padding:2px 10px; margin:0 10px 0 0; box-sizing:border-box;}

.spor_selnav_titlebar select{ display:none; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.1); border:solid 1px #000; color:#50503F; 
    background:#F0CC78; padding:3px 20px; margin:0 0 0 10px; box-sizing:border-box;}



/* --- 表格列表 230616 --- */
.spor_search_bar{ display:flex; justify-content:flex-end; align-items:center; 
    width:100%; padding:0; margin:0 0 -30px 0; box-sizing:border-box;}

.spor_table_title_bar{ display:flex; justify-content:space-between !important; align-items:center;
    width:100%; padding:0; margin:0; box-sizing:border-box;}
.spor_table_title_txt{ display:flex; justify-content:space-between; align-items:center;
    border-radius:5px; background:#0281c2; padding:2px 10px 2px 5px; margin:0 20px 0 0; box-sizing:border-box;}
.spor_table_title_txt p{ padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.spor_table_title_txt p:last-child{ margin:0 !important;}
.spor_table_title_txt p span{ color:#c4fe86; padding:0; margin:0 20px 0 0; box-sizing:border-box;}
.spor_table_title_bar h3{ width:auto; font-size:1em; color:#fff; padding:0; margin:0; box-sizing:border-box;}

.spor_schedule_title{ width:100%; font-size:1.5em; font-weight:bold; color:#0281c2; padding:0; margin:0; box-sizing:border-box;}
.spor_fraction_title{ color:#fff; background:#ffae00; }
.spor_fraction_data { display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    width:100%; height:100%; border:none !important; padding:0; margin:0; box-sizing:border-box;}
.spor_fraction_data h4{ width:90%; font-size:1.5em; font-weight:bold; color:#ff8a00; border-bottom:solid 1px #ffae00;}
.spor_fraction_data h4:last-child{ border-bottom:none !important;}

.spor_pop_nober{ width:40%;}
.spor_pop_nober ul{ display:flex; justify-content:flex-start; align-items:stretch; flex-wrap:wrap;}
.spor_pop_nober ul li{ font-size:1em; padding:0; margin:0 20px 10px 0; box-sizing:border-box;}



/* --- 比賽表格 230620 --- */
.spor_noleft{ width:100% !important; }

.spor_gamess_titlebat{ display:flex; justify-content:center; align-items:center; 
    padding:0; margin:0; box-sizing:border-box;}
.spor_gamess_title{ width:180px; border-radius:10px; color:#F0CC78; background:#50503F; padding:8px 10px; margin:0 15px 0 0; box-sizing:border-box;}
.spor_gamess_txt{ width:100%; text-align:center; padding:0; margin:0 10px; box-sizing:border-box;}

.spor_gamess_tit { width:100%; text-align:center; border-bottom:solid 1px rgba(255,255,255,.2);
    padding:0 0 5px 0; margin:0; box-sizing:border-box;}
.spor_gamess_tit p{ font-size:1.2em; padding:0; margin:0; box-sizing:border-box;}
.spor_gamess_tit p span{ color:rgba(255,255,255,.8); }
.spor_gamess_txt { display:flex; justify-content:space-around; align-items:center;
    width:100%; padding:5px 0 0 0; margin:0; box-sizing:border-box;}
.spor_gamess_txt p{ font-size:1em; padding:0; margin:0; box-sizing:border-box;}

.spor_gamess_mainbat{ display:flex; justify-content:center; align-items:center; 
    padding:0; margin:0; box-sizing:border-box;}

.spor_gamess_maine{ display:flex; justify-content:space-between; align-items:center; 
    width:180px; height:70px; border:solid 3px #f0f0f0; border-radius:10px; background:#F0CC78; padding:10px; margin:0 15px 0 0; box-sizing:border-box;}
.spor_gamess_main_now{ display:flex; justify-content:space-between; align-items:center; 
    width:180px; height:70px; border:solid 3px #f0f0f0; border-radius:10px; background:#ffb400; padding:10px; margin:0 15px 0 0; box-sizing:border-box;
    box-shadow:inset 0 0 10px rgba(0,0,0,.2);}

.spor_gambbt_out{ display:flex; justify-content:center; align-items:baseline; flex-wrap:wrap; width:15%; height:100%;
    padding:0; margin:0; box-sizing:border-box}
.spor_gambbt_out a{ display:flex; justify-content:center;
    text-decoration:none; width:20px; height:20px; line-height:9px !important; font-size:1.5em; 
    border:solid 3px rgba(255,255,255,.1); border-radius:5px;
    color:#F0CC78; background:#50503F !important; padding:0; margin:0 0 5px 0; box-sizing:border-box;}
.spor_gambbt_out a:hover,
.spor_gambbt_out a:active{ border:solid 3px rgba(255,255,255,.3); color:#ffb400; background:#000 !important;} 

.spor_gambbt_ins{ display:flex; justify-content:space-between; align-items:center;
    width:60%; padding:0; margin:0; box-sizing:border-box;}
.spor_gambbt_ins a{ display:flex; justify-content:space-between; align-items:center; 
    text-decoration:none; width:100%; padding:0; margin:0; box-sizing:border-box;}
.spor_gambbt_ins a h4{ display:flex; justify-content:center; align-items:center;
    text-decoration:none; width:50%; font-size:1.8em; font-weight:bold; text-align:center; color:#50503F; 
    padding:0; margin:0; box-sizing:border-box;}

.spor_gamess_maine .spor_gambbt_ins a input{ display:flex; justify-content:center; align-items:center;
    text-decoration:none; width:50%; font-size:1.8em; font-weight:bold; text-align:center; 
    border:none; border-bottom:solid 1px rgba(0,0,0,.2);
    color:#50503F; background:rgba(0,0,0,0); padding:0; margin:0; box-sizing:border-box; outline:none}
.spor_gamess_maine .spor_gambbt_ins a input::placeholder{ color:#50503F;}

.spor_gamess_main_now .spor_gambbt_ins a input{ display:flex; justify-content:center; align-items:center;
    text-decoration:none; width:50%; font-size:1.8em; font-weight:bold; text-align:center; 
    border:none; border-bottom:solid 1px rgba(255,255,255,.5);
    color:#fff; background:rgba(0,0,0,0); padding:0; margin:0; box-sizing:border-box; outline:none}
.spor_gamess_main_now .spor_gambbt_ins a input::placeholder{  color:#fff;}
.spor_gamess_main_now .spor_gambbt_ins a h4{ color:#fff !important;}

.spor_gamess_maine .spor_gambbt_ins a span{ font-size:1.5em; color:#50503F; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}
.spor_gamess_main_now .spor_gambbt_ins a span{ font-size:1.5em; color:#fff; padding:0; margin:-5px 0 0 0; box-sizing:border-box;}

.spor_gamess_maine:hover .spor_gambbt_ins a h4{ color:#fff; }
.spor_gamess_maine:hover .spor_gambbt_ins a span{ color:#fff;}
.spor_gamess_maine:hover .spor_gambbt_ins a input{ color:#fff; border-bottom:solid 1px rgba(255,255,255,.5);}
.spor_gamess_maine:hover .spor_gambbt_ins a input::placeholder{ color:#fff;}

.spor_gamess_maine:hover{ border:solid 3px #fff; background:#e68200;}
.spor_gamess_main_now:hover{ border:solid 3px #fff; background:#ff7800;}

.spor_gamess_main_now:hover .spor_gambbt_ins a input{ color:#fff; border-bottom:solid 1px rgba(255,255,255,.5);}

.table th,
.table td{ border-right:solid 1px #fff; padding:10px;}
.table th:last-child,
.table td:last-child{ border-right:none;}

.spor_gamess_popbk{ display:none;}



/* --- 跳出視窗 230620 --- */
.spor_gamess_popbk{ width:100%; height:100%; background:rgba(0,0,0,.8); 
    padding:0; margin:0; box-sizing:border-box; position:absolute; top:0; left:0;}
.spor_gamess_pop{ width:410px; height:auto; border:solid 5px #fff; border-radius:15px;
    background:#f0f0f0; padding:0; margin:0; box-sizing:border-box; overflow:hidden;
    position:absolute; top:calc(50% - 100px);; left:calc(50% - 205px); box-shadow:5px 5px 10px rgba(0,0,0,.5);}

.spor_gamess_pop_tit{ display:flex;
    width:100%; text-align:center; border-bottom:solid 1px rgba(0,0,0,.1);
    background:#50503f; padding:8px 0; margin:0; box-sizing:border-box;}
.spor_gamess_pop_tit p{ width:50%; text-align:center; font-size:1.2em; color:#F0CC78; padding:0; margin:0; box-sizing:border-box;}
.spor_gamess_pop_tit span{ width:50%;  text-align:center; color:rgba(255,255,255,.8); padding:4px 0 0 0; margin:0; box-sizing:border-box;}

.spor_gamess_pop_min{ display:flex; justify-content:center; align-items:center; 
    border-top:solid 1px rgba(255,255,255,.2); border-bottom:solid 1px rgba(0,0,0,.1);
    padding:0; margin:0; box-sizing:border-box;}
.spor_gamess_pop_mis{ display:flex; justify-content:center; align-items:center;
    width:50%; background:#f0f0f0; padding:0; margin:0; box-sizing:border-box;}

.spor_gamess_pop_mipm{ padding:20px 10px; margin:0; box-sizing:border-box;}
.spor_gamess_pop_mipm a{ display:block; text-decoration:none; width:30px; height:30px; line-height:18px; text-align:center; 
    font-size:2em; font-weight:bold; border:solid 3px rgba(0,0,0,.2); border-radius:8px; 
    color:#50503f; background:#f0cc78; padding:0; margin:0 0 10px 0; box-sizing:border-box;}
.spor_gamess_pop_mipm a:hover,
.spor_gamess_pop_mipm a:active{ border:solid 3px #fff; color:#fff; background:#ffb400; box-shadow:inset 0 0 10px rgba(0,0,0,.2);}

.spor_gamess_pop_miint{ text-align:center; padding:0; margin:0; box-sizing:border-box; }
.spor_gamess_pop_miint input{ width:100px; height:60px; font-size:2.2em; font-weight:bold; text-align:center; 
    border:solid 3px #fff; border-radius:8px; color:#fff; background:#ffb400; margin:25px 0 5px 0; box-shadow:inset 0 0 5px rgba(0,0,0,.1);}
.spor_gamess_pop_miint p{ font-size:1em; }

.spor_gamess_pop_dow{ width:100%; text-align:center; border-top:solid 1px rgba(255,255,255,.2);
    background:#50503f; padding:20px 0; margin:0; box-sizing:border-box;}
.spor_gamess_pop_dow a{ text-decoration:none; font-size:1.2em; font-weight:bold; border:solid 3px rgba(0,0,0,.2); border-radius:8px; 
    color:#50503f; background:#f0cc78; padding:5px 20px; margin:0 25px; box-sizing:border-box;}
.spor_gamess_pop_dow a:hover,
.spor_gamess_pop_dow a:active{ border:solid 3px #fff; color:#fff; background:#ffb400; box-shadow:inset 0 0 10px rgba(0,0,0,.2);}



/* --- 比賽分數表 230707 --- */
.spor_schedule_date_bar{ display:flex; flex-direction:row; justify-content:space-between; align-items:center; 
    width:100%; 
    padding:0; margin:0 0 18px 0; box-sizing:border-box;}
.spor_schedule_date_bar h2{ width:50%; font-size:1.2em; font-weight:bold; color:#50503f; padding:0; margin:0; box-sizing:border-box;}

.spor_schedule_search_box span{ padding:0; margin:0 16px 0 0; box-sizing:border-box;}
.spor_schedule_search_box input{ width:300px; border:none; border-radius:50px; 
    background:#efefef; padding:10px 16px; margin:0; box-sizing:border-box;}

.spor_schedule_title_bar{ display:flex;  justify-content:space-between; align-items:center; 
    width:100%; border:solid 2px #ccc; border-radius:20px 20px 0 0; border-bottom:none; 
    background:#faefd2; padding:15px 20px; margin:0; box-sizing: border-box;}
.spor_schedule_title_bar h3{ width:50%; font-size:1.2em; font-weight:bold; color:#50503f; padding:0; margin:0; box-sizing:border-box;}
.spor_schedule_title_bar ul{ display:flex; justify-content:flex-end; align-items:center;
    padding:0; margin:0; box-sizing:border-box; list-style:none;}
.spor_schedule_title_bar ul li{ padding:0; margin:0 0 0 15px; box-sizing:border-box;}
.spor_schedule_title_bar ul li span{ font-size:1.2em; font-weight:bold;}

.spor_schedule_name_bar{ display:flex;  justify-content:space-between; align-items:center; 
    width:100%; font-size:1.2em; font-weight:bold; border:solid 2px #ccc; border-radius:0;
    color:#50503f; background:#eee; padding:0; margin:0; box-sizing: border-box;}
.spor_schedule_name_box{ width:38%; text-align:center;
    padding:10px; margin:0; box-sizing:border-box;}
.spor_schedule_nob_box{ width:24%; text-align:center; border-left:solid 1px #ccc; border-right:solid 1px #ccc;
    background:#e9cd83; padding:10px; margin:0; box-sizing:border-box;}

.spor_schedule_tot_bar{ display:flex; justify-content:space-between; align-items:flex-start; 
    width:100%; font-size:1.2em; font-weight:bold; border:solid 2px #ccc; border-radius:0 0 20px 20px; border-top:none; 
    color:#50503f; background:#eee; padding:0; margin:0 0 22px 0; box-sizing: border-box;}

.spor_schedule_totna_box{ display:flex; justify-content:center; align-items:stretch;
    width:38%; text-align:center;
    padding:10px; margin:0; box-sizing:border-box;}
.spor_schedule_totna_box ul{ display:flex; justify-content:center; align-items:stretch; flex-wrap:wrap;
    width:100%; padding:0; margin:0; box-sizing:border-box; list-style:none;}
.spor_schedule_totna_box ul li{ padding:0; margin:0 10px 0 0; box-sizing:border-box;}
.spor_schedule_tot_box{ width:24%; text-align:center; border-left:solid 1px #ccc; border-right:solid 1px #ccc;
    background:#fff; padding:10px; margin:0; box-sizing:border-box;}
.spor_schedule_tot_box ul{ width:100%; padding:0; margin:0; box-sizing:border-box; list-style:none;}
.spor_schedule_tot_box ul li{ padding:0; margin:0 10px 0 0; box-sizing:border-box;}



/* --- 成績查詢 250418 --- */
.spor_player_basicinfo_zone{ width:100%; height:auto; 
    background:; padding:30px 0 0 0; margin:0 auto; box-sizing:border-box;}
.spor_player_basicinfo_zone h4{ font-size:1.2em;}
.spor_player_closure{ display:none; max-width:600px; padding:10px 10px 0 0; margin:0 auto; box-sizing:border-box;}
.spor_player_closure a{ display:flex; justify-content:center; align-items:center;
    text-decoration:none; width:24px; height:22px; font-size:1em; border-radius:5px; 
    color:#fff; background:#d29915; padding:0; margin:0; box-sizing:border-box; transition:0.4s;}
.spor_player_closure a:hover,
.spor_player_closure a:active{ background:#50503F;}

.spor_player_basicinfo_box{ max-width:600px; height:auto; 
    background:#fff; padding:20px 0 0 0; margin:0 auto 30px auto; box-sizing:border-box;}
.spor_player_basicinfo_box h2{ font-size:1.3em; font-weight:bold;
    color:##50503F; padding:0; margin:0 0 3px 3px; box-sizing:border-box;}

.spor_player_basin_data_a{ display:flex; justify-content:flex-start; align-items:self-start; flex-wrap:wrap;
    width:100%; height:auto; border:solid 1px #c0c0b6;
    padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_data_a li{ width:33.33%; text-align:center; border-right:solid 1px #c0c0b6; 
    padding:20px 10px; margin:0; box-sizing:border-box;}
.spor_player_basin_data_a li:nth-child(3n){ border-right: none;}
.spor_player_basin_data_a li:nth-child(-n+3){ border-bottom: solid 1px #c0c0b6;}
.spor_player_basin_data_a li h3{ width:100%; text-align:center; font-size:1em;
    color:#d29915; padding:0; margin:0 auto 5px auto; box-sizing:border-box;}
.spor_player_basin_data_a li p{ font-size:1.3em; font-weight:bold;
    color:#50503F; padding:0; margin:0 auto; box-sizing:border-box;}

.spor_player_basin_score{ display:flex; justify-content:center; align-items:flex-start; 
    width:100%; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_score li{ width:49%; text-align:center; border-radius:10px;
    background:#fff8e6; padding:50px 10px; margin:0 0.5% 30px 0.5%; box-sizing:border-box;}
.spor_player_basin_score li:nth-child(3n){ border-right: none;}
.spor_player_basin_score li h3{ display:flex; justify-content:center; align-items:center;
    width:100%; text-align:center; font-size:1.4em; font-weight:bold;
    color:#d29915; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_score li h3 img{ width:20px; height:auto; padding:0; margin:0 3px 0 0; box-sizing:border-box;}
.spor_player_basin_score li p{ font-size:1.2em; color:#50503F; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_score li span{ display:block; font-size:3em; font-weight:bold; text-align:1px 1px 0 rgba(255,255,255,.5); 
    color:#50503F; padding:0; margin:30px auto 0 auto; box-sizing:border-box;}
.spor_player_basin_score li:last-child span{ color:#fd5467;}

.spor_player_basin_data_b{ display:flex; justify-content:flex-start; align-items:flex-start; flex-wrap:wrap;
    width:100%; height:auto; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_data_b li{ width:33.33%; text-align:center; border-right:solid 1px #c0c0b6; 
    padding:20px 10px; margin:0 0 20px 0; box-sizing:border-box;}
.spor_player_basin_data_b li:nth-child(3n){ border-right: none;}
.spor_player_basin_data_b li h3{ width:100%; text-align:center; font-size:1em;
    color:#d29915; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_basin_data_b li p{ font-size:1.3em; font-weight:bold; color:#50503F; padding:0; margin:0 auto; box-sizing:border-box;}

.spor_player_stage{ width:100%;
    border:solid 1px #c0c0b6; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_stage tr{ padding:0; margin:0; box-sizing:border-box;}
.spor_player_stage tr:nth-child(even){ background:#f5f5f5;}
.spor_player_stage td{ font-size:1em; text-align:center; border:solid 1px #c0c0b6; 
    color:#50503F; padding:10px; margin:0; box-sizing:border-box;}

.spor_player_stage_tit td h3{ font-size:1em; color:#d29915; padding:0; margin:0 auto; box-sizing:border-box;}
.spor_player_stage_tit td{ width:33.3%;}


/* -- 英文版抬頭 -- */
.en .spor_top_scart{ background-size:15%;}
.en .spor_top_helip{ background-size:15%;}
.en .spor_top_app_do{ background-size:11%;}
.en .spor_top_helip_do{ background-size:11%;}
.en .spor_top_helip_do:hover{ background-size:15%;}
.en .spor_m_price .spor_dm_signup{ margin:0 0 15px 0;}
.en .spor_secdata_ann li{ margin: 0 5px 10px 0;}
.en .spor_sec_title p{ font-size:1em;}




/* -- 上傳圖片 -- */
.upload_image{ display:block; border-top:dashed 1px #ccc; border-bottom:dashed 1px #ccc;
	padding:10px 40px 20px 40px; margin:15px auto !important; box-sizing:border-box;}
.upload_image label{ font-size:1.5em; font-weight:bold; color:#d29915; 
	padding:0 0 10px 0; margin:0; box-sizing:border-box;}
.upload_image input{ padding:0; margin:0; box-sizing:border-box;}
.upload_image_preview{ display:flex; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.5); 
	border:solid 1px #f1d89b; border-radius:10px;
	color:#145f7d; background:#FFF0CC; padding:10px 20px; margin:10px 0 0 0; box-sizing:border-box;}

.upload_image input[type="file"]::file-selector-button{
  border:none; border-radius:6px; color:#fff; 
  background:#50503f; padding:8px 16px; cursor:pointer; transition:0.4s;}
.upload_image input[type="file"]::file-selector-button:hover{ background:#F0CC78;}
.upload_image input[type="file"]{ font-size:14px; color:#666;}





















@media (max-width: 1024px) {
.spor_top_sel_zone ul li a{ padding: 0 2px;}

.spor_top_features .spor_fune_rig .dis_a{ display:none;}

.spor_top_features,
.spor_main_azone,
.spor_middle_section_ad,
.spor_game_zone,
.spor_photo_zone,
.spor_mall_zone{ max-width:1024px;}
.spor_main_azone ul{ padding:0 0 0 8px;}
.spor_main_azone ul li{ margin: 0 5px 10px 5px;}
.spor_main_adim{ width:560px;}
.spor_main_nbox{ width:320px;}
    
.spor_top_features img{ margin-left:20px;}

.spor_m_style h4{ font-size:.6em;}
.spor_m_price p{ width:100%; font-size:1.5em;}

.spor_m_price .spor_dm_signup{ margin:0;}

.spor_mstar{ font-size:1em;}

.spor_secdata_box{ width:425px;}

.spor_photo_lbox{ width:500px; height:370px;}
.spor_photo_rbox{ width:490px; height:370px;}
.spor_photo_rbox li{ width:240px; height:183px;}
.spor_photo_rbox li a{ height:183px;}

.sprs_txt_box{ height:58px; padding:5px 10px 0 10px;}

.spor_game_zone{border-radius:0;}
.spor_photo_zone{border-radius:0;}
.spor_mall_zone ul{padding:0 0 30px 0;}
.spor_mall_zone ul li{margin:10px;}
.spor_mall_zone ul li{ width:180px; height:330px}

/* -- 加購商品區 -- */
.spor_mall_sp_zone ul{ padding:0;}
.spor_mall_sp_zone ul li{ width:220px; height:300px; margin:10px}

.spor_secdata_ann li { margin: 0 5px 10px 0;}

.small_pix { height:175px;}
.small_price p{ font-size:1.0em;}

.spor_footer_tit{ width:25%;}
.spor_footer_tit h4{ line-height:15px; padding:0 0 5px 0;}

.spor_footer_serv{ width:230px;}


/* -- 登入頁面 -- */
.spor_login_box{ width:95%;}
.spor_login_adbox{ width:350px;}

.file_flag{ width:30px; bottom:-37px;}

.spmain_pix{ width:150px; height:140px; background:#333; padding:0; margin:0;}
.spmain_pix a{ display:flex; justify-content:center; align-items:center; 
width:100%; height:140px; padding:0; margin:0; overflow:hidden;}
.spmain_pix a img{ width:100%; height:auto; padding:0; margin:0;}

.spmain_main_r{ width:335px; height:140px;}
.spmain_main_r h3{ height:30px; overflow:hidden;}

.pc_show{ display:none;}
.mobile_show{ display:block;}

.spsign_hi_s{ margin:0 0 10px 0;}


/* -- 餐食 -- */
.smsb_l{ width:81%;}
.smsb_r{ width:17%;}
.smsb_r a{ padding:1px 38px;}
.smsb_r p{ display:none; }


/* -- 票券頁面 -- */
.spor_tickets_pix_bar{ height:340px;}

.spor_tickets_pix_lbox{ height:340px;}

.spor_tickets_pix_rbox{ height:340px;}

.spor_tickets_pix_ra{ height:165px;}

.spor_tickets_pix_rb{ height:165px;}

.spor_tickets_pix_rbl{ height:165px;}
.spor_tickets_pix_rbl a{ height:165px; padding:60px 0 0 0;}
.spor_tickets_pix_rbl a:hover{ padding:65px 0 0 0;}

.spor_tickets_pix_rbr{ height:165px; }
.spor_tickets_pix_rbr a{height:165px;}


/* -- 票券評論區 -- */
.spor_sfaction_l{ width:25%;}
.spor_sfaction_r{ width:75%;}
.spsfrbox_tit{ font-size:1em;}
.spsfrbox_nob{ font-size:1em;}

.activity_desc_zone img{ width:100%; height:auto;}

.spor_fig_titlebar{ width:96%; display:flex; margin:0 auto;}


/* -- 底部 -- */
.spor_footer_box{ height:312px;}
.spor_footer_selb ul{ padding:0 1rem 0 0;}
.spor_footer_selb{ padding:0 30px;}
.spor_footer_serv h3 a{ line-height:20px; padding:10px 20px;}


/* -- 英文版抬頭 -- */
.en .spor_top_sel_zone ul{ display:none;}
.en .spor_top_thirdsel_zone{ display:block; width:95%; height:45px; border-radius:0 0 10px 10px;}
}



@media (max-width: 820px) {
/* -- 加購商品區 -- */
.spor_mall_sp_zone ul{ padding:0 0 0 15px;}
.pagination{ display:none !important;}


/* -- 底部 -- */
.spor_footer{ height:420px;}
.spor_footer_box{ height:335px;}


/* -- 英文版抬頭 -- */
.en .spor_top_thirdsel_zone{ justify-content:center;}
.en .spor_membbt_box{ width:100%; text-align:center; position:relative; right:0;}
.en .spor_top_sel_title{ display:none;}
.en .spor_top_thirdsel_zone{ text-align:center;}
.en .spor_fune_rig{ width:30%; text-align:right; top:0;}
.en .spor_fune_rig li:nth-child(2){ border-bottom:dashed 1px #ccc; padding:0 0 5px 0; margin:0 0 8px 0;}
.en .dis_b{ display:none;}
}



@media (max-width: 768px) {
.spor_top_features .spor_fune_rig .dis_b{ display:none;}
.spor_top_smenu{ display:none;}

.spor_top_search{ width:280px;}
.spor_top_search input{ width:200px;}

.spor_top_sel_zone ul{ display:none;}
.spor_top_sel_title{ border-radius:0;}
.spor_top_sel_zone{border-radius:0;}
    
.spor_top_thirdsel_zone{ display:block; height:45px;}
.spor_m_title a{font-size:1.2em;}

.spor_secdata_updo{ width:30px;}
.spor_secdata_box{ width:300px;}
.spor_secdata_pix{ height:160px;}

.spor_photo_lbox{ width:650px; margin:15px 5px 0px 0;}
.spor_photo_rbox{ width:650px;}
.spor_photo_rbox li{ width:319px; height:210px;}

.spor_mall_zone ul{ padding:20px 0 0 2px}
.spor_mall_zone ul li{ width:235px; padding:0; margin:0 10px 20px 10px;}

/* -- 加購商品區 -- */
.spor_mall_sp_zone ul{ padding:0 0 0 6px}
.spor_mall_sp_zone ul li{ width:215px; padding:0; margin:0 10px 20px 10px;}

.spor_footer{ width:100%; height:550px;}

.spor_footer_tit{ width:100%; margin:0 0 20px 0;}

.spor_footer_tit h5{ line-height:15px; padding:5px 0;}

.spor_footer_box{ flex-wrap: wrap;}

#box1{ order:-1;}
#box2{ order:0;}
#box3{ order:0;}

.spor_fune_rig_do{ margin:120px auto 0 auto;}

.spor_footer_selb ul{ padding:0 40px 0 0; margin:0;}


/* -- 登入頁面 -- */
.spor_login_box{ width:95%;}
.spor_login_adbox{ width:280px;}
.spor_rig_adbox{ padding:0;}
.spor_rig_price{ padding:0 12px 12px 12px;}
.spor_rig_price span{ display:block; padding:0 0 10px 0; margin:0 0 0 15px; position:relative; bottom:0; }


/* -- 玩家頁面 -- */
.spor_marquee_abr{ max-width:100%; height:34px; line-height:34px; overflow:hidden;}

.smarq_time{ font-size:.8em; padding:0;}
.smarq_time_data h3{ font-size:.8em; margin:0 5px 0 0;}
.smarq_time_data p{ font-size:.8em; background:url(../images/prs_start.png) no-repeat 0 6px; margin:0 5px 0 0;}
.smarq_time_data span{ font-size:.8em; margin:0;}

.spor_marquee_indata_box{ display:flex; justify-content:space-between; width:48%; height:150px; 
padding:0; margin:10px 5px; box-sizing:border-box;}

.spmain_pix{ width:120px; height:140px; background:#333; padding:0; margin:0;}

.spmain_main_r{ width:230px; height:140px;}
.spmain_main_r h3{ height:25px; font-size:1.2em; overflow:hidden;}

.spmain_main_r h4{ width:100%; height:35px; line-height:18px; font-size:1em; padding:0; margin:0; overflow:hidden;}

.spmain_main_don{ display:block; padding:0; margin:8px 0 0 0;}
.spmain_main_donr{ margin:-3px 0 0 0;}

.spor_player_pix{height:290px;}
.spor_player_pix a{ height:290px;}
.spor_player_rmain{ height:290px;}

.spplayert_l h3{ font-size:1.2em;}
.spplayert_l ul { margin:-4px 0 0 0;}
.spplayert_l ul li{ font-size:.9em; padding:0; margin:0;}
.spplayert_l ul li a{ font-size:.9em;}

.spplayert_r h4{ font-size:.9em;}
.spplayert_r h4 span{ font-size:.75em;}
.spplayert_r p{ width:40px; height:35px; line-height:35px; font-size:1.2em;}

.spoplay_midl{ width:calc(100% - 50px);}

.spomid_abar{ display:block;}
.spomid_abar h3{ font-size:1em; margin:0 0 5px 0;}

.spomid_bbar{ height:53px; font-size:.9em; word-break:break-all; overflow:hidden;}

.spomid_cbar{ display:block;}
.spomid_cbar h3{ font-size:.9em;}
.spomid_cbar ul li{ margin:0 5px 0 0;} 
.spomid_cbar ul li a{ font-size:.9em;}

.spor_player_down{ display:block;}
.spor_player_down h3{ font-size:.9em;}
.spor_player_down ul li{ font-size:1em;}
.spor_player_down ul li a{ font-size:.9em;}

.spsign_hi_s{ margin:0 0 20px 0;}
.spsign_hi_bbt{ width:100%; text-align:right;}
.spsign_hi_bbt button{ width:100%;}

.spor_bbt_stxt{ width:99%; text-align:right;}

.spsign_tiprice_pr h3{ font-size:1em;}
.spsign_tiprice_pr span{ font-size:1.2em;}

.spsign_tiprice_sg h3{ font-size:1em;}
.spsign_tiprice_sg span{ font-size:1.2em;}

.spsign_tiprice_de h3{ font-size:1em;}
.spsign_tiprice_de a{ text-decoration:none; text-align:center; border-radius:8px; border:solid 2px #ce0000;  
color:#fff; background:#eb0000; padding:2px 10px; margin:0; box-shadow:inset 0 0 3px rgba(255,255,255,.5); transition:0.4s;}


/* -- 評論區 -- */
.spor_comment_box{ width:90%;}


/* -- 餐食 -- */
.smsb_l{ width:81%;}
.smsb_r{ width:17%;}
.smsb_r a{ padding:1px 16px;}
.smsb_r p{ display:none; }


/* -- 票券頁面 -- */
.spor_tickets_pix_bar{ height:250px;}
.spor_tickets_pix_lbox{ height:250px;}
.spor_tickets_pix_rbox{ height:250px;}
.spor_tickets_pix_ra{ height:125px;}
.spor_tickets_pix_rb{ height:115px;}
.spor_tickets_pix_rbl{ height:115px;}
.spor_tickets_pix_rbl a{ height:115px; padding:30px 0 0 0;}
.spor_tickets_pix_rbl a:hover{ padding:40px 0 0 0;}
.spor_tickets_pix_rbr{ height:115px;}
.spor_tickets_pix_rbr a{height:115px;}


/* -- 票券評論區 -- */
.spor_evaluation_box ul{ padding:0 0 2px 0;}
.spor_evaluation_box ul::after{ padding:0 0 8px 0; margin:0 0 -4px 0;}
.spor_evaluation_box ul li a{ font-size:1.2em; padding:8px 20px;}
.spor_sfaction_l{ width:35%;}
.spor_sfaction_r{ width:65%;}
.spor_sfaction_rbox{ width:100%;}

.spor_main_azone ul{ padding:0 0 0 7px;}


.spor_member_centre_sel{ width:35%;}
.spor_member_centre_main{ width:calc(80% - 35px);}


/* -- 底部 -- */
.spor_footer_box{ height:335px;}
.spor_footer_selb ul{ padding:0 1rem 0 0;}
.spor_footer_selb{ padding:0;}
.spor_footer_serv{ display:flex; justify-content:flex-start; align-items:center;
	width:100%; margin:10px 0}
.spor_footer_serv h3 a{ line-height:20px; padding:10px;}
.spor_footer_serv h4{ margin:0 20px;}
.spor_footer_serv ul li{ margin:0;}


/* -- 英文版抬頭 -- */
.en .spor_top_thirdsel_zone{ width:100%;}
.en .spor_top_search{ width:350px;}
.en .spor_top_search input{ width:270px;}
}



@media (max-width: 580px) {
/* --- 成績查詢 250418 --- */
.spor_player_basicinfo_zone{ background:#fff; padding:0; position:absolute; top:0;}
.spor_player_closure{ display:flex; justify-content:flex-end; align-items:center;
    max-width:600px; padding:10px 10px 0 0; margin:0 auto; box-sizing:border-box;}

/* -- 加購商品區 -- */
.spor_search_barz{ flex-wrap:wrap;}
.spor_search_inpgup{ width:100%; margin:0 auto;}
.spor_chbox_group{ width:100%; margin:0 auto;}
.spor_pae_num{ margin:0 3px;}
}



@media (max-width: 418px) {
.spor_membbt_box{ right:30px;}
.spor_top_search{ display:none;}
.spor_top_features{ padding:20px 0 20px 0;}
.spor_top_features img{ width:120px; margin-left:10px;}
.spor_main_azone{ max-width:100%; margin:0;}

.spor_main_azone ul{padding:10px;}
.spor_main_azone ul li{ display:block; margin:0 0 10px 0; heigth:265px;}

.spor_top_sel_zone{ height:50px; line-height:50px;border-radius:0px;}
    
.spor_top_thirdsel_zone{padding:3px; text-align: center; line-height:35px;}
.spor_top_thirdsel_zone ul{padding:0;}
    
.spor_main_adim{ width:375px; height: 245px;}
.spor_main_nbox{ width:390px;}
.spor_m_photo{ width:375px; height: 245px;}
.spor_do_box{ width:375px; padding:10px;}

.spor_m_title a{ font-size:1.2em;}
.spor_m_style h4{ font-size:1em;}
.spor_mstar{ font-size:1.2em;}
.spor_m_price p{ width:50%; font-size:1.3em;}

.spor_m_price .spor_dm_signup{ margin:0 0 0 10%;}

.spor_top_third_list{ display:block; height:60px; border-bottom:0; background-color: #FFFFFF;}
.spor_top_third_list input{height: 40px; padding:10px; margin-top:15px; font-size: 0.9em; line-height: 40px; color:#999999; border-radius: 50px;}

.spor_top_sel_title{ display:none;}
.spor_fune_rig{margin-top:-15px;}
.spor_fune_rig li{ margin:0;}

.spor_secdata_box:nth-child(2){ display:none;}
.spor_secdata_box{ width:315px;}
  
.spor_photo_lbox{ width:95%; height:250px; margin: 15px 0 0 0;}
.spor_photo_rbox{ width:95%; height:auto;}
.spor_photo_rbox li{ width:100%; height:250px; margin:0 0 15px 0;}
.spor_photo_rbox li:nth-child(even){ padding:0; margin:0 0 15px 0; }
.spor_photo_rbox li:nth-child(3){ padding:0; margin:0 0 15px 0;}
.spor_photo_rbox li:nth-child(4){ padding:0; margin:0 0 15px 0;}
.sprs_txt_box{ height:60px;}
.spl_txt_box{ height:60px;}
.small_txt{ font-size:1em; line-height: 24px;}
    
.spor_mall_zone ul{ display:block; padding:0;}
.spor_mall_zone ul li{ width:95%; height:auto; padding:0; margin:0 auto 10px auto;}
.spor_mall_zone ul li:nth-child(even){ height:300px; padding:0;}


/* -- 加購商品區 -- */
.spor_mall_sp_zone ul{ display:block; padding:0;}
.spor_mall_sp_zone ul li{ width:95%; height:auto; padding:0; margin:0 auto 10px auto;}
.spor_mall_sp_zone ul li:nth-child(even){ height:300px; padding:0;}

.small_pix{height:350px;}
.spor_game_zone{border-radius:0px;}
.spor_photo_zone{border-radius:0px;}
.spor_secdata_pix{height:165px;}
.spor_secdata_ann li { margin: 0 5px 10px 0;}

.spor_footer{ width:100%; height:auto;}
.spor_footer_box{ display:block;}
.spor_footer_tit{ width:100%; padding:0; margin:0 auto 30px auto;}
.spor_footer_selb{ display:flex; justify-content:space-between; width:100%; padding:0; margin:0 auto 30px auto;}
.spor_footer_selb ul{ padding:0; margin:0 0 20px 0;} 
.spor_footer_selb ul h3{ font-size:16px;}
.spor_footer_selb ul li{ font-size:14px;}

.spor_footer_serv{ width:100%; padding:0; margin:0 auto;}

.spor_fune_rig_do{ display:block; text-align:center; margin:0 auto 0 auto;}
.spor_fune_rig_do li{ margin:0 5px;}


/* -- 上選項 -- */
.spor_membbt_box{ width:100%; text-align:center; position:relative; right:0;}
.spor_membbt_box select{ font-size:.9em !important; padding:0 8px;}
.spor_membbt_box a{ font-size:.9em !important; padding:0 8px;}

/* -- 商品抬頭 -- */
.spor_m_title a{ line-height:20px;}


/* -- 登入頁面 -- */
.spor_login_azone{ display:block; width:100%;}
.spor_login_box{ width:400px; margin:0 auto;}
.spor_login_adbox{ width:400px; margin:0 auto;}
.spor_rig_adbox{ padding:0;}
.spor_rig_price{ padding:0 12px 12px 12px;}
.spor_rig_price span{ display:block; padding:0 0 10px 0; margin:0 0 0 15px; position:relative; bottom:0; }

.file_flag{ width:50px; bottom:-61px;}


/* -- 玩家頁面 -- */
.spor_play_sel_aa{ display:none;}

.spor_marquee_abr{ max-width:100%; height:34px; line-height:34px; overflow:hidden;}
.spor_marquee_abr a{ text-decoration:none; font-size:1em; font-weight:normal; color:#03d3ff; transition:0.4s;}
.spor_marquee_abr a:hover{ color:#50503F; }

.spor_marquee_zone{ display:flex; width:100%; text-align:center; background:#fff;}

.spor_marquee_updo{ width:30px;}

.spor_marquee_box{ width:315px;}
.spor_marquee_box:nth-child(2){ display:none;}

.smarq_time{ font-size:.8em; padding:0;}
.smarq_time_data h3{ font-size:.8em; margin:0 5px 0 0;}
.smarq_time_data p{ font-size:.8em; background:url(../images/prs_start.png) no-repeat 0 6px; margin:0 5px 0 0;}
.smarq_time_data span{ font-size:.8em; margin:0;}

.spor_marquee_title .spor_view_box{ display:none; }
.spor_moesel_box{ display:block;}

.spor_marquee_indata{ display:flex; flex-wrap:wrap; justify-content:space-between; max-width:1280px; 
text-align:left; font-family:微軟正黑體; list-style:none; padding:10px; margin:5px auto; box-sizing:border-box;}

.spor_marquee_indata_box{ width:100%; padding:0; margin:5px 0;}

.spmain_pix{ width:130px;}

.spmain_main_r{ width:260px; height:150px;}

.spmain_main_r h3{ height:25px; font-size:1.2em; overflow:hidden;}

.spmain_main_r h4{ width:100%; height:35px; line-height:18px; font-size:1em; padding:0; margin:0; overflow:hidden;}

.spmain_main_don{ display:block; padding:0; margin:8px 0 0 0;}
.spmain_main_donr{ margin:-3px 0 0 0;}

.spor_player_zone{ padding:10px;}

.spor_player_box{ display:block; padding:5px; margin:0 0 10px 0;}

.spor_player_pix{ width:100%; height:120px;}
.spor_player_pix a{ height:120px;}

.spor_player_rmain{ width:100%; height:auto;}

.spor_player_top{ padding:0; margin:5px 0 0 0;}

.spplayert_l h3{ font-size:1.2em; padding:0; margin:0;}
.spplayert_l ul{ padding:0; margin:-2px 0 0 0;}
.spplayert_l ul li{ display:inline-table; padding:0; margin:0 5px 0 0;}

.spplayert_r{ text-align:right; padding:0; margin:5px 0 0 0;}
.spplayert_r h4{ font-size:1em;}
.spplayert_r h4 span{ font-size:.75em;}
.spplayert_r p{ width:40px; height:35px; line-height:35px; font-size:1.2em;}

.spor_player_top .spro_miss{ display:none;}

.spor_player_middle{ width:100%; padding:5px; margin:5px 0 0 0;}

.spoplay_midl{ width:calc(100% - 60px);}

.spomid_abar{ display:block; padding:0; margin:0 0 5px 0;}
.spomid_abar h3{ font-size:.9em; margin:0;}
.spomid_abar ul li{ font-size:.9em;}

.spomid_bbar{ line-height:17px; font-size:.9em;}

.spomid_cbar{ display:block;}
.spomid_cbar h3{ font-size:.9em; padding:0; margin:0;}
.spomid_cbar ul{ margin:0;} 
.spomid_cbar ul li{ margin:0 3px 0 0;} 
.spomid_cbar ul li a{ font-size:.8em;}

.spoplay_midr{ width:140px; text-align:right;}
.spoplay_midr h3{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr h4{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr p{ color:#fcc42f; padding:0; margin:0;}

.spor_player_down{ display:block; padding:5px;}
.spor_player_down h3{ font-size:.9em;}
.spor_player_down ul{ margin:0;}
.spor_player_down ul li{ font-size:.9em;}

.spsign_tiprice_pr h3{ font-size:1em;}
.spsign_tiprice_pr span{ font-size:1em;}

.spsign_tiprice_sg h3{ font-size:1em;}
.spsign_tiprice_sg span{ font-size:1em;}

.spsign_tiprice_de h3{ font-size:1em; display:none;}

.spsign_hi_s .spsssp_poin{ display:none;}


/* -- 評論區 -- */
.spcoti_top_pix{ width:25%; height:auto;}
.spcoti_top_box{ width:75px; height:75px;}
.spcoti_top_star{ width:100%;}
.spcoti_top_star h3{ padding:0 0 0 20px; margin:10px 0 3px 5px;}
.spcoti_star_fraction{ width:75px;}
.spcoti_top_data{ width:75%;}

.spor_comment_reply{ padding:15px;}


/* -- 餐食 -- */
.spor_meal_sel_bar_a{ height:auto;}

.spor_meal_insel_obj select{ width:100%; height:28px; line-height:28px; border:solid 1px #fa9614; margin:0 0 10px 0;}
.spor_meal_insel_obj input{ width:100%; height:28px; line-height:28px; border:solid 1px #fa9614;}

.spor_meal_sel_bar_a .spmein_bbt{ line-height:10px; border:solid 2px #fa9614; color:#fff; background:#fa9614; transition:0.4s;}
.spor_meal_sel_bar_a .spmein_bbt:hover{ color:#fa9614; background:#fff;}

.spor_meal_sel_bar_b{ display:block; width:100%; height:auto; padding:0; margin:20px auto 150px auto;}

.smsb_l{ width:100%; height:auto; padding:5px 15px; margin:0;}

.smsb_r{ width:100%; height:auto; margin:10px 0 0 0;}
.smsb_r a{ display:inline-table; text-decoration:none; border:solid 2px #fa9614; color:#fa9614; background:#fff; padding:1px 20px; transition:0.4s;}

.smsb_r p{ display:inline-table; font-size:.8em;}


/* -- 票券頁面 -- */
.spor_tickets_pix_bar{ display:block; height:auto;}
.spor_tickets_pix_lbox{ width:100%; height:220px; margin:0 0 10px 0;}
.spor_tickets_pix_rbox{ width:100%; height:300px;}
.spor_tickets_pix_ra{ height:150px;}
.spor_tickets_pix_rb{ height:150px;}
.spor_tickets_pix_rbl{ height:150px;}
.spor_tickets_pix_rbl a{ height:150px; padding:40px 0 0 0;}
.spor_tickets_pix_rbl a:hover{ padding:50px 0 0 0;}
.spor_tickets_pix_rbr{ height:150px;}
.spor_tickets_pix_rbr a{height:150px;}


/* -- 票券評論區 -- */
.spor_sfaction_l{ width:40%;}
.spor_sfaction_r{ width:55%;}
.spsfrbox_tit{ width:40%;}
.spsfrbox_bar{ width:42%;}
.spsfrbox_nob{ width:10%;}

.spor_ticket_infobox{ width:98%; padding: 20px 10px; margin: 0 auto 50px auto; overflow: auto}

.spti_refund_policy_box{ line-height:30px; font-size: 1.0em; padding:10px 0; margin: 0;}

.spor_tiinfo_fobox{ width:100%; text-align:left; line-height:30px; font-size:1.0em; padding:10px 0; margin: 0;}

.spti_retkdow_bbt a{ font-size:1.3em; padding:8px 20px; margin:0 15px;}

.spor_act_lists li h4{ display:block; margin: 10px 0 0 0;}
.comm_main_bar{ padding:0;}
.comm_pix_box{ width: 100%; padding:0;}
.comm_data_box{width:100%; padding:0;}

.spmece_tit a{ font-size:1.2em; padding:10px 10px 5px 10px;}
.spmece_sel li a{ line-height:20px; font-size:1.0em; padding: 8px 10px 5px 10px;}

.spor_fig_titlebar{ width:100%; display:flex;  margin:0 auto;}

.spor_pltitle_abr h3{ width:100%; font-size:1.5em; font-weight:bold; 
    color:#d29915
; background:url(../images/sport_pltitle.svg) no-repeat; background-size:30px; 
    padding:0 10px 5px 30px; margin:0;}


/* --- 多頁列表 230609 --- */
.spor_selnav_titlebar{ display:flex; justify-content:flex-start; align-items:center;
    max-width:1280px; padding:0 10px; margin:15px auto; box-sizing:border-box;}
.spor_selnav_titlebar a{ text-decoration:none; font-size:1em; font-weight:bold; border-radius:20px; color:#fff; 
    background:#50503F; padding:3px 20px;}
.spor_selnav_titlebar ul{ display:none;}
.spor_selnav_titlebar select{ display:block; font-size:1em; text-shadow:1px 1px 0 rgba(255,255,255,.1); 
    border:solid 1px #d29915; border-radius:8px; color:#50503F; 
    background:#F0CC78; padding:3px 20px; margin:0 0 0 10px; box-sizing:border-box;}


/* --- 表格列表 230616 --- */
.spor_search_bar{ border-bottom:solid 1px #ccc; padding:5px 0 15px 0; margin:0 0 10px 0;}
.spor_search_bar input{ width:85%; padding:2px 5px}
.spor_table_title_bar{ display:block; }

.spor_table_title_txt{ font-size:1em; padding:2px 5px 3px 5px; margin:0;}
.spor_table_title_txt p{ width:33.3%; text-align:center;}
.spor_table_title_txt p span{ display:block; width:100%; margin:0;}
.spor_table_title_bar h3{ width:auto; font-size:1em; margin:8px 0 0 0;}

.spor_schedule_title{ width:100%; font-size:1em;}
.spor_fraction_title{ color:#fff; background:#ffae00; }
.spor_fraction_data { display:flex; justify-content:center; align-items:center; flex-wrap:wrap;
    width:100%; height:100%; border:none !important; padding:0; margin:0; box-sizing:border-box;}
.spor_fraction_data h4{ width:90%; font-size:1.5em; font-weight:bold; color:#ff8a00; border-bottom:solid 1px #ffae00;}
.spor_fraction_data h4:last-child{ border-bottom:none !important;}

.spor_pop_nober{ width:30%; text-align:left; padding:0; margin:0; box-sizing:border-box;}
.spor_pop_nober ul{ display:block; text-align:center; padding:0 !important;}
.spor_pop_nober ul li{ font-size:1em; padding:0; margin:0 0 10px 0; box-sizing:border-box;}



/* --- 比賽分數表 230707 --- */
.spor_schedule_date_bar{ flex-direction:column;}
.spor_schedule_date_bar h2{ width:100%; margin:0 0 10px 0;}
  .spor_schedule_search_box{ order:-1; margin:20px 0 40px 0;}


.spor_schedule_search_box{ display:flex; justify-content:space-between; align-items:center; width:100%;}
.spor_schedule_search_box span{ padding:0; margin:0; box-sizing:border-box;}
.spor_schedule_search_box input{ width:calc(100% - 50px); margin:0;}

.spor_schedule_title_bar{ flex-wrap:wrap;}
.spor_schedule_title_bar h3{ width:100%; text-align:center; padding:0; margin:0 0 20px 0;}

.spor_schedule_title_bar ul{ display:flex;justify-content:space-between; align-items:flex-start; width:100%}
.spor_schedule_title_bar ul li{ width:33%; text-align:center; margin:0;}
.spor_schedule_title_bar ul li span{ display:block; width:100%;}

.spor_schedule_name_box{ width:33%;}
.spor_schedule_nob_box{ width:34%;}

.spor_schedule_totna_box{ width:33%;}
.spor_schedule_tot_box{ width:34%;}


/* --- 成績查詢 250418 --- */
.spor_player_basicinfo_zone{ background:#fff; padding:0;}
.spor_player_basicinfo_zone h4{ font-size:1em;}
.spor_player_basicinfo_box{ background:#fff; padding:0;}
.spor_player_basicinfo_box h2{ font-size:1.2em;}
.spor_player_basin_data_a li{ padding:20px 5px;}
.spor_player_basin_data_a li h3{ font-size:1em;}
.spor_player_basin_data_a li p{ font-size:1em;}

.spor_player_basin_score li h3{ font-size:1.4em;}
.spor_player_basin_score li h3 img{ width:20px;}
.spor_player_basin_score li p{ font-size:1.2em;}
.spor_player_basin_score li span{ font-size:2em;}

.spor_player_basin_data_b li{ padding:20px 5px;}
.spor_player_basin_data_b li h3{ font-size:1em;}
.spor_player_basin_data_b li p{ font-size:1.2em;}

.spor_player_stage td{ font-size:1em;}

.spor_player_stage_tit td h3{ font-size:1em;}


/* -- 底部 -- */
.container-fluid{ padding:0 !important;}
.spor_footer{ padding:0 0 20px 0 !important;}
.spor_footer_box{ height:auto; padding:40px 20px 20px 20px;}
.spor_footer_selb{ flex-wrap:wrap;}

.spor_footer_serv{ display:contents;}
.spor_footer_serv h3{ margin:-30px 0 0 0;}
.spor_footer_serv h4{ font-size:1em; margin:15px 0 10px 0;}


/* -- 英文版抬頭 -- */
.en .spor_top_sel_zone{ height:100px;}
.en .spor_membbt_box{ line-height:44px; padding:5px 0 0 0;}
.en .spor_fune_rig{ width:70%; text-align:right; top:auto; right:10px; bottom:10px;}
.en .spor_fune_rig li a{ font-size:.8em;}
.en .spor_fune_rig_do li{ margin: 0 5px 10px 5px;}
.em .spor_top_regis{ margin:0; right:10px !important; bottom:0 !important;}

.spor_m_price{ align-items:flex-start;}
.spor_member_centre_zone{ flex-wrap:wrap;}
.spor_member_centre_sel{ width:100%; padding:0; margin:0 0 20px 0;}
.spor_member_centre_main{ width:100%;}

}




@media (max-width: 390px) {
.spor_main_nbox{ width:100%;}
.spor_m_photo{ width:100%; height:auto;}
.spor_do_box{ width:100%;}
}




@media (max-width: 360px) {
.spmain_pix{ width:130px;}
.spmain_main_r{ width:200px; height:150px;}

.spsign_tiprice_pr h3{ font-size:.8em;}
.spsign_tiprice_pr span{ font-size:.9em;}

.spsign_tiprice_sg h3{ font-size:.8em;}
.spsign_tiprice_sg span{ font-size:.9em;}

.spsign_tiprice_de h3{ font-size:.9em; display:none;}
.spsign_tiprice_de a{ font-size:.9em;}


/* -- 評論區 -- */
.spcoti_top_box{ width:65px; height:65px;}
.spcoti_top_star h3{ padding:0 0 0 20px; margin:10px 0 3px 5px;}
.spcoti_star_fraction{ width:65px;}
}



@media (max-width: 375px) {
.spor_fune_rig{ right:10px;}

.spor_main_azone{ max-width:100%;}
.spor_main_azone ul{padding:10px;}
.spor_main_adim{ width:335px; height: 235px;}
.spor_main_nbox{ width:335px;}
.spor_m_photo{width:333px; height:220px;}
.spor_m_title a{ font-size:1.2em;}
.spor_m_style h4{ font-size:1em;}
.small_txt{ font-size:1em; line-height: 24px;}

.spor_secdata_updo{ width:20px;}
.spor_secdata_box{ width:310px; margin:20px 0 0 0;}

.spor_fune_rig_do{ display:block; text-align:center;}
.spor_fune_rig_do li{ margin:0 0 0 5px;}

.spor_do_box{width:340px; padding:10px;}
.spor_sign_top_pix{ height:100px;}
.spor_sign_top_pix img {border-radius: 0;}


/* -- 登入頁面 -- */
.spor_login_box{ width:360px;}
.spor_login_adbox{ width:360px;}

.file_flag{ width:40px; bottom:-50px; right:10px}


/* -- 玩家頁面 -- */
.spmain_pix{ width:130px;}
.spmain_main_r{ width:205px;}

.spplayert_l ul{ line-height:18px;}

.spplayert_r{ text-align:right; padding:0; margin:5px 0 0 0;}
.spplayert_r h4{ font-size:1em;}
.spplayert_r h4 span{ font-size:.75em;}
.spplayert_r p{ width:60px; height:25px; line-height:25px; font-size:1.2em; margin:5px 0;}

.spomid_abar{ display:block; padding:0; margin:0 0 5px 0;}
.spomid_abar h3{ font-size:.9em; margin:0;}
.spomid_abar ul li{ font-size:.9em;}

.spomid_bbar{ line-height:17px; font-size:.9em;}

.spomid_cbar{ display:block;}
.spomid_cbar h3{ font-size:.9em; padding:0; margin:0;}
.spomid_cbar ul{ line-height:16px; margin:0;} 
.spomid_cbar ul li{ margin:0 3px 0 0;} 
.spomid_cbar ul li a{ font-size:.8em;}

.spoplay_midr{ width:140px; text-align:right;}
.spoplay_midr h3{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr h4{ font-size:1em; font-weight:bold; color:#917529; padding:0; margin:0;}
.spoplay_midr p{ color:#fcc42f; padding:0; margin:0;}

.spor_player_down{ display:block; padding:5px;}
.spor_player_down h3{ font-size:.9em;}
.spor_player_down ul{ margin:0;}
.spor_player_down ul li{ font-size:.9em;}


/* -- 評論區 -- */
.spcoti_top_box{ width:65px; height:65px;}
.spcoti_top_star h3{ font-size:1em; padding:0 0 0 20px; margin:10px 0 3px 3px;}
.spcoti_star_fraction{ width:65px;}

.spcore_down_bar{ display:block;}
.spcore_down_bar ul{ width:100%;}
.spcore_down_rbbt{ width:100%; padding:0; margin:10px 0 0 0;}

.spmece_sel li a{ font-size:1em;}
.card .spor_qa_title{ font-size:.65em; margin-left:10px;}


/* -- 英文版抬頭 -- */
.en .spor_fune_rig li a{ font-size:.7em;}
.en .spor_top_regis{ margin:0 !important;}
.en .spor_top_scart{ padding:0 0 0 19px;}
}



@media (max-width: 320px) {
.spor_main_adim{ width:300px;}
.spor_main_nbox{ width:300px;}

.spor_secdata_box{ width:270px;}

.spor_photo_lbox{ height:230px;}
.spl_txt_box{ height:100px;}

.spl_txt_box p{ line-height:25px; font-size:1.2em; margin:0;}

.spor_photo_rbox li{ height:190px;}
.spor_photo_rbox li a{ height:190px;}

.spor_footer_selb ul li a{ font-size:.8em;}

.spor_fune_rig_do li{ margin:0;}
.spor_fune_rig_do li a{ font-size:.8em;}
.spor_tdata_seb_do{ font-size:.8em;}

.spor_top_regis{ display:none;}
.spor_membbt_box{ right:5px;}
.spor_membbt_box a{ margin:0;}

.spor_footer_box{ padding:20px 10px;}


/* -- 登入頁面 -- */
.spor_login_box{ width:300px;}
.spor_login_adbox{ width:300px;}

.file_flag{ width:50px; bottom:-62px; right:10px}


/* -- 玩家頁面 -- */
.spmain_main_r{ width:160px; height:150px;}


/* -- 評論區 -- */
.spcoti_top_box{ width:60px; height:65px;}
.spcoti_top_star h3{ font-size:.9em; padding:0 0 0 20px; margin:10px 0 3px 3px;}
.spcoti_star_fraction{ width:60px;}


/* -- 票券評論區 -- */
.spor_evaluation_box ul{ padding:0 0 4px 0;}
.spor_evaluation_box ul::after{ padding:0 0 9px 0; margin:0 0 -6px 0;}

.spor_evaluation_box ul li a{ font-size:1.2em; padding:8px 20px;}

.spor_evaluation_txt{ width:100%; padding:15px 10px; margin:0;}
.spor_evaluation_txt img{ padding:0; margin:0 10px 0 0;} 
.spor_evaluation_txt span{ display:block; color:#989898;} 

.spor_sfaction_box{ display:block;}
.spor_sfaction_l{ width:100%;}
.spor_sfaction_r{ width:100%;}
.spor_sfaction_rbox{ width:100%;}
.spsfrbox_tit{ width:30%;}
.spsfrbox_bar{ width:50%;}
.spsfrbox_nob{ width:15%;}

.spor_m_price p{ width:100%;}
.spor_m_price .spor_dm_signup{ margin:0 0 0 62%;}

.card .spor_qa_title{ font-size:.55em;}


/* --- 成績查詢 250418 --- */
.spor_player_basin_data_a li{ padding:20px 2px;}
.spor_player_basin_data_a li h3{ font-size:.9em;}
.spor_player_basin_data_a li p{ font-size:.9em;}

.spor_player_basin_score li h3{ font-size:1.4em;}
.spor_player_basin_score li h3 img{ width:20px;}
.spor_player_basin_score li p{ font-size:1.2em;}
.spor_player_basin_score li span{ font-size:1.5em;}

.spor_player_basin_data_b li{ padding:20px 2px;}
.spor_player_basin_data_b li h3{ font-size:.9em;}
.spor_player_basin_data_b li p{ font-size:1em;}

.spor_player_stage td{ font-size:1em;}
.spor_player_stage_tit td h3{ font-size:.9em;}
}