@charset "UTF-8";
/*Google fonts*/
@import url(//fonts.googleapis.com/earlyaccess/notosanstc.css);


* {
  margin: 0;
  padding: 0;
  font-family:'Noto Sans TC', Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro",
   "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
  color: ##000000;
}

img {
  margin: 0 auto;
}

body {
  background: #e0e0e0;
  /* font-size:1rem; */
  /* font-size: 1.5vmin; */
}
/*-----格式-----*/
.row-0 {
  margin-right: 0px;
  margin-left:  0px;
}

.container-fluid-0 {
  padding-right: 0px;
  padding-left: 0px; 
  margin-right: auto;
  margin-left: auto;
}
.padding-0 {
  padding: 0px;
}
.padding-5 {
  padding: 5px;
}
.padding-10 {
  padding: 10px;
}
.padding-top-20{
  padding-top: 20px;
}
.padding-1-0-100{
  padding: 1% 0;
}
.padding-3-0-100{
  padding: 3% 0;
}


.padding-0-0{
  padding-right: 0px;
  padding-left: 0px;
}


.margin-0-1-100{
  margin: 0% 1%;
}
.margin-0-2-100{
  margin: 0% 2%;
}




.border-top-2-s-6dd0cd{
  border-top: 2px solid #6dd0cd;
}
.border-top-1-s-040{
  border-top: 1px solid #00000040;
}


.border-bottom-2-solid-000{
  border-bottom: 2px solid #000;
}
.border-bottom-2-solid-6dd0cd{
  border-bottom: 2px solid #6dd0cd;
}

.border-bot-3-s-007d83{
  border-bottom: 3px solid #007d83;
}

.border-bot-1-s-040{
  border-bottom: 1px solid #00000040;
}
   

.index_border_bottom{
  border-bottom: 2px solid #000;
}


.height_60px{
  height: 60px;
}

.bg_000 {
  background: #000;
}
.bg_e0e0e0 {
  background: #e0e0e0;
}
.bg_fff {
  background: #ffffff;
}

.bg_004648 {
  background: #004648;
}




#panellogin{
border: 4px dashed #ea8b0f;
}





/*-----格式-----*/










/*-----固定區塊-----*/


.top_bar {
  background: #131313;
  padding: 0.5% 0;
}


.top_right_icon ul {
  list-style: none;
}
.top_right_icon ul li {
  display: inline-block;
  color: #fff;
  font-size: 2.5vmin;
}
.top_right_icon ul li a {
  text-align: center;
  color: #000;
  transition: all 0.3s ease-out;
}

.top_right_icon ul li a .iconfont{
  background: #fff;
  font-size: 3vmin;
}



.top_right_icon ul li a:hover {
  text-decoration: none;
  color: #0d0d0d;
}



.navbar-brand {
  padding: 0px;
  margin: 0px;
  margin-left: 0px !important;
  height: 120px;
}
.navbar-brand img {
  height: 100%;
  width: auto;
  padding: 10px 15px;
}

.navbar {
  margin: 0;
}
.navbar-inverse {
  background: #6dd0cd;
  border: none;
}
.navbar-inverse .navbar-brand {
  height: 66px;
}



#navbar-primary {
  /* Added `.affix-top` class css when the element is top */
  transition: all 0.3s ease-out;
  /* Added `.affix` class css when the element is >= 170px (Look: line 8 html) */
}
#navbar-primary.affixed-top {
  background: #656D78;
}
#navbar-primary.affix {
  background: #6dd0cd;
  top: 0;
  left: 0;
  right: 0;
}
#navbar-primary .navbar-nav {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
#navbar-primary .navbar-nav li {
  display: inline-block;
  float: none;
}
#navbar-primary .navbar-nav li a {
  padding-left: 20px;
  padding-right: 20px;
  color: #F5F7FA;
  transition: all 0.3s ease-out;
  font-size: 20px;
}
#navbar-primary .navbar-nav li a:hover {
  background: #F5F7FA;
  color: #0d0d0d;
}


#navbar-bar






.collapse{
  text-align: center;
}
.collapse ul{
  text-align: center;
}


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




footer {
  background: #000;
  padding: 2% 0;
  color: #F5F7FA;
}
footer a {
  color: #F5F7FA;
}
.bottomline {
  list-style: none;
}

.bottomline li {
  display: inline-block;
}

.bottomline li a {
  color: #F5F7FA;
}

.btn {
  padding: 6px 12px;
  font-weight: 600;
}


.member .login_L{
max-height:55px;
min-height:52px;
width:100%;
min-width:88px;
}
.member .login_R{
padding-top:10px;
}
.member .login_R input{
height: 38px;
}


.member .login_member_L{
max-height:55px;
min-height:52px;
width:100%;
min-width:88px;
}
.member .login_member_R{
padding-top:10px;
}
.member .login_member_R input{
height: 38px;
}



/*-----固定區塊-----*/









/*-----index start-----*/

.banner {
  /* height: 100%;
  width: auto; */
}
.banner_index_img{

}

.block_s .block_s_img {
  
}

.block_s .block_s_img img{
  /* border: 10px solid #007d83; */
  border-radius: 10px;
  /* min-width: 75px; */
  /* border: 1vmin solid #007d83; */
}

.marquee .alert-news{
  color: #fff;
  background-color: #007d83;
  border-color: #007d83;
  padding: 0px;
  border-radius: 0px;
  margin-bottom: 0px;
}

.marquee .marquee_run{
  /* font-size: 20px; */
  padding: 0px 15px;
  font-size: 2.1vmin;
}






.sport_bar{
  /* font-size: 24px; */
}


.sport_bar_all{
  text-align: center;
  background: #007d83;
  padding: 10px 0px;
  font-size: 2vmin;
}
.sport_bar .sport_bar_all span{

}

.sport_bar .sport_bar_all a{
  text-decoration: none;
  /* padding-left:  10px;
  padding-right: 10px; */
  padding-left: 1%;
  padding-right: 1%;
  color: #fff;

}
.sport_bar .sport_bar_all a:hover{
  background: #F5F7FA;
  color: #0d0d0d;
}


.sport_category_select

.sport_category_select_img{
  float: left;
  width: 10%;
  /* max-width: 90px; */
}

.sport_category_select_img img{
/*   width:  70px;
  height: 70px; */
  border-radius: 50%;
  /* border: 3px solid #8dd5d8; */
      width: 100%;
}








.sport_category_show{  
  text-align: center;
}

.sport_category_show .category_style_top{
  /* font-size: 22px; */
  font-size: 2vmin;
  border-top:    8px solid #007d83;
  border-bottom: 8px solid #007d83;
  border-left:   1px solid #007d83;
  border-right:  1px solid #007d83;
}

.sport_category_show .category_style_list{

}
.sport_category_show .category_style_list div{
  /* font-size: 16px; */
  font-size: 2vmin;


}
.sport_category_show .category_style_1{
  width: 10%;
  padding: 0.5% 0px;
  float: left;
}
.sport_category_show .category_style_1 .sport_class{
  color: #c94e15;
}
.sport_category_show .category_style_1 .sport_class img{
  width: 50%;
}


.sport_category_show .category_style_2{
  width: 13%;
  padding: 1% 0px;
  float: left;
}
.sport_category_show .category_style_3{
  width: 18%;
  padding: 1% 0px;
  color: #000066;
  float: left;
}
.sport_category_show .category_style_4{
  width: 9%;
  padding: 1% 0px;
  float: left;
}
.sport_category_show .category_style_5{
  width: 18%;
  padding: 1% 0px;
  color: #000066;
  float: left;
}
.sport_category_show .category_style_6{
  width: 16%;
  padding: 1% 0px;
  float: left;
}
.sport_category_show .category_style_7{
  width: 9%;
  padding: 1% 0px;
  float: left;
}
.sport_category_show .category_style_8_t{
  width: 6%;
  padding: 1% 0px;
  float: left;
}
.sport_category_show .category_style_8{
  width: 6%;
  padding: 0.5% 0px;
  float: left;
}
.sport_category_show .category_style_8 .results_img img{
  width: 74%;

}

/* .sport_category_show .category_style_8 .win{
  color: #009854; 
}
.sport_category_show .category_style_8 .lose{
  color: #ff0000; 
}
.sport_category_show .category_style_8 .tie{
  color: #1200ff; 
} */


.sport_category_show .category_style_9_t{
  width: 10%;
  padding: 1% 0px;
  float: left;
}

.sport_category_show .category_style_9{
  width: 10%;
  padding: 0.5% 0px;
  float: left;
}

.sport_category_show .category_style_9 .btn_9{
  /* padding: 5px 12px; */
  padding: 4% 6%;
  /* padding: 5px 3px; */
  font-weight: 600;
  border-radius: 4px;
}
.sport_category_show .category_style_9  a{
text-decoration: none;
}


.category_style_list{
  border-bottom-style:dashed; 
  border-bottom-color:#6dd0cd;  
}

/*-----index End-----*/





/*-----sport_info start-----*/
.info{

}

.info .info_c{
  font-size: 20px;
  font-size: 2.1vmin;
}

.info .info_mod{
  font-size: 20px;
}


.info .info_mod_title{
  color: #fff;
}

.info .info_mod_b_1{
  background: #04b9c1;
}

.info .info_mod_b_2{
  background: #007d83;
}




.info .info_mod_f-g{
  text-align: center;
}
.info .info_mod .info_mod_s_1{
  font-size: 20px;
  text-align: center;
  color: #fff;
}
.info .info_mod .info_mod_s_2{
  font-size: 16px;
  color: #fff;
}
/*-----sport_info End-----*/













/*-----sport_promotion start-----*/
.promotion{

}
.promotion .promotion_all{
  text-align: center;
  margin: 5px;
}



.promotion .promotion_L{

}   
.promotion .promotion_L img {
  max-height: 250px;   
}



.promotion .promotion_M{
  padding-bottom: 10px;
}

.promotion .promotion_M .promotion_M_1{
  /* font-size: 22px; */
  color: #e16005fc;
  font-size: 2.5vmin;
}
.promotion .promotion_M .promotion_M_2{
  /* font-size: 16px; */
  font-size: 2vmin;
  font-family: Arial, "文泉驛正黑", "WenQuanYi Zen Hei", "儷黑 Pro", "LiHei Pro", "微軟正黑體", "Microsoft JhengHei", "標楷體", DFKai-SB, sans-serif;
}
.promotion .promotion_M .promotion_M_3{
  /* font-size: 22px; */
  color: #e4b235;
  font-size: 2.5vmin;
}
.promotion .promotion_M .promotion_M_4{
  /* font-size: 18px; */
  color: #e4b235;
  font-size: 2vmin;
}





.promotion .promotion_R{
  
}

.promotion .promotion_R .promotion_R_1{
  /* font-size: 22px; */
  color: #e4b235;
  font-size: 2.5vmin;
}
.promotion .promotion_R .promotion_R_2{
  /* font-size: 22px; */
  color: #e4b235;
  font-size: 2.5vmin;
}

.promotion .promotion_R img{
  /* max-width: 260px; */
      max-height: 80px;
}





/*-----sport_promotion End-----*/














/*-----sport_ibon start-----*/

.sport_pay{

}


.sport_pay .pay_t{
  font-size: 3vmin;
}

.sport_pay .pay_b{
  border-radius: 20%;
  padding: 5px 10px;
}

.sport_pay .pay_b a{
  color: #fff;
  font-size: 2.5vmin;
  text-decoration: none;
}

.sport_pay_modal{

}

.sport_pay_modal .sport_pay_modal_01{
  text-align:center;
  /* background-color:#FFAC55; */
  width:100%;
  height:40px;
}
.sport_pay_modal .sport_pay_modal_Line{
  text-align:center;
  /* background-color:#FFAC55; */
  width:100%;
  height:450px;
}
.sport_pay_modal .Pay_01_LR{
  /* background-color:#FFAFFE; */
  width:350px;
  height:20px;
  margin:0 auto;
  font-size: 2.5vmin;

}

.sport_pay_modal .Pay_01_LR_B{
  /* background-color:#FFAFFE; */
  width:450px;
  height:20px;
  margin:0 auto;
  font-size: 2.5vmin;

}
.sport_pay_modal .Pay_01_L{
  font-size: 2.5vmin;   
  float: left;

}

.sport_pay_modal .Pay_01_R{
  font-size: 2.5vmin;
  

}
/*-----sport_ibon End-----*/




















/*-----sport_info start-----*/
/*-----sport_info End-----*/

/*-----sport_info start-----*/
/*-----sport_info End-----*/


/*-----sport_info start-----*/
/*-----sport_info End-----*/