/*@charset "UTF-8";@import "https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i";@import "https://fonts.googleapis.com/css?family=Dosis|Nunito";@import "https://fonts.googleapis.com/earlyaccess/notosanstc.css";@import "https://fonts.googleapis.com/css?family=Baloo+Tammudu|Lobster";@import "https://fonts.googleapis.com/css?family=Baloo+Tammudu";@import "https://fonts.googleapis.com/css?family=Playfair+Display";@import "https://fonts.googleapis.com/css?family=Abril+Fatface";*/

* {
  margin: 0;
  padding: 0
}

html {
  overflow-x: hidden
}

body {
  max-height: 100%;
  background-color: #fff;
  color: #555;
  font-family: 'Microsoft JhengHei', '微軟正黑體', 'Open Sans', sans-serif;
  font-size: 14px;
  font-weight: 400;
  overflow: hidden
}

body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  color: #2f2f2f;
  font-family: 'Open Sans', sans-serif, ;
  font-style: normal;
  line-height: 1.5;
  margin: 0 0 8px
}

h1 {
  font-size: 26px
}

h2 {
  font-size: 24px
}

h3 {
  font-size: 22px
}

h4 {
  font-size: 20px
}

h5 {
  font-size: 18px
}

h6 {
  font-size: 16px
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
  color: #2f2f2f
}

p a {
  color: #2f2f2f
}

p {
  line-height: 26px;
  margin-bottom: 10px
}

a {
  color: #2f2f2f;
  text-decoration: none
}

a:hover,
a:focus,
a:active {
  outline: none
}

ul {
  margin-bottom: 0
}

figure {
  margin-bottom: 6px;
  position: relative
}

img {
  height: auto;
  max-width: 100%
}

strong {
  color: inherit;
}

iframe {
  border: none;
  float: left;
  width: 100%
}

section.about_bg1 {
  display: block;
  position: absolute;
  height: 800px;
  background-position: 120% 100%;
  width: 100%;
  background-size: 80%;
  background-repeat: no-repeat;
  bottom: 50%
}

.borrow {
  padding-bottom: 50px
}

.bg {
  display: block;
  position: absolute;
  width: 100%;
  height: 1000px;
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 100% 30%;
  z-index: -1
}

ul.newslist {
  margin: 0;
  display: block;
  width: 100%;
  float: left
}

section.news {
  background-size: 50%;
  background-repeat: no-repeat;
  background-position: 100% bottom
}

section.processbg {
  margin-bottom: 80px !important
}

section.maincontent {
  display: block;
  width: 100%;
  float: left;
  padding-top: 50px;
  clear: both
}

section#abanner {
  margin: 50px 0 0;
}

.slider {
  display: block;
  float: left;
  width: 100%;
  height: auto;
  margin-bottom: 80px
}

.sidebox2 {
  right: 0
}

.sidebox {
  position: fixed;
  z-index: 100000;
  top: 300px
}

#jqtextcall2 {
  position: fixed;
  z-index: 10000;
  padding: 5px 10px;
  margin: 10PX 10px 0;
  background: #00ac00;
  color: #fff;
  right: 0;
  bottom: 95px;
  text-decoration: none;
  display: block;
  /*width: 80px;*/
  font-weight: 700;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 18px;
  height: 60px;
  /*-webkit-clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 78%, 0 0);*/
  /*clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 78%, 0 0)*/
}

#jqtextcall {
  top: 260px;
  position: fixed;
  z-index: 10000;
  padding: 8px 10px 50px;
  margin: 10PX 10px 0;
  color: #fff;
  text-decoration: none;
  display: block;
  width: 80px;
  font-weight: 700;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 20px;
  height: 70px;
  -webkit-clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 78%, 0 0);
  clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 78%, 0 0)
}

@media screen and (max-width:1366px) {
  #jqtextcall {
    top: 185px;
  }
}

#hiddenbox {
  margin-top: 30px;
  width: 110px;
  margin-left: 0;
  background: #eee;
  padding: 10px
}

#hiddenbox h3 {
  font-family: 'Baloo Tammudu', cursive;
  line-height: .8;
  margin-top: 10px;
  font-size: 12px;
  padding: 5px 0 0 10px
}

#hiddenbox img {
  padding: 0
}

#jqtextcall span {
  display: block;
  margin: 0 auto;
  text-align: center;
  height: 10px;
  width: 100%;
}

#jqtextcall2 strong {
  color: #fff !important;
  font-family: 'Baloo Tammudu', cursive !important;
  font-size: 12px;
  text-align: center;
  margin: 0 auto;
  display: block;
}

#jqtextcall strong {
  color: #00ac00 !important;
  font-family: 'Baloo Tammudu', cursive !important;
  font-size: 24px;
  text-align: center;
  margin: 15px auto 0;
  display: block
}

#jqtextcall a {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}




#hiddenbox a {
  display: block;
  clear: both;
  font-size: 12px;
  background-color: #00ac00;
  color: #fff;
  padding: 5px 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

#hiddenbox h3 span {
  font-size: 20px;
  color: #00ac00;
  display: block;
}

#hiddenbox p {
  margin-bottom: 0
}

.motor {
  display: block;
  /*position: absolute;*/
  /*top: 10px;*/
  z-index: 1000
}

.earthimg {
  margin-bottom: 80px
}

h2.title.earth:after,
h3.title.earth:after {
  left: 250px !important
}

h2.title:after,
h3.title:after {
  content: "";
  width: 1px;
  height: 50px;
  background-color: #2E77C9;
  display: block;
  transform: rotate(50deg);
  position: relative;
  left: 170px;
  top: -30px
}

h2.title,
h3.title,
h1.title__inner {
  height: 70px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 36px;
  line-height: 1.2;
}

h2.title strong,
h3.title strong,
h1.title__inner strong {
  color: #2E77C9
}

.house h2.title,
.house h1.title__inner {
  color: #fff;
  margin-bottom: 30px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.house h2.title:after,
.house h1.title__inner:after {
  content: none;
  display: block;
  height: 2px;
  width: 40px;
  top: -15px;
  position: relative;
  background-color: #C3DCF8;
  left: 32%
}

.midsec h4 {
  color: #fff;
  font-size: 30px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.midsec p {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px
}

.line h5 {
  font-size: 50px;
  margin-top: 30px;
  padding: 0;
  text-align: left;
  font-family: 'Baloo Tammudu', cursive;
  line-height: 1;
  color: #03c302
}

.line h2 {
  color: #Fff
}

.line p {
  float: left
}

.midsec strong {
  color: #2E77C9 !important
}

.pagetop:before {
  content: "";
  display: block;
  height: 200px;
  width: 50.5%;
  background-color: #fff;
  position: absolute;
  left: 0;
  top: 390px;
  transform: rotate(-2deg)
}

.pagetop:after {
  content: "";
  display: block;
  height: 200px;
  width: 50.5%;
  background-color: #fff;
  position: absolute;
  right: 0;
  float: right;
  top: 390px;
  transform: rotate(2deg)
}

section.product_info {
  margin-top: 20px
}

.diamond {
  margin-bottom: 50px
}

.message {
  display: block;
  width: 100%;
  min-height: 50%;
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 5px 10px;
  border-radius: 10px
}

.message p {
  font-size: 14px;
  line-height: 1.5
}

.board p {
  margin-bottom: 0
}

.board a span {
  color: #2E77C9 !important
}

.boardtopic h5 {
  line-height: 1;
  font-size: 14px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  border-bottom: 1px solid #eee;
  padding-bottom: 10px
}

.boardtopic h4 {
  line-height: 1;
  float: left;
  width: 100%;
  margin-bottom: 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.boardtopic span {
  font-style: italic;
  color: #2E77C9 !important;
  margin: 0 10px 0 0 !important
}

.boardtopic h3 {
  font-size: 14px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.boardtopic time {
  float: left;
  margin: 0;
  font-size: 14px;
  font-family: "Doris", sans-serif;
  font-style: italic;
  color: #666
}

.boardtopic small {
  float: left;
  margin: 0 10px
}

.board th {
  background-color: transparent;
  color: #2E77C9 !important;
  border-bottom: 2px solid #3f3f3f;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  padding: 5px;
  font-size: 16px;
  font-weight: initial;
  border-top: 1px solid #3f3f3f;
  border-left: 2px solid #eee
}

.board th:first-child {
  border-left: 0
}

.board td:first-child {
  text-align: left
}

.board tr:last-child {
  border-bottom: 2px solid #3f3f3f
}

.board td span {
  margin: 0 10px;
  font-weight: 700;
  font-size: 16px;
  color: #3f3f3f;
}

.board td {
  padding: 5px 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px;
  border-color: #eee;
  border-bottom: 1px solid #ccc
}

.product_info .text p {
  padding: 0 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px;
  color: #3f3f3f
}

.product_info .text h4 {
  font-size: 18px;
  color: #2E77C9;
  padding: 0 10px;
  margin-top: 30px;
  border-bottom: 1px solid #eee;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.product_info h5 {
  font-size: 25px;
  color: #292c31;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  border-bottom: 1px solid #eee;
  padding: 10px
}

.product_info h5:after {
  content: "";
  width: 60px;
  height: 2px;
  display: block;
  position: relative;
  top: 10px;
  background-color: #2E77C9
}

.product_info .price-cart {
  font-size: 30px;
  padding: 20px 10px;
  color: #2E77C9;
  font-weight: 700;
  font-family: "Dosis", sans-serif
}

.product_info .price-cart span {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px;
  color: #666;
  margin-right: 10px;
  font-weight: initial
}

section.service {
  padding: 50px 0;
  position: relative;
  overflow: hidden
}

.service_bg {
  position: relative;
  z-index: 100000;
  background-color: transparent
}

span.service_bg:after {
  content: "";
  display: block;
  width: 100%;
  height: 580px;
  position: absolute;
  background-repeat: no-repeat;
  z-index: -1;
  background-image: url(../images/demo/bg_6.png)
}

.content {
  margin: 50px 0
}

.service_bg_2:after {
  content: "";
  display: block;
  width: 100%;
  height: 540px;
  position: absolute;
  background-repeat: no-repeat;
  top: -50px;
  right: 50px;
  z-index: 100;
  background-position: right
}

.service_bg_2:before {
  content: "";
  display: block;
  width: 120%;
  height: 580px;
  position: absolute;
  background-color: #eee;
  top: -30px;
  left: -50px;
  transform: rotate(4deg);
  z-index: -1
}

.service_bg3 {
  padding: 80px 0
}

.service_bg3:after {
  content: "";
  display: block;
  width: 100%;
  height: 540px;
  float: left;
  clear: both;
  position: absolute;
  background-repeat: no-repeat;
  left: 0;
  top: 0;
  z-index: -100;
  transform: rotate(deg);
  background-position: left;
  background-image: url(../images/demo/bg_6.png)
}

.service_bg_4:before {
  content: "";
  display: block;
  width: 120%;
  height: 560px;
  position: absolute;
  background-color: #f1f1f1;
  left: -50px;
  transform: rotate(2deg);
  z-index: -1
}

.service_bg_4:after {
  content: "";
  display: block;
  width: 100%;
  height: 540px;
  position: absolute;
  background-repeat: no-repeat;
  top: -60px;
  right: 0;
  z-index: 100;
  transform: rotate(-3deg);
  background-position: right
}

.text-box p {
  text-align: left;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.text-box li {
  text-align: left;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.service h2.title {
  font-size: 40px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.service h2.title:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  position: relative;
  background-color: #3db8cc;
  left: 180px;
  top: -30px
}

.service h2.title:before {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  position: relative;
  background-color: #3db8cc;
  left: 120px;
  top: 70px
}

.service_bg_4 .title:before {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  position: relative;
  background-color: #3db8cc;
  left: 280px !important;
  top: -30px
}

.service_bg_4 .title:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  position: relative;
  background-color: #3db8cc;
  left: 350px !important;
  top: -30px
}

.service_bg3 .title:after {
  content: "";
  display: block;
  width: 1px;
  height: 50px;
  position: relative;
  background-color: #3db8cc;
  left: 350px !important;
  top: -30px
}

.service_bg3 .title:before {
  content: "";
  display: block;
  width: 80px;
  height: 1px;
  position: relative;
  background-color: #3db8cc;
  left: 280px !important;
  top: 70px
}

.page {
  border-top: 1px solid #ccc;
  margin-top: 20px;
  padding-top: 20px;
  margin-bottom: 80px
}

.newslist li a {
  max-width: 80%;
  max-height: 40px;
  overflow: hidden;
  transition: all .4s ease-in-out
}

.newslist li a:hover {
  color: #2460A2
}

.newslist li {
  list-style-type: none;
  display: block;
  width: 100%;
  font-size: 18px;
  float: left;
  padding: 10px 0;
  line-height: 2.5;
  border-bottom: 1px solid #eee;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.news h3,
.news h2 {
  font-size: 30px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.news span.title {
  display: block;
  width: 50px;
  float: left;
  height: 100%;
  font-size: 16px;
  margin-top: 10px;
  margin-right: 10px;
  padding: 5px 5px 10px;
  color: #2460A2;
  border-left: 1px solid #2460A2;
  border-top: 1px solid #2460A2;
  text-align: center;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  -webkit-clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 77%, 0 0);
  clip-path: polygon(100% 0, 100% 77%, 50% 100%, 0 77%, 0 0)
}

.news h3:after,
.news h2:after {
  display: none;
  content: "";
  width: 1px;
  height: 30px;
  background-color: #2460A2;
  left: 130px;
  top: -15px;
  position: relative;
  transform: rotate(15deg)
}

.news .pre {
  float: left;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-weight: 700
}

.news .pre span {
  float: left;
  font-size: 20px;
  font-weight: 700;
  margin-right: 5px
}

.news .next {
  font-size: 16px;
  font-weight: 700;
  float: right;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.news .pre a:hover,
.news .next a:hover {
  color: #2E77C9
}

.news .next span {
  font-size: 20px;
  font-weight: 700;
  float: right;
  margin-left: 10px
}

.news_text {
  padding: 10px 0 20px 60px;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.news h4,
.news h2.news-info-tit {
  display: block;
  /*float: left;*/
  border-bottom: 1px solid #ccc;
  width: 90%;
  padding: 0 10px 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 24px
}

.news h4 time,
.news h2.news-info-tit time {
  font-style: italic;
  color: #666;
  font-size: 14px;
  font-family: "Doris", sans-serif
}

.news h2.news-info-tit:after {
  display: none
}

.newslist span {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  display: block;
  width: 50px;
  height: 50px;
  font-size: 16px;
  padding: 5px;
  margin-right: 10px;
  color: #2460A2;
  line-height: 1.2;
  border-left: 1px solid #2460A2;
  border-top: 1px solid #2460A2;
  float: left;
  -webkit-clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%);
  clip-path: polygon(0% 0%, 75% 0%, 100% 50%, 75% 100%, 0% 100%)
}

.newslist time {
  font-size: 12px;
  float: right;
  margin-top: 15px;
  font-style: italic
}

.newslist time span {
  height: 30px;
  width: 30px;
  color: #3f3f3f;
  margin-right: 0;
  border: 0;
  font-family: Linearicons-Free;
  background-color: transparent
}

.newslist time span /.newslist time:before {
  display: block;
  width: 8px;
  height: 15px;
  background-color: #33A6B8;
  content: "";
  position: absolute;
  right: 90px;
  margin-top: 5px;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)
}

.board_bg:before {
  content: "";
  display: block;
  background-image: url(../images/demo/witewall_3.png);
  height: 750px;
  width: 110%;
  position: absolute;
  bottom: 400px !important;
  z-index: -100;
  left: -20px;
  transform: rotate(3deg)
}

.process_bg:before {
  content: "";
  display: block;
  background-image: url(../images/demo/witewall_3.png);
  height: 550px;
  width: 110%;
  position: absolute;
  bottom: 450px;
  z-index: -1;
  left: -10px;
  transform: rotate(-3deg)
}

.process h4 {
  font-size: 30px;
  margin-bottom: 30px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.process h4:before {
  content: "";
  display: block !important;
  width: 1px !important;
  height: 30px !important;
  background-color: #33A6B8;
  position: relative !important;
  z-index: 1 !important;
  left: 130px;
  top: 60px
}

.process h4:after {
  content: "";
  display: block !important;
  width: 60px !important;
  height: 1px !important;
  background-color: #33A6B8;
  position: relative !important;
  z-index: 1 !important;
  left: 90px
}

.process li {
  list-style-type: none;
  padding: 0 10px;
  margin: 0 0 10px;
  line-height: 2;
  border-bottom: 1px solid #ccc;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 16px
}

.process li:before {
  content: "\e802";
  display: block;
  font-weight: 700;
  width: 20px;
  height: 20px;
  position: absolute;
  float: left;
  left: -10px;
  font-family: 'Linearicons-Free'
}

.process h3 {
  padding: 0 10px;
  color: #2E77C9;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.process p {
  padding: 0 10px;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.process h2,
.process h5 {
  color: #666;
  letter-spacing: 1px;
  font-size: 30px;
  font-weight: initial;
  font-family: 'Abril Fatface', cursive;
  font-style: italic
}

.process h2:after,
.process h5:after {
  content: "";
  display: block;
  position: absolute;
  width: 70%;
  height: 1px;
  background-color: #2E77C9;
  left: 55px;
  top: 70px
}

.process h2:before,
.process h5:before {
  content: '';
  position: absolute;
  left: 55px;
  top: 40px;
  display: block;
  width: 1px;
  height: 30px;
  background-color: #2E77C9
}

.process .title h2 {
  font-style: initial;
  font-weight: 700
}

.process .title h2:before {
  display: none
}

.process .title h2:after {
  transform: rotate(-35deg);
  left: 120px;
  top: 170px
}

.about_line:after {
  content: "";
  display: block;
  width: 100px;
  height: 1px;
  background-color: #2E77C9;
  position: relative;
  z-index: 1;
  left: 90px;
  transform: rotate(-25deg);
  margin: 0 auto
}

.text h1,
.text .text__inner {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-shadow: 3px -1px 1px #666
}

.text_box {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.text_box strong {
  color: #2E77C9
}

.text_box .title {
  display: block;
  margin-right: 20px
}

.house .text_box p {
  text-align: left;
  margin: 5px 0
}

.house .text_box li {
  text-align: left
}

.house .text_box ol {
  display: block;
  width: 75%;
  margin: 0 auto;
  padding: 10px 0 25px;
  border: 1px solid #eee
}

.house .text_box ol li {
  display: inline-block;
  width: auto;
  text-align: center;
  margin: 0 25px;
  font-size: 25px;
  color: #C3DCF8
}

.house .text_box ol li:before {
  content: "\e82f";
  display: block;
  width: 20px;
  font-family: "Linearicons-Free";
  position: relative;
  left: -30px;
  top: 20px;
  height: 20px;
  color: #fff
}

.text_box p {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 18px;
  display: block
}

.text_box h2,
.text_box h5 {
  display: block;
  float: left;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 70px;
  text-align: left;
  line-height: 1.2
}

.text_box p.hightlight {
  padding: 20px 40px
}

.text_box p.hightlight:before {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  right: -0;
  float: right;
  top: -20px;
  border-right: 1px solid #33A6B8;
  border-top: 1px solid #33A6B8
}

.text_box p.hightlight:after {
  content: "";
  display: block;
  width: 30px;
  height: 30px;
  position: relative;
  left: -20px;
  border-left: 1px solid #33A6B8;
  border-bottom: 1px solid #33A6B8
}

.text_box h4,
.text_box h3 {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 25px;
  text-align: left;
  margin-top: 30px
}

.text_box h3:before {
  content: "";
  display: block;
  background-color: #2E77C9;
  width: 5px;
  height: 20px;
  position: relative;
  left: -15px;
  top: 35px
}

.sportsmagazine-contact-us-text h4.line:after {
  content: "";
  width: 50px;
  height: 2px;
  display: block;
  margin: 0 auto;
  background-color: #03c302
}

.right {
  float: right
}

.navbar-default .navbar-toggle {
  border-color: #fff
}

.navbar-default .navbar-toggle .icon-bar {
  background-color: #fff
}

.bmw img {
  width: 40%;
  position: absolute;
  right: -150px;
  bottom: -100px
}

.bg_1:before {
  content: "";
  background-image: url(../images/demo/witewall_3.png);
  display: block;
  height: 900px;
  width: 120%;
  left: -150px;
  bottom: 590px;
  transform: rotate(2deg);
  z-index: -1;
  position: absolute
}

.bg_2 {
  background-image: url();
  z-index: -2
}

.text h1,
.text .text__inner {
  color: #fff;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 58px
}

section.processbg {
  z-index: -1
}

.earing img {
  width: 35%
}

.earing {
  width: 70%;
  right: -65%;
  bottom: 18% !important;
  height: auto;
  position: absolute
}

.pig img {
  width: 90%
}

.pig {
  width: 70%;
  left: -45%;
  bottom: -5%;
  height: auto;
  position: absolute
}

.wp-caption.alignleft,
.wp-caption.alignnone {
  width: 100%
}

select {
  background-color: #f0eef0;
  border: 1px solid #dfdfdf;
  color: #666;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: 300;
  height: 40px;
  padding: 8px 12px;
  width: 100%
}

label {
  color: #6c8391;
  display: block;
  font-weight: 400;
  margin-bottom: 10px
}

button {
  border: none
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
  background-color: #f2f2f2;
  border: none;
  box-sizing: border-box;
  color: #aaa9a9;
  display: inline-block;
  font-size: 13px;
  height: 30px;
  line-height: 20px;
  outline: none;
  padding: 4px 6px;
  vertical-align: middle;
  box-shadow: none
}

input[type="submit"] {
  outline: none
}

form p {
  float: left;
  position: relative
}

form p span i {
  color: #474747;
  left: 16px;
  position: absolute;
  top: 13px
}

option {
  padding: 5px 15px
}

li {
  line-height: 28px;
  list-style: inside none disc
}

ul ul {
  margin-left: 20px
}

ol {
  float: none;
  list-style: outside none decimal;
  padding-left: 15px
}

ol ol {
  margin-left: 20px
}

ol li {
  list-style: outside none decimal;
  width: 100%
}

table {
  background-color: transparent;
  max-width: 100%
}

th {
  text-align: left
}

table {
  margin-bottom: 15px;
  width: 100%
}

table>thead>tr>th,
table>tbody>tr>th,
table>tfoot>tr>th,
table>thead>tr>td,
table>tbody>tr>td,
table>tfoot>tr>td {
  border: 1px solid #ddd;
  padding-left: 3px;
  text-align: center;
  vertical-align: top
}

table thead tr th {
  border-top: 1px solid #ddd;
  text-align: center;
  text-transform: capitalize
}

.table>caption+thead>tr:first-child>th,
.table>colgroup+thead>tr:first-child>th,
.table>thead:first-child>tr:first-child>th,
.table>caption+thead>tr:first-child>td,
.table>colgroup+thead>tr:first-child>td,
.table>thead:first-child>tr:first-child>td {
  border-top: 1px solid #ddd
}

table>thead>tr>th {
  border-bottom: 2px solid #ddd;
  vertical-align: bottom
}

table>caption+thead>tr:first-child>th,
table>colgroup+thead>tr:first-child>th,
table>thead:first-child>tr:first-child>th,
table>caption+thead>tr:first-child>td,
table>colgroup+thead>tr:first-child>td,
table>thead:first-child>tr:first-child>td {
  border-bottom: 0 none
}

table>tbody+tbody {
  border-top: 2px solid #ddd
}

.table>thead>tr>th,
.table>tbody>tr>th,
.table>tfoot>tr>th,
.table>thead>tr>td,
.table>tbody>tr>td,
.table>tfoot>tr>td {
  padding: 6px 10px
}

p ins {
  color: #999
}

dl dd {
  margin-left: 20px
}

address {
  font-style: italic
}

.sticky {
  position: fixed;
  top: 0
}

.topleft {
  position: relative;
  float: left;
  display: inline-block;
  height: 30px;
  overflow: hidden;
  padding: 0 10px;
  text-align: left;
  margin-top: 10px
}

.scrollAD>div {
  display: block;
  clear: both;
  animation: slide_03 15s 3s infinite
}

.scrollAD div h5 {
  display: block;
  width: 100%;
  text-align: right;
  margin: 0;
  padding: 0;
  line-height: 30px;
  text-transform: uppercase;
  font-family: 'Noto Sans TC', "微軟正黑體", Arial;
  font-size: 16px;
  color: #fff
}

@keyframes slide_03 {
  0% {
    margin-top: 0
  }

  25% {
    margin-top: -30px
  }

  33% {
    margin-top: -30px
  }

  55% {
    margin-top: -60px
  }

  66% {
    margin-top: -60px
  }

  95% {
    margin-top: 0
  }

  100% {
    margin-top: 0
  }
}

.navbar-default .navbar-toggle span.icon-bar:hover,
.navbar-default .navbar-toggle span.icon-bar:focus {
  background-color: #C3DCF8
}

.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
  border-color: #C3DCF8;
  background-color: transparent
}

.sportsmagazine-main-content.bg_1 {
  padding: 60px 0 130px;
  display: block;
  width: 100%;
  float: left;
  margin-bottom: 80px
}

.sportsmagazine-main-content.bg_2 {
  padding: 20px 0;
  /*margin-top: 50px*/
}

.sportsmagazine-right-section {
  float: right
}

.sportsmagazine-left-section {
  float: left
}

.sportsmagazine-main-wrapper {
  float: left;
  overflow: hidden;
  width: 100%
}

#sportsmagazine-header {
  float: left;
  width: 100%;
  position: relative;
  z-index: 1000
}

.sportsmagazine-header-one {
  float: left;
  width: 100%;
  background: #3db8cc
}

.sportsmagazine-topstrip {
  float: left;
  width: 100%;
  border-bottom: 1px solid #81c7d4
}

.sportsmagazine-social-network {
  float: left
}

.sportsmagazine-social-network li {
  float: left;
  list-style: none;
  margin: 1px 16px 9px 0
}

.sportsmagazine-social-network li a {
  color: #b5b2b2;
  font-size: 17px
}

.sportsmagazine-user-section {
  float: right
}

.sportsmagazine-user-section span {
  color: #fff;
  font-size: 18px;
  display: block;
  float: left;
  font-weight: 500;
  padding: 15px;
  background-color: #81c7d4;
  -webkit-clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%);
  clip-path: polygon(25% 0%, 100% 0%, 75% 100%, 0% 100%)
}

.sportsmagazine-user-section>li {
  float: left;
  list-style: none;
  font-size: 13px
}

.sportsmagazine-user-section li:last-child {
  margin-right: 0
}

.sportsmagazine-user-section li a {
  color: #fff;
  font-size: 16px;
  letter-spacing: 1px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  line-height: 2.8
}

.sportsmagazine-user-section li i {
  font-size: 14px;
  margin: 7px 13px 0 0;
  float: left;
  color: #81C7D4
}

.sportsmagazine-main-header {
  float: left;
  width: 100%
}

.sportsmagazine-logo {
  float: left;
  padding: 10px 0 0;
  position: relative;
  z-index: 10000
}

.yellow {
  color: #C3DCF8 !important
}

.navbar {
  background: none;
  border: none;
  float: left;
  margin-bottom: 0;
  text-align: left
}

.navbar-nav>li {
  margin: 20px 15px 10px;
  padding-right: 30px
}

.navbar-nav>li:hover a {
  color: #C3DCF8
}

.navbar-nav>li span {
  margin-right: 5px;
  display: block;
  text-align: center;
  color: #666;
  font-size: 10px;
  text-transform: uppercase;
  font-family: 'Playfair Display', serif
}

.navbar-nav>li>a {
  font-size: 18px;
  font-weight: 500;
  color: #191919;
  padding: 0;
  text-transform: uppercase;
  position: relative;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.navbar-nav>li>a:hover {
  color: #C3DCF8
}

.navbar-nav>li.active a {
  color: #C3DCF8
}

.navbar-nav>li>a:before {
  content: '';
  position: absolute;
  left: 0;
  top: -20px;
  width: 100%;
  height: 1px;
  opacity: 0;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg)
}

.navbar-nav>li:hover>a:before,
.navbar-nav>li.active>a:before {
  top: -8px;
  opacity: 1
}

.navbar-nav>li:hover>a:after,
.navbar-nav>li.active>a:after {
  bottom: -8px;
  opacity: 1
}

.navbar-nav>li>a:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -20px;
  width: 100%;
  opacity: 0;
  height: 1px;
  -webkit-transform: rotate(-4deg);
  -moz-transform: rotate(-4deg);
  -ms-transform: rotate(-4deg);
  -o-transform: rotate(-4deg);
  transform: rotate(-4deg)
}

.navbar-nav>li:first-child>a {
  padding-left: 0
}

.navbar-nav>li:last-child>a {
  padding-right: 0
}

.navbar-nav li:hover>.sportsmagazine-dropdown-menu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
  visibility: visible
}

.sportsmagazine-dropdown-menu {
  background-color: #fff;
  border: 1px solid #e4e7ed;
  left: 0;
  margin: 0;
  opacity: 0;
  position: absolute;
  top: 100%;
  -webkit-transform: translateY(40px);
  -moz-transform: translateY(40px);
  -ms-transform: translateY(40px);
  -o-transform: translateY(40px);
  transform: translateY(40px);
  -webkit-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -moz-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -ms-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -o-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  visibility: hidden;
  width: 240px;
  z-index: 99
}

.sportsmagazine-dropdown-menu .sportsmagazine-dropdown-menu {
  left: 100%;
  top: 0
}

.sportsmagazine-dropdown-menu li {
  float: left;
  list-style: none;
  position: relative;
  width: 100%
}

.sportsmagazine-dropdown-menu li a {
  border-bottom: 1px solid #e4e7ed;
  color: #3db8cc !important;
  float: left;
  display: block;
  width: 100%;
  height: auto;
  font-size: 14px;
  font-weight: initial;
  text-transform: uppercase;
  padding: 10px 30px;
  width: 100%;
  font-family: Nunito, "Noto Sans TC", 微軟正黑體, sans-serif
}

.sportsmagazine-dropdown-menu li:hover {
  border-bottom: 2px solid #81c7d4;
  transition: all 500ms ease 0;
  width: 100%;
  display: block;
  height: auto
}

.sportsmagazine-dropdown-menu li:after {
  content: "";
  display: block;
  background-color: #e4e7ed;
  width: 10px;
  height: 15px;
  left: 0;
  bottom: 0;
  position: absolute;
  -webkit-clip-path: polygon(0 0, 0 99%, 100% 100%);
  clip-path: polygon(0 0, 0 99%, 100% 100%)
}

.sportsmagazine-dropdown-menu li:hover:after {
  background-color: #81c7d4
}

.sportsmagazine-dropdown-menu>li.subdropdown-addicon>a:after {
  content: "\f105";
  font-family: FontAwesome;
  position: absolute;
  right: 30px;
  top: 10px;
  font-weight: 300
}

.sportsmagazine-dropdown-menu>li:hover>a {
  background-color: #fafafb
}

.sportsmagazine-dropdown-menu li:last-child a {
  border: none
}

#sportsmagazine-header .container {
  position: relative
}

.nav>li.sportsmagazine-megamenu-li,
#sportsmagazine-header [class*="col-md-"] {
  position: static
}

.sportsmagazine-megamenu {
  position: absolute;
  left: 0;
  top: 100%;
  width: 100%;
  background-color: #fff;
  padding: 28px 40px;
  margin: 0;
  opacity: 0;
  visibility: hidden;
  z-index: 10;
  -webkit-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -moz-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -ms-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -o-transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  transition: all .6s cubic-bezier(0.68, -1, 0.265, 2);
  -webkit-transform: translateY(50px);
  -moz-transform: translateY(50px);
  -ms-transform: translateY(50px);
  -o-transform: translateY(50px);
  transform: translateY(50px)
}

.navbar-nav>li:hover .sportsmagazine-megamenu {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px)
}

.sportsmagazine-megamenu li {
  list-style: none
}

.sportsmagazine-megamenu li h5 {
  text-transform: uppercase;
  font-size: 12px;
  font-weight: 700;
  color: #27282a;
  margin-bottom: 18px
}

.sportsmagazine-megamenu li h4 {
  text-transform: uppercase;
  margin-bottom: 26px;
  font-weight: 600;
  color: #27282a
}

.sportsmagazine-thumbnail {
  display: block;
  margin-bottom: 20px
}

.sportsmagazine-thumbnail img {
  width: 100%
}

.navbar-collapse.collapse {
  display: block
}

.sportsmagazine-megalist {
  float: left;
  width: 100%;
  margin: 10px 0 0
}

.sportsmagazine-megalist li {
  float: left;
  width: 100%;
  list-style: none
}

.sportsmagazine-megalist li:first-child a {
  padding-top: 0
}

.sportsmagazine-megalist li a {
  float: left;
  width: 100%;
  border-bottom: 1px solid #e4e7ed;
  padding: 9px 0;
  text-transform: uppercase;
  position: relative;
  color: #31404b;
  font-size: 12px;
  font-weight: 600
}

.sportsmagazine-megalist li:last-child a {
  border-bottom: none
}

.sportsmagazine-mega-text p {
  margin-bottom: 30px
}

.sportsmagazine-search-btn {
  float: right;
  padding: 46px 0 47px;
  color: #fff;
  margin-left: 18px
}

.searchmodal {
  background: url(images/search-modal-bg.html);
  background-size: cover;
  background-repeat: no-repeat
}

.searchmodal .modal-dialog {
  width: 100%;
  margin: 0 auto;
  margin-top: 300px
}

.sportsmagazine-search-box {
  position: relative
}

.sportsmagazine-search-box,
.sportsmagazine-search-box input[type="text"] {
  float: left;
  width: 100%
}

.sportsmagazine-search-box input[type="text"] {
  border: none;
  border-bottom: 1px solid #474747;
  background-color: transparent;
  color: #b9b9b9;
  font-size: 70px;
  height: 113px;
  font-weight: 700;
  padding: 0 0 24px
}

.sportsmagazine-search-box i {
  position: absolute;
  right: 0;
  top: 21px;
  z-index: 2;
  font-size: 57px;
  color: #b9b9b9
}

.sportsmagazine-search-box input[type="submit"] {
  position: absolute;
  right: 0;
  top: 0;
  width: 100px;
  height: 100px;
  background-color: transparent;
  border: none;
  z-index: 6
}

.sportsmagazine-modal-close {
  position: absolute;
  right: 0;
  top: 0;
  font-size: 30px;
  color: #84701c;
  padding: 15px 22px 0 0;
  -webkit-transition: all .6s ease-in-out;
  -moz-transition: all .6s ease-in-out;
  -ms-transition: all .6s ease-in-out;
  -o-transition: all .6s ease-in-out;
  transition: all .6s ease-in-out
}

.sportsmagazine-modal-close i {
  position: relative
}

.sportsmagazine-modal-close:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-top: 135px solid;
  border-left: 135px solid transparent
}

.loginmodal .modal-dialog {
  width: 460px;
  margin-top: 150px
}

.sportsmagazine-login-box {
  float: left;
  width: 100%;
  background-color: #28292b;
  padding: 31px 40px 33px
}

.sportsmagazine-login-box h4 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  padding-bottom: 8px;
  border-bottom: 1px solid #37383a;
  margin-bottom: 30px
}

.sportsmagazine-login-box form {
  margin-bottom: 31px
}

.sportsmagazine-login-box form,
.sportsmagazine-login-box form input[type='text'],
.sportsmagazine-login-box form input[type='password'] {
  float: left;
  width: 100%
}

.sportsmagazine-login-box form input[type='text'],
.sportsmagazine-login-box form input[type='password'] {
  background-color: #232323;
  padding: 6px 20px;
  height: 40px;
  font-size: 12px;
  color: #8e8e8e;
  font-style: italic;
  margin-bottom: 15px
}

.sportsmagazine-login-box form a {
  color: #999;
  font-size: 14px;
  float: right;
  border-bottom: 1px solid #37383a;
  line-height: 1;
  margin-top: 5px;
  margin-bottom: 15px
}

.sportsmagazine-login-box form label {
  float: left;
  position: relative;
  margin-bottom: 0
}

.sportsmagazine-login-box form label:before {
  content: '';
  position: absolute;
  right: -3px;
  top: 38%;
  border-top: 5px solid transparent;
  border-left: 6px solid #28292b;
  border-bottom: 5px solid transparent;
  z-index: 1
}

.sportsmagazine-login-box form label:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 38%;
  border-top: 5px solid transparent;
  border-left: 6px solid;
  border-bottom: 5px solid transparent;
  z-index: 0
}

.sportsmagazine-login-box form input[type='submit'] {
  float: left;
  background-color: transparent;
  border: 1px solid;
  font-size: 15px;
  font-weight: 700;
  padding: 10px 25px 12px;
  line-height: 1
}

.login-network {
  margin: 0 -5px
}

.login-network li {
  float: left;
  width: 33.333%;
  padding: 0 5px;
  list-style: none;
  margin-bottom: 20px
}

.login-network li a {
  float: left;
  width: 100%;
  background-color: #47619c;
  font-size: 12px;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
  padding: 5px 15px
}

.login-network li a i {
  float: left;
  font-size: 14px;
  margin: 7px 13px 0 0
}

.sportsmagazine-login-box p {
  float: left;
  width: 100%;
  text-align: center;
  font-size: 12px;
  color: #fff;
  margin: 5px 0 0
}

.sportsmagazine-login-box p a {
  text-transform: uppercase
}

.login-network li.sportsmagazine-twitter a {
  background-color: #02aaf1
}

.login-network li.sportsmagazine-google-plus a {
  background-color: #eb6250
}

.sportsmagazine-login-close {
  position: absolute;
  right: -24px;
  top: -24px;
  width: 59px;
  height: 59px;
  background-color: #28292b;
  border-radius: 100%;
  text-align: center;
  padding-top: 16px
}

.sportsmagazine-cart-box {
  position: absolute;
  right: 0;
  top: 100%;
  background-color: #fff;
  padding: 32px 38px;
  width: 354px;
  z-index: 50;
  margin: 4px 0 0;
  display: none
}

.sportsmagazine-cart-box h2 {
  font-size: 20px;
  margin-bottom: 24px;
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 11px
}

.sportsmagazine-cart-box ul {
  margin: 0
}

.sportsmagazine-cart-box ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin-bottom: 20px;
  padding-bottom: 20px;
  border-bottom: 1px solid #f4f4f4
}

.sportsmagazine-cart-box ul li:last-child {
  border-bottom: none
}

.sportsmagazine-cart-box ul li figure {
  float: left;
  width: 90px;
  margin-bottom: 0;
  z-index: 1
}

.sportsmagazine-cart-box ul,
.sportsmagazine-cart-box p,
.sportsmagazine-cart-link,
.widget_cartbox ul {
  float: left;
  width: 100%
}

.sportsmagazine-cartbox-text {
  position: relative
}

.sportsmagazine-cart-box ul li figure~.sportsmagazine-cartbox-text,
.widget_cartbox ul li figure~.sportsmagazine-cartbox-text {
  padding-left: 110px
}

.sportsmagazine-cartbox-text h6 a {
  color: #6c8391
}

.sportsmagazine-cartbox-text h6 {
  margin-bottom: 2px;
  font-weight: 400;
  font-size: 15px
}

.sportsmagazine-cartbox-price {
  display: block;
  font-size: 15px;
  line-height: 1
}

.sportsmagazine-cartbox-text small {
  color: #bdbdbd;
  font-size: 15px;
  margin-left: 4px;
  text-decoration: line-through
}

.sportsmagazine-close-cart {
  position: absolute;
  right: -16px;
  top: -2px;
  font-size: 16px;
  color: #dadada
}

.sportsmagazine-cart-box h5,
.widget_cartbox h5 {
  border-bottom: 1px solid #f4f4f4;
  padding-bottom: 13px;
  margin-bottom: 29px
}

.sportsmagazine-cart-box h5 span,
.widget_cartbox h5 span {
  float: right
}

.sportsmagazine-cart-link {
  text-align: center
}

.sportsmagazine-cartbox-btn {
  display: inline-block;
  background-color: #f3f3f3;
  font-size: 14px;
  color: #6d8492;
  line-height: 1;
  padding: 10px 20px;
  margin-bottom: 2px
}

.sportsmagazine-cartbox-btn i {
  margin-right: 11px
}

.sportsmagazine-cartbox-btn:hover {
  color: #fff
}

.sportsmagazine-rating {
  display: inline-block;
  height: 16px;
  line-height: 16px;
  position: relative;
  width: 85px
}

.sportsmagazine-rating:before,
.sportsmagazine-rating-box:before {
  color: #ffb400;
  content: "\f006 \f006 \f006 \f006 \f006";
  font-family: FontAwesome;
  font-size: 14px;
  left: 0;
  letter-spacing: 4px;
  position: absolute;
  top: 0
}

.sportsmagazine-rating-box:before {
  content: "\f005 \f005 \f005 \f005 \f005";
  color: #ffb400
}

.sportsmagazine-rating-box {
  height: 16px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0
}

.sportsmagazine-topstrip-two {
  float: left;
  width: 100%
}

.sportsmagazine-topstrip-two span.phone {
  margin-top: 2px;
  font-size: 20px
}

.sportsmagazine-topstrip-two span {
  color: #fff;
  float: left;
  position: relative;
  padding: 9px 5px 0;
  font-size: 18px;
  margin-left: 0
}

.sportsmagazine-topstrip-two span.service {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-topstrip-two span img {
  width: 40px
}

.sportsmagazine-topstrip-two span small {
  font-size: 14px;
  margin-right: 8px
}

.sportsmagazine-topstrip-two span small,
.sportsmagazine-topstrip-two span i {
  position: relative;
  color: #fff
}

.sportsmagazine-ticker-slide {
  padding: 8px 0 0
}

.sportsmagazine-ticker-slide-text {
  font-size: 18px;
  color: #fff
}

ul.sportsmagazine-user-link {
  margin-right: 20px
}

.sportsmagazine-user-link {
  float: right
}

.sportsmagazine-user-link li {
  float: left;
  list-style: none;
  margin: 0 15px 0 0
}

.sportsmagazine-user-link li .fb {
  width: 31px
}

.sportsmagazine-user-link li path {
  fill: #C3DCF8
}

.sportsmagazine-user-link li img {
  width: 30px
}

.sportsmagazine-user-link li i {
  float: left;
  font-size: 15px;
  margin: 7px 14px 0 0;
  color: #85711c
}

.sportsmagazine-user-link li:last-child i {
  margin-right: 0
}

.sportsmagazine-user-link li a {
  font-size: 18px;
  color: #fff;
  line-height: 2.5;
  font-family: "Noto Sans TC", 微軟正黑體, sans-serif
}

.sportsmagazine-header-two .sportsmagazine-main-header {
  box-shadow: -4px 5px 9px #9f9f9f;
  -webkit-box-shadow: -4px 5px 9px #9f9f9f;
  -moz-box-shadow: -4px 5px 9px #9f9f9f;
  background-color: #fff
}

.sportsmagazine-logo-two {
  float: left;
  margin: 20px 0
}

@media (max-width: 480px) {
  ul.sportsmagazine-user-link {
    margin-right: 0;
    text-align: center;
    float: left;
    width: 100%;
  }

  .contact-medialink {
    display: flex;
    justify-content: center;
  }

  .sportsmagazine-user-link li {
    display: inline-block;
    float: unset;
  }

  .contactus_infotext {
    padding: 10px 0;
  }
}

.header-info {
  padding-left: 48px
}

.header-info li {
  float: left;
  width: 33.333%;
  list-style: none;
  line-height: 1.4;
  padding: 23px 0 24px
}

.header-info li i {
  float: left;
  font-size: 32px;
  color: #fff;
  margin: 10px 30px 0 0
}

.header-info li span {
  color: #fff;
  font-size: 20px
}

.header-info li a,
.header-info li small {
  color: #b5b2b2;
  display: block;
  font-size: 14px
}

.sportsmagazine-header-two .navbar-default {
  width: 100%;
  border-radius: 0;
  padding-left: 12px
}

.sportsmagazine-banner {
  overflow: hidden
}

.sportsmagazine-header-two .navbar-nav>li:after {
  content: "";
  display: block;
  width: 1px;
  height: 40px;
  position: absolute;
  background-color: #ccc;
  z-index: 100;
  right: 0;
  bottom: 5px;
  transform: rotate(15deg)
}

.sportsmagazine-header-two .navbar-nav>li>a:before,
.sportsmagazine-header-two .navbar-nav>li>a:after {
  display: none
}

.sportsmagazine-banner-one,
.sportsmagazine-banner,
.sportsmagazine-banner-one-layer {
  float: left;
  width: 100%
}

.sportsmagazine-banner-one-layer {
  position: relative
}

.sportsmagazine-banner-pattren {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.sportsmagazine-banner-caption {
  position: absolute;
  left: 0;
  top: 230px;
  width: 100%
}

.sportsmagazine-banner-wrap .button a {
  font-size: 20px;
  color: #fff;
  border: 1px solid #fff;
  outline: none;
  margin: 0 15px
}

.sportsmagazine-banner-wrap .button a.btn-style-two {
  padding: 10px 5px;
  margin-top: 15px
}

.banner_contact {
  margin-top: 350px
}

.banner_contact p {
  color: #fff;
  font-size: 25px
}

.sportsmagazine-banner-wrap {
  margin-left: 50px
}

.sportsmagazine-banner-wrap small {
  text-align: center;
  width: 100%;
  display: block;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  text-shadow: 1px 2px 5px #333
}

.sportsmagazine-banner-wrap:before {
  content: "";
  height: 60px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  top: 80px;
  left: 180px;
  transform: rotate(30deg);
  display: block;
  z-index: 100000
}

.sportsmagazine-banner-wrap:after {
  content: "";
  height: 60px;
  width: 2px;
  background-color: #fff;
  position: absolute;
  top: 90px;
  right: 220px;
  transform: rotate(30deg);
  display: block;
  z-index: 100000
}

.sportsmagazine-banner-wrap h2 {
  font-family: "Noto Sans TC", 微軟正黑體, sans-serif;
  font-size: 70px;
  text-align: center;
  margin-right: 30px;
  padding-top: 30px;
  color: #Fff;
  font-weight: 700;
  text-shadow: 1px 2px 5px #333
}

.sportsmagazine-banner-wrap strong {
  color: #C3DCF8
}

.sportsmagazine-banner-thumb {
  float: left;
  width: 50%
}

.sportsmagazine-banner-thumb img {
  float: right
}

.sportsmagazine-banner-wrap h1 {
  font-size: 90px;
  color: #fff;
  font-weight: 700;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 28px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-shadow: 3px 2px 3px #333
}

.banner2 {
  margin-top: 100px
}

.line {
  width: 40%;
  height: 1px;
  display: block;
  margin: 20px auto 0;
  background-color: #fff
}

.banner2 .sportsmagazine-banner-wrap:after,
.banner2 .sportsmagazine-banner-wrap:before {
  display: none
}

.banner2 strong {
  color: #C3DCF8
}

.banner2 small {
  width: 100%;
  display: block;
  text-align: center;
  color: #fff;
  font-size: 20px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-shadow: 2px 2px 7px #666
}

.banner2 h3 {
  text-align: center;
  font-size: 70px;
  color: #fff;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-shadow: 2px 2px 7px #666
}

.sportsmagazine-banner-wrap h1 span {
  font-size: 30px;
  display: block
}

.sportsmagazine-banner-wrap h1 span:last-child {
  text-align: right
}

.sportsmagazine-banner-wrap p {
  color: #fff;
  margin-bottom: 20px;
  text-align: center;
  font-size: 20px;
  margin-top: 40px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.blue_btn .sportsmagazine-banner-btn span:after,
.blue_btn .sportsmagazine-banner-btn span:before,
.blue_btn .sportsmagazine-banner-btn:after,
.blue_btn .sportsmagazine-banner-btn:before {
  border-left: 1px solid #3f3f3f
}

.blue_btn .sportsmagazine-banner-btn {
  color: #3f3f3f;
  border: 1px solid #3f3f3f;
  border-right: none;
  margin: 0 30px
}

.sportsmagazine-banner-btn {
  display: inline-block;
  color: #fff;
  font-weight: 700;
  border: 1px solid #fff;
  border-right: none;
  padding: 11px 19px 12px;
  line-height: 1;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  position: relative;
  margin: 0 20px;
  left: 20px;
  font-size: 18px
}

.sportsmagazine-banner-btn:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  border-left: 1px solid #fff;
  width: 1px;
  height: 15px
}

.sportsmagazine-banner-btn:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  border-left: 1px solid #fff;
  width: 1px;
  height: 15px
}

.sportsmagazine-banner-btn span {
  position: absolute;
  right: 0;
  top: 14px
}

.sportsmagazine-banner-btn span:before {
  content: '';
  position: absolute;
  left: 2px;
  top: 0;
  border-left: 1px solid #fff;
  width: 1px;
  height: 6px;
  -webkit-transform: rotate(-54deg);
  -moz-transform: rotate(-54deg);
  -ms-transform: rotate(-54deg);
  -o-transform: rotate(-54deg);
  transform: rotate(-54deg)
}

.sportsmagazine-banner-btn span:after {
  content: '';
  position: absolute;
  left: 2px;
  top: 4px;
  border-left: 1px solid #fff;
  width: 1px;
  height: 6px;
  -webkit-transform: rotate(-132deg);
  -moz-transform: rotate(-132deg);
  -ms-transform: rotate(-132deg);
  -o-transform: rotate(-132deg);
  transform: rotate(-132deg)
}

.sportsmagazine-fixture-slider,
.sportsmagazine-fixture-slider-layer time,
.sportsmagazine-fixture-slider-layer ul,
.sportsmagazine-fixture-slider-layer ul li {
  float: left;
  width: 100%
}

.sportsmagazine-fixture-slider {
  padding: 0 50px;
  position: relative;
  margin-bottom: 50px
}

.sportsmagazine-fixture-slider .slick-list {
  margin: 0 -5px
}

.sportsmagazine-fixture-slider-layer {
  padding: 0 5px 10px
}

.sportsmagazine-fixture-slider-layer ul {
  position: relative
}

.sportsmagazine-fixture-slider-layer ul:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -10px;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 10px solid
}

.sportsmagazine-fixture-slider-layer ul li.first-child {
  background-color: #27282a;
  color: #fff;
  position: relative;
  padding: 6px 20px
}

.sportsmagazine-fixture-slider-layer ul li.first-child:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  border-left: 80px solid transparent;
  border-right: 80px solid transparent;
  border-top: 6px solid #27282a
}

.sportsmagazine-fixture-slider-layer time {
  background-color: #292c31;
  font-size: 12px;
  color: #fff;
  text-align: center;
  padding: 10px 0
}

.sportsmagazine-fixture-slider-layer ul li {
  list-style: none;
  padding: 10px 20px 6px;
  font-size: 14px;
  color: #292c31;
  font-weight: 700
}

.sportsmagazine-fixture-slider-layer ul li span {
  float: right
}

.sportsmagazine-fixture-booked ul {
  text-align: center
}

.sportsmagazine-fixture-booked ul li.first-child small {
  float: left
}

.sportsmagazine-fixture-booked ul li:last-child {
  font-weight: 400
}

.sportsmagazine-fancy-title {
  float: left;
  width: 100%;
  padding: 17px 29px 0 0;
  margin-bottom: 10px
}

.sportsmagazine-fancy-title h3 {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #3f3f3f;
  margin-bottom: 30px;
  line-height: 1
}

.sportsmagazine-fancy-title h3:after {
  display: none;
  content: "";
  width: 1px;
  height: 30px;
  background-color: #2460A2;
  position: absolute;
  transform: rotate(15deg);
  z-index: 10;
  top: 30px;
  left: 120px
}

.sportsmagazine-fancy-title h2 {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 28px;
  font-weight: 700;
  color: #3f3f3f;
  margin-bottom: 30px;
  line-height: 1;
  position: relative;
}

.sportsmagazine-fancy-title h2:after {
  display: none;
  content: "";
  width: 1px;
  height: 30px;
  background-color: #2460A2;
  position: absolute;
  transform: rotate(15deg);
  z-index: 10;
  top: 12px;
  left: 107px;
}

.sportsmagazine-fancy-title h2 img {
  width: 40px;
  height: auto;
  margin-right: 10px;
  margin-bottom: 10px
}

.sportsmagazine-featured-slider,
.sportsmagazine-featured-slider-layer {
  float: left;
  width: 100%;
  position: relative
}

.sportsmagazine-featured-slider {
  padding-bottom: 40px;
  padding-top: 40px
}

.sportsmagazine-black-transparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .5
}

.sportsmagazine-featured-caption {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 60%;
  padding: 0 0 25px 30px
}

.sportsmagazine-featured-caption h2 {
  font-weight: 700;
  color: #fff;
  margin-bottom: 4px;
  text-transform: uppercase;
  line-height: 1.3;
  text-align: left;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-featured-caption span {
  font-size: 12px;
  font-weight: 600;
  float: left
}

.sportsmagazine-match-result {
  float: left;
  width: 100%;
  background: url(images/match-result-bg.html);
  background-repeat: no-repeat;
  background-color: #292c31;
  margin-bottom: 40px
}

.sportsmagazine-match-title {
  float: left;
  width: 100%;
  text-align: center;
  padding: 31px 0 23px
}

.sportsmagazine-match-title h4 {
  color: #292c31;
  margin-bottom: 3px;
  font-weight: 600
}

.sportsmagazine-match-title span {
  color: #292c31;
  font-size: 14px
}

.sportsmagazine-match-result ul {
  float: left;
  width: 100%
}

.sportsmagazine-match-result ul li {
  float: left;
  width: 26%;
  list-style: none;
  text-align: center;
  padding-bottom: 51px;
  position: relative
}

.sportsmagazine-match-result ul li h5 {
  color: #fff;
  font-weight: 700;
  margin-bottom: 7px;
  position: relative
}

.sportsmagazine-match-result ul li p {
  font-size: 28px;
  margin-bottom: 0;
  color: #fff;
  font-weight: 700;
  position: relative
}

.sportsmagazine-match-result ul li.sportsmagazine-match-score {
  width: 47%;
  padding: 75px 0 0
}

.sportsmagazine-match-result ul li.sportsmagazine-match-score small {
  font-size: 35px;
  font-weight: 700;
  margin: 0 7px
}

.sportsmagazine-match-result ul li img {
  margin-bottom: 17px
}

.sportsmagazine-match-result ul li h4 {
  font-weight: 700;
  margin-bottom: 1px;
  line-height: 1
}

.sportsmagazine-match-result ul li span {
  font-size: 13px;
  color: #fff
}

.sportsmagazine-match-result ul li h4 a {
  color: #fff
}

.sportsmagazine-blog,
.sportsmagazine-blog-grid figure,
.sportsmagazine-blog-grid figure img,
.sportsmagazine-blog-grid section {
  float: left;
  width: 100%
}

.sportsmagazine-blog-grid figure>a {
  width: 120px;
  margin: 10px auto
}

.sportsmagazine-blog ul li {
  list-style: none
}

.sportsmagazine-blog>ul>li {
  margin-bottom: 10px
}

.sportsmagazine-blog-grid figure {
  margin-bottom: 0;
  overflow: hidden;
  background-color: #fff
}

.sportsmagazine-blog-grid figure h2 a {
  color: #2460A2;
  font-family: "Noto Sans TC", "微軟正黑體", "Dosis", sans-serif;
  padding: 10px 10px 0;
  width: 80%;
  float: right;
  font-size: 16px;
  font-weight: initial;
  clear: both
}

.sportsmagazine-blog-grid figure p {
  clear: both;
  padding: 10px 15px 0;
  display: block;
  width: 100%;
  min-height: 90px;
  max-height: 90px;
  overflow: hidden;
  float: left;
  margin-bottom: 0;
  font-family: "Noto Sans TC", "微軟正黑體", "Dosis", sans-serif
}

.sportsmagazine-blog-grid figure:before {
  content: '';
  position: absolute;
  left: -50px;
  bottom: -58px;
  width: 200%;
  height: 100px;
  z-index: -1000;
  background-color: #f7f7f7;
  -webkit-transform: rotate(-7deg);
  -moz-transform: rotate(-7deg);
  -ms-transform: rotate(-7deg);
  -o-transform: rotate(-7deg);
  transform: rotate(-7deg)
}

.sportsmagazine-blog-grid figcaption {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  display: block;
  border-bottom: 1px solid #ccc
}

.sportsmagazine-blog-grid figcaption span {
  position: absolute;
  left: 20px;
  top: 20px;
  font-size: 11px;
  color: #3f3f3f
}

.sportsmagazine-blog-grid .sportsmagazine-the-league figcaption span:before {
  background-color: #eb4293
}

.sportsmagazine-blog-grid .sportsmagazine-the-league figcaption span small {
  margin: 15px 0 0
}

.sportsmagazine-blog-grid .sportsmagazine-the-team figcaption span:before {
  background-color: #f92552
}

.sportsmagazine-blog-grid .sportsmagazine-the-team figcaption span small {
  margin: 15px 0 0
}

.sportsmagazine-blog-grid figcaption span:before {
  content: '';
  position: absolute;
  left: -10px;
  width: 40px;
  height: 40px;
  display: block;
  background-color: #C3A98D;
  border: 1px solid #ccc;
  -webkit-clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%);
  clip-path: polygon(0% 15%, 15% 15%, 15% 0%, 85% 0%, 85% 15%, 100% 15%, 100% 85%, 85% 85%, 85% 100%, 15% 100%, 15% 85%, 0% 85%)
}

.sportsmagazine-blog-grid figcaption span small {
  font-size: 10px;
  position: relative;
  float: left;
  left: -10px;
  margin: 6px 0 0 4px;
  color: #fff;
  font-family: "Doris", sans-serif
}

.sportsmagazine-blog-grid section {
  background-color: #f7f7f7;
  padding: 19px 30px 0
}

.sportsmagazine-blog-grid section h2 {
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.1;
  margin-bottom: 19px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-blog-grid section h2 a {
  color: #33A6B8
}

.sportsmagazine-blog-grid section p {
  margin-bottom: 40px;
  min-height: 180px;
  max-height: 180px;
  overflow: hidden;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-blog-grid-options {
  float: left;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ececec;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  background-color: #f7f7f7;
  padding: 21px 30px 10px
}

.sportsmagazine-blog-grid-thumb {
  float: left;
  font-size: 10px;
  color: #555;
  text-transform: uppercase
}

.sportsmagazine-blog-grid-thumb img {
  float: left;
  width: 24px;
  border-radius: 100%;
  margin: 3px 10px 0 0
}

.sportsmagazine-blog-grid-options ul {
  float: right;
  margin: 0
}

.sportsmagazine-blog-grid-options ul li {
  float: left;
  margin: 0 0 10px 16px
}

.sportsmagazine-blog-grid-options ul li a {
  font-size: 11px;
  color: #888
}

.sportsmagazine-blog-grid-options ul li i {
  float: left;
  margin: 10px 9px 0 0;
  color: #888;
  font-size: 11px
}

.sportsmagazine-link-btn {
  border-right: :1px solid #2E77C9;
  text-align: center;
  width: 50px !important;
  height: 35px;
  clear: both;
  margin: 0 auto;
  display: block;
  font-size: 12px;
  color: #2E77C9;
  padding-top: 3px
}

.sportsmagazine-link-btn a {
  font-family: 'Abril Fatface', cursive
}

ul li:hover .sportsmagazine-link-btn {
  color: #2460A2;
  border-radius: 5px;
  background-color: transparent
}

.sportsmagazine-blog-list ul li {
  margin: 0;
  padding: 0
}

.sportsmagazine-blog-list-wrap,
.sportsmagazine-blog-list h3,
.sportsmagazine-blog-list time,
.sportsmagazine-blog-list p {
  float: left;
  width: 100%
}

ul li:last-child .sportsmagazine-blog-list-wrap {
  padding-bottom: 0;
  border-bottom: 1px solid #ccc
}

.sportsmagazine-blog-list-wrap {
  padding: 10px 10px 0;
  border-bottom: 1px solid #ccc;
  transition: all .4s ease-in-out
}

.sportsmagazine-blog-list span {
  float: left;
  font-size: 10px;
  color: #85711c;
  text-transform: uppercase;
  padding: 5px 8px;
  border-radius: 3px;
  background-color: #ffdc11;
  line-height: 1;
  margin-bottom: 14px
}

.sportsmagazine-blog-list ul {
  padding: 0
}

.sportsmagazine-blog-list li.playoffs span {
  background-color: #ff7e1f;
  color: #fff
}

.sportsmagazine-blog-list h3 {
  font-size: 15px;
  padding: 0 0 10px 30px;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
  margin-top: 0;
  max-width: 85%;
  overflow: hidden;
  max-height: 40px
}

.more {
  display: block;
  float: right;
  margin-top: 10px;
  font-family: 'Baloo Tammudu', cursive
}

.more:hover {
  color: #2460A2
}

.sportsmagazine-blog-list h3 a {
  color: #2460A2;
  font-weight: initial;
  font-family: "Noto Sans TC", "Dosis", sans-serif
}

.sportsmagazine-blog-list h3 a:hover {
  color: #2E77C9
}

.sportsmagazine-blog-list h3 a:before {
  content: "";
  border-bottom: 3px solid #3E3A39;
  display: block;
  width: 10px;
  height: 10px;
  position: relative;
  left: -20px;
  top: 10px
}

.sportsmagazine-blog-list time {
  color: #666;
  font-size: 10px;
  text-transform: uppercase;
  margin-bottom: 0;
  line-height: 1;
  font-family: "Dosis", sans-serif
}

.sportsmagazine-blog-list p {
  margin-bottom: 10px;
  min-height: 72px;
  max-height: 72px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  overflow: hidden
}

.sportsmagazine-add-banner {
  float: left;
  width: 100%;
  margin-bottom: 150px;
}

.sportsmagazine-add-banner:before {
  display: none;
  content: '';
  position: absolute;
  right: 30px;
  bottom: 0;
  width: 1px;
  height: 100px;
  z-index: 1;
  background-color: #C3A98D;
  transform: rotate(15deg)
}

.sportsmagazine-add-banner:after {
  display: none;
  content: '';
  position: absolute;
  right: 0;
  bottom: 30px;
  width: 300px;
  height: 1px;
  background-color: #C3A98D
}

.sportsmagazine-add-transparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.sportsmagazine-add-banner figcaption {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%
}

.sportsmagazine-add-banner figcaption:before {
  display: none;
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  width: 1px;
  height: 100px;
  transform: rotate(20deg)
}

.sportsmagazine-addbanner-caption {
  float: left;
  width: 100%;
  padding: 0px 30px;
}

.sportsmagazine-addbanner-caption h2 {
  color: #3f3f3f;
  font-size: 28px;
  margin-bottom: 22px;
  font-weight: 700;
  padding: 0 50px;
  line-height: 1.2;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-addbanner-caption h3 {
  color: #3f3f3f;
  font-size: 28px;
  margin-bottom: 22px;
  font-weight: 700;
  padding: 0 50px;
  line-height: 1.2;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-addbanner-caption p {
  font-size: 14px;
  color: #3f3f3f;
  padding: 0 50px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  margin-bottom: 27px
}

.sportsmagazine-player-slider {
  float: left;
  width: 100%;
  margin-bottom: 40px
}

.sportsmagazine-player-slider-image {
  float: left;
  width: 60%;
  background-color: #f7f7f7;
  border: 1px solid #ececec;
  border-right: none;
  text-align: center;
  position: relative
}

.sportsmagazine-player-slider-image:before {
  content: '';
  position: absolute;
  right: 6px;
  top: 7%;
  border-top: 20px solid transparent;
  border-right: 20px solid;
  border-bottom: 24px solid transparent
}

.sportsmagazine-player-slider-image img {
  display: inline-block;
  padding-top: 6px
}

.sportsmagazine-player-slider-caption {
  position: absolute;
  left: 0;
  bottom: 40px;
  text-align: left;
  background-color: #2a2b2d;
  width: 60%
}

.sportsmagazine-player-slider-caption:before {
  content: '';
  position: absolute;
  right: -40px;
  top: 0;
  border-top: 80px solid #2a2b2d;
  border-right: 40px solid transparent
}

.sportsmagazine-player-slider-caption span {
  float: left;
  width: 60px;
  height: 80px;
  background-color: #343638;
  font-size: 26px;
  font-weight: 700;
  color: #fff;
  text-align: center;
  position: relative;
  padding: 22px 0 0 2px
}

.sportsmagazine-player-slider-caption span:before {
  content: '';
  position: absolute;
  right: -30px;
  top: 0;
  border-top: 80px solid #343638;
  border-right: 30px solid transparent
}

.sportsmagazine-player-slider-caption span~section {
  margin-left: 113px;
  padding-top: 17px
}

.sportsmagazine-player-slider-caption h6 {
  text-transform: uppercase;
  font-weight: 700;
  margin-bottom: 2px
}

.sportsmagazine-player-slider-caption h6 a {
  color: #fff
}

.sportsmagazine-player-slider-caption small,
.sportsmagazine-player-nav-layer section small {
  font-size: 14px;
  color: #fff
}

.sportsmagazine-player-slider-nav {
  float: left;
  width: 40%;
  background-color: #2a2b2d;
  position: relative
}

.sportsmagazine-player-slider-nav:after {
  content: '';
  position: absolute;
  left: -21px;
  top: 0;
  border-bottom: 100px solid;
  border-left: 21px solid transparent
}

.sportsmagazine-player-slider-nav:before {
  content: '';
  position: absolute;
  left: -42px;
  top: 0;
  background: url(images/border-shape.html);
  background-repeat: no-repeat;
  width: 47px;
  height: 400px
}

.sportsmagazine-player-nav-layer {
  float: left;
  width: 100%;
  padding: 0 12px;
  border-bottom: 1px solid #4f4f4f;
  position: relative
}

.sportsmagazine-player-nav-layer span {
  float: left;
  width: 80px;
  height: 100px;
  font-size: 38px;
  color: #fff;
  font-weight: 700;
  background-color: #343638;
  text-align: center;
  padding-top: 22px
}

.sportsmagazine-player-nav-layer span~section {
  margin-left: 110px;
  padding-top: 26px
}

.sportsmagazine-player-nav-layer section h6 {
  color: #fff;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 2px
}

.sportsmagazine-player-nav-layer.slick-current.slick-active span {
  background-color: rgba(0, 0, 0, 0.05);
  color: #2a2b2d
}

.sportsmagazine-player-nav-layer.slick-current.slick-active section h6,
.sportsmagazine-player-nav-layer.slick-current.slick-active section small {
  color: #2a2b2d
}

.sportsmagazine-main-content .widget {
  float: left;
  width: 100%;
  margin-bottom: 40px
}

.sportsmagazine-main-content {
  background-repeat: no-repeat
}

.ranking-title-table {
  display: table;
  width: 100%;
  background-color: #f5f5f5;
  padding: 16px 0 15px 30px
}

.ranking-title-row {
  display: table-row
}

.ranking-title-table li:first-child {
  padding: 0
}

.ranking-title-table li:last-child {
  padding-right: 0
}

.ranking-title-table li {
  display: table-cell;
  list-style: none;
  color: #292c31;
  font-weight: 700;
  padding: 0 2px
}

.ranking-content-table {
  display: table;
  width: 100%;
  padding: 0 10px 0 17px
}

.ranking-content-row {
  display: table-row
}

.ranking-content-table li {
  display: table-cell;
  list-style: none;
  color: #292c31;
  vertical-align: middle;
  padding: 16px 13px 12px
}

.ranking-content-table img {
  float: left;
  width: 28px;
  margin: -4px 0 0
}

.ranking-content-table img~.ranking-logo {
  margin-left: 38px
}

.ranking-logo {
  line-height: 1
}

.ranking-logo span {
  display: block;
  line-height: 1
}

.ranking-logo small {
  font-size: 10px;
  color: #555
}

.ranking-content-table li:first-child {
  font-weight: 700;
  font-size: 16px;
  padding: 16px 7px 12px 13px
}

.ranking-content-table li:nth-child(2) {
  width: 47%
}

.ranking-content-table:nth-child(even) {
  background-color: #f5f5f5
}

.widget_popular_news ul,
.widget_popular_news ul li {
  float: left;
  width: 100%
}

.widget_popular_news ul li {
  list-style: none;
  background-color: #f7f7f7;
  padding: 20px 30px 15px;
  margin-bottom: 1px
}

.widget_popular_news ul li:last-child {
  margin-bottom: 0
}

.widget_popular_news ul li span {
  float: left;
  font-size: 45px;
  font-style: italic;
  font-weight: 700;
  color: #999;
  line-height: 1
}

.widget_popular_news ul li span~.popular_news_text {
  margin-left: 73px
}

.popular_news_text small {
  display: none;
  padding: 5px 8px 6px 9px;
  font-size: 10px;
  color: #85711c;
  text-transform: uppercase;
  background-color: #ffdc11;
  line-height: 1;
  border-radius: 3px;
  margin-bottom: 7px
}

.widget-injuries .popular_news_text small {
  background-color: #9e69ee;
  color: #fff
}

.widget-theleague .popular_news_text small {
  background-color: #f92552;
  color: #fff
}

.popular_news_text a {
  display: block;
  color: #292c31;
  font-weight: 700;
  margin-bottom: 0;
  text-transform: uppercase;
  line-height: 1.2
}

.popular_news_text time {
  font-size: 10px;
  color: #666;
  text-transform: uppercase
}

.widget_trending_news .nav-tabs {
  float: left;
  width: 100%;
  background-color: #27282a;
  padding: 0 16px;
  margin-bottom: 1px
}

.widget_trending_news .nav-tabs li {
  list-style: none;
  padding: 0 16px
}

.widget_trending_news .nav-tabs li a {
  float: left;
  color: #fff;
  font-weight: 700;
  padding: 11px 0 10px;
  position: relative
}

.widget_trending_news .nav-tabs li.active a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 2px
}

.widget_trending_news .nav-tabs li.active a:after {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -4px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-top: 4px solid;
  margin-left: -6px
}

.widget_trending_news .tab-content {
  float: left;
  width: 100%
}

.widget_trending_news .tab-content p {
  margin: 2px 0
}

.widget_next_match_title,
.widget_next_match ul,
.widget_match_countdown {
  float: left;
  width: 100%
}

.widget_next_match_title {
  text-align: center
}

.widget_next_match_title h5 {
  color: #27282a;
  font-weight: 700;
  margin-bottom: 5px;
  line-height: 1
}

.widget_next_match_title {
  margin-bottom: 25px
}

.widget_next_match_title span {
  font-size: 12px;
  color: #666
}

.widget_next_match ul li {
  float: left;
  list-style: none;
  width: 28%;
  text-align: center;
  line-height: 1;
  margin-bottom: 30px
}

.widget_next_match ul li:nth-child(2) {
  width: 44%
}

.widget_next_match ul li img {
  margin-bottom: 11px
}

.widget_next_match ul li h6 {
  color: #292a2c;
  font-weight: 700;
  margin-bottom: 3px;
  line-height: 1
}

.widget_next_match ul li small {
  color: #666;
  font-size: 10px
}

.widget_next_match_option {
  display: inline-block;
  width: 110px;
  background-color: #27282a;
  padding: 13px 0 14px;
  position: relative;
  margin-top: 21px
}

.widget_next_match_option:before {
  content: '';
  position: absolute;
  left: -11px;
  top: 0;
  border-top: 30px solid transparent;
  border-right: 11px solid #27282a;
  border-bottom: 30px solid transparent
}

.widget_next_match_option:after {
  content: '';
  position: absolute;
  right: -11px;
  top: 0;
  border-top: 30px solid transparent;
  border-left: 11px solid #27282a;
  border-bottom: 30px solid transparent
}

.widget_next_match ul li .widget_next_match_option h6,
.widget_next_match ul li .widget_next_match_option small {
  color: #fff
}

.widget_match_countdown {
  text-align: center;
  margin-bottom: 30px
}

.widget_match_countdown h6 {
  display: inline-block;
  background-color: #f7f7f7;
  color: #27282a;
  margin-bottom: 0;
  font-weight: 700;
  padding: 14px 50px 15px;
  position: relative
}

.widget_match_countdown h6:before {
  content: '';
  position: absolute;
  left: -22px;
  top: 0;
  border-top: 52px solid #f7f7f7;
  border-left: 22px solid transparent
}

.widget_match_countdown h6:after {
  content: '';
  position: absolute;
  right: -22px;
  top: 0;
  border-top: 52px solid #f7f7f7;
  border-right: 22px solid transparent
}

.widget_match_countdown .is-countdown {
  float: left;
  width: 100%;
  background-color: #f7f7f7;
  text-align: center
}

.widget_match_countdown .is-countdown .countdown-section {
  float: left;
  width: 25%;
  border-left: 1px solid #ececec;
  padding: 24px 0 23px
}

.widget_match_countdown .is-countdown .countdown-section:first-child {
  border: none
}

.widget_match_countdown .is-countdown .countdown-amount {
  display: block;
  font-size: 24px;
  line-height: 1;
  font-weight: 700;
  color: #27282a
}

.widget_match_countdown .is-countdown .countdown-period {
  font-size: 12px;
  color: #27282a;
  text-transform: uppercase
}

.widget_match_btn {
  float: left;
  width: 100%;
  background-color: #27282a;
  font-size: 16px;
  color: #fff;
  font-weight: 700;
  border-radius: 3px;
  text-align: center;
  padding: 12px 0
}

.widget_newsletter form {
  float: left;
  width: 100%;
  background-color: #f7f7f7;
  padding: 25px 30px 23px
}

.widget_newsletter form label {
  color: #27282a;
  font-size: 16px;
  font-weight: 700;
  margin-bottom: 7px
}

.widget_newsletter form p {
  margin-bottom: 22px
}

.widget_newsletter form input[type='text'] {
  float: left;
  width: 100%;
  background-color: #ececec;
  height: 40px;
  font-size: 10px;
  color: #999;
  font-style: italic;
  padding: 6px 16px;
  margin-bottom: 15px
}

.widget_newsletter_btn {
  float: left;
  position: relative;
  margin: 15px 0 0
}

.widget_newsletter_btn:before {
  content: '';
  position: absolute;
  left: 50%;
  top: -5px;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: 5px solid #2a2b2d;
  margin-left: -7px
}

.widget_newsletter_btn input[type='submit'] {
  float: left;
  background-color: #2a2b2d;
  color: #fff;
  font-size: 13px;
  font-weight: 700;
  border: none;
  padding: 11px 13px
}

.sportsmagazine-subheader {
  float: left;
  width: 100%;
  padding: 60px 0 120px;
  position: relative;
  background-position: center;
  text-align: center;
  top: 30px !important
}

.subheader-transparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  opacity: .3;
  background-color: #000
}

.sportsmagazine-subheader h1,
.sportsmagazine-subheader .sportsmagazine-subheader__inner {
  font-size: 60px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  line-height: 1.5;
  margin: 0 0 8px;
  /*font-family: "Noto Sans TC", sans-serif;*/
}

.sportsmagazine-breadcrumb {
  display: inline-block;
  background-color: transparent;
  padding: 7px 15px 5px 13px;
  border: 1px solid #eee
}

.sportsmagazine-breadcrumb li {
  font-family: 'Playfair Display', serif;
  display: inline-block;
  font-size: 12px;
  list-style: none;
  position: relative;
  padding: 0 7px;
  color: #fff;
  font-weight: 700;
  text-transform: uppercase
}

.sportsmagazine-breadcrumb li:last-child {
  color: #C3DCF8
}

.sportsmagazine-breadcrumb li:first-child:before {
  display: none
}

.sportsmagazine-breadcrumb li:before {
  content: "";
  background-color: #fff;
  width: 2px;
  height: 9px;
  position: absolute;
  left: -3px;
  bottom: 10px
}

.sportsmagazine-breadcrumb li a {
  color: #fff
}

.sportsmagazine-error-page {
  position: relative;
  background: url(extra-images/error-page-backimg.html);
  background-position: center;
  background-repeat: no-repeat
}

.sportsmagazine-error-wrap {
  float: left;
  width: 100%;
  text-align: center;
  padding: 101px 0 135px
}

.sportsmagazine-error-transparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: .4
}

.sportsmagazine-error-heading {
  float: left;
  width: 100%
}

.sportsmagazine-error-heading>span {
  font-size: 100px;
  display: inline-block;
  font-weight: 700;
  margin: 0;
  color: #292c31;
  line-height: 1.3;
  background-color: #f5f5f5;
  padding: 0 2px 0 7px;
  position: relative;
  margin: 0 19px 0 3px
}

.sportsmagazine-error-heading>span.error-shape-two {
  padding: 0 4px
}

.sportsmagazine-error-heading>span.error-shape-one:before {
  content: '';
  position: absolute;
  right: -21px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 65px solid transparent;
  border-left: 21px solid #f5f5f5;
  border-bottom: 65px solid transparent
}

.sportsmagazine-error-heading>span.error-shape-two:before {
  content: '';
  position: absolute;
  right: -21px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 66px solid #f5f5f5;
  border-right: 21px solid transparent
}

.sportsmagazine-error-heading>span.error-shape-two:after {
  content: '';
  position: absolute;
  right: -21px;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 66px solid #f5f5f5;
  border-right: 21px solid transparent
}

.sportsmagazine-error-heading>span.error-shape-two>small {
  position: relative
}

.sportsmagazine-error-heading>span.error-shape-two>small:before {
  content: '';
  position: absolute;
  left: -25px;
  top: -12px;
  width: 0;
  height: 0;
  border-top: 68px solid #f5f5f5;
  border-left: 21px solid transparent
}

.sportsmagazine-error-heading>span.error-shape-two>small:after {
  content: '';
  position: absolute;
  left: -25px;
  bottom: -2px;
  width: 0;
  height: 0;
  border-bottom: 68px solid #f5f5f5;
  border-left: 21px solid transparent
}

.sportsmagazine-error-heading>span.error-shape-three {
  padding: 0 7px 0 2px
}

.sportsmagazine-error-heading>span.error-shape-three:before {
  content: '';
  position: absolute;
  left: -21px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 65px solid transparent;
  border-right: 21px solid #f5f5f5;
  border-bottom: 65px solid transparent
}

.sportsmagazine-error-wrap>h3 {
  font-size: 30px;
  display: block;
  font-weight: 700;
  margin: 0 0 18px;
  color: #292c31;
  line-height: 1.3;
  letter-spacing: 8px
}

.sportsmagazine-error-wrap>span {
  font-size: 16px;
  display: block;
  font-weight: 700;
  margin: 0 0 18px
}

.sportsmagazine-error-wrap p {
  display: inline-block;
  width: 100%;
  margin: 0 0 21px
}

.sportsmagazine-error-wrap form {
  position: relative;
  display: inline-block;
  width: 59%
}

.sportsmagazine-error-wrap form:before {
  content: '';
  position: absolute;
  right: 20%;
  top: 0;
  background-color: #ececec;
  width: 1px;
  height: 26px
}

.sportsmagazine-error-wrap form:after {
  content: '';
  position: absolute;
  right: 20%;
  bottom: 0;
  background-color: #ececec;
  width: 1px;
  height: 26px
}

.sportsmagazine-error-wrap form input[type="text"] {
  height: 50px;
  color: #999;
  font-size: 12px;
  padding: 1px 15px 4px 14px;
  border: 1px solid #ececec;
  width: 542px;
  float: left;
  font-style: italic;
  background-color: transparent;
  border-right: none
}

.sportsmagazine-error-wrap form label {
  margin: 0;
  float: right;
  position: relative
}

.sportsmagazine-error-wrap form label:before {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 12px solid #27282a;
  border-bottom: 25px solid transparent;
  content: "";
  left: -11px;
  position: absolute;
  bottom: 0
}

.sportsmagazine-error-wrap form input[type="submit"] {
  float: right;
  width: 120px;
  border: none;
  height: 50px;
  padding: 0 0 1px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #27282a
}

.sportsmagazine-form-result,
.sportsmagazine-form-result p {
  float: left;
  width: 100%
}

.sportsmagazine-form-result {
  margin: 0 0 39px
}

.sportsmagazine-form-result h2 {
  font-size: 30px;
  float: left;
  font-weight: 700;
  color: #292c31;
  margin-bottom: 44px;
  text-transform: uppercase;
  background-color: #f5f5f5;
  padding: 12px 33px;
  position: relative
}

.sportsmagazine-form-result h2:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -11px;
  width: 0;
  height: 0;
  border-left: 180px solid transparent;
  border-right: 180px solid transparent;
  border-top: 11px solid #f5f5f5
}

.sportsmagazine-form-result p {
  margin-bottom: 21px
}

.sportsmagazine-form-result form {
  position: relative;
  display: inline-block;
  width: 80%
}

.sportsmagazine-form-result form:before {
  content: '';
  position: absolute;
  right: 20%;
  top: 0;
  background-color: #ececec;
  width: 1px;
  height: 26px
}

.sportsmagazine-form-result form:after {
  content: '';
  position: absolute;
  right: 20%;
  bottom: 0;
  background-color: #ececec;
  width: 1px;
  height: 26px
}

.sportsmagazine-form-result form input[type="text"] {
  height: 50px;
  color: #999;
  font-size: 12px;
  padding: 1px 15px 4px 14px;
  border: 1px solid #ececec;
  width: 547px;
  float: left;
  font-style: italic;
  background-color: transparent;
  border-right: none
}

.sportsmagazine-form-result form label {
  margin: 0;
  float: right;
  position: relative;
}

.sportsmagazine-form-result form label:before {
  width: 0;
  height: 0;
  border-top: 25px solid transparent;
  border-right: 12px solid #27282a;
  border-bottom: 25px solid transparent;
  content: "";
  left: -11px;
  position: absolute;
  bottom: 0;
}

.sportsmagazine-form-result form input[type="submit"] {
  float: right;
  width: 120px;
  border: none;
  height: 50px;
  padding: 0 0 1px;
  font-size: 16px;
  font-weight: 700;
  color: #fff;
  background-color: #27282a;
}

.sportsmagazine-section-heading {
  float: left;
  width: 100%;
  margin: 0 0 37px
}

.sportsmagazine-section-heading h2 {
  color: #292c31;
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 8px;
  position: relative
}

.sportsmagazine-section-heading h2:before {
  bottom: 0;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  width: 35px
}

.sportsmagazine-section-heading h2:after {
  bottom: -5px;
  content: "";
  height: 2px;
  position: absolute;
  right: 0;
  width: 35px
}

.sportsmagazine-related-article,
.sportsmagazine-related-article ul li figure,
.sportsmagazine-related-article ul li figure a,
.sportsmagazine-related-article ul li figure a img,
.sportsmagazine-article-text {
  float: left;
  width: 100%
}

.sportsmagazine-related-article>ul>li {
  list-style: none;
  margin: 0 0 30px
}

.sportsmagazine-related-article ul li figure {
  margin: 0
}

.sportsmagazine-related-article ul li figure a i {
  position: absolute;
  bottom: -17px;
  right: 20px;
  background-color: #292c31;
  color: #fff;
  width: 40px;
  height: 40px;
  text-align: center;
  border-radius: 100%;
  padding: 14px 0 0
}

.sportsmagazine-related-article ul li figure a {
  overflow: hidden
}

.sportsmagazine-related-article ul li:hover figure a i {
  padding: 13px 0 0
}

.sportsmagazine-article-text {
  background-color: #f7f7f7;
  padding: 28px 20px 13px 30px
}

.sportsmagazine-article-text time {
  float: left;
  line-height: 1;
  color: #292c31;
  font-size: 10px;
  padding: 5px 8px 8px 9px;
  border-radius: 3px;
  margin: 0 0 7px
}

.sportsmagazine-article-text h5 {
  font-weight: 700;
  float: left;
  text-transform: uppercase;
  color: #2f2f2f;
  line-height: 22px
}

.sportsmagazine-article-options {
  float: left;
  width: 100%;
  margin: 0;
  background-color: #f7f7f7;
  border-top: 1px solid #ececec;
  padding: 9px 30px 11px
}

.sportsmagazine-article-options li {
  float: left;
  list-style: none;
  margin: 0 16px 5px 0
}

.sportsmagazine-article-options li a {
  color: #888;
  font-size: 11px
}

.sportsmagazine-article-options li a i {
  float: left;
  margin: 11px 9px 0 0
}

.sportsmagazine-widget-heading {
  float: left;
  width: 100%;
  margin: 20px 0 10px
}

.sportsmagazine-widget-heading h2 {
  color: #292c31;
  float: left;
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 0;
  padding-bottom: 6px;
  position: relative;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-widget-heading h2:before {
  content: "";
  width: 30px;
  height: 30px;
  position: absolute;
  right: -10px;
  transform: rotate(0);
  border-right: 1px solid #2E77C9;
  border-bottom: 1px solid #2E77C9;
  background-color: transparent
}

.widget_popular_post ul li {
  margin: 0 0 12px;
  width: 100%;
  float: left
}

.sportsmagazine-main-content .widget ul li {
  list-style: none
}

.sportsmagazine-main-content .widget ul li:last-child {
  margin: 0
}

.widget_popular_post ul li:first-child .sportsmagazine-popular-post:before {
  content: none
}

.widget_popular_post ul li:first-child .sportsmagazine-popular-post:after {
  content: none
}

.widget_popular_post ul li:last-child .sportsmagazine-popular-post span:before {
  content: none
}

.widget_popular_post ul li:last-child .sportsmagazine-popular-post span:after {
  content: none
}

.sportsmagazine-popular-post {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 25px 17px 21px 20px;
  position: relative
}

.sportsmagazine-popular-post:before {
  content: '';
  width: 50%;
  height: 9px;
  background-color: #f5f5f5;
  left: 0;
  top: -3px;
  position: absolute
}

.sportsmagazine-popular-post:after {
  content: '';
  width: 50%;
  height: 9px;
  background-color: #f5f5f5;
  right: 0;
  top: -3px;
  position: absolute
}

.sportsmagazine-popular-post figure a,
.sportsmagazine-popular-post figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-popular-post figure {
  float: left;
  width: 58px;
  margin: 0
}

.sportsmagazine-popular-post figure:before {
  background-color: #fff;
  content: "";
  height: 82px;
  margin: 0 -12px 0 0;
  position: absolute;
  right: 40px;
  top: -12px;
  width: 2px
}

.sportsmagazine-popular-post figure~.sportsmagazine-popular-post-text {
  margin: 0 0 0 78px;
  line-height: 24px
}

.sportsmagazine-popular-post-text h5 {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 0
}

.sportsmagazine-popular-post-text h5 a {
  color: #292c31
}

.sportsmagazine-popular-post-text time {
  font-size: 10px;
  color: #999
}

.sportsmagazine-popular-post span {
  position: absolute;
  left: 0;
  width: 100%;
  bottom: 0
}

.sportsmagazine-popular-post span:before {
  content: '';
  width: 50%;
  height: 9px;
  background-color: #f5f5f5;
  left: 0;
  bottom: -4px;
  position: absolute
}

.sportsmagazine-popular-post span:after {
  content: '';
  width: 50%;
  height: 9px;
  background-color: #f5f5f5;
  right: 0;
  bottom: -4px;
  position: absolute
}

.widget_cetagories ul {
  display: block;
  margin: 0 auto 20px;
  text-align: center;
  border-bottom: 1px solid #eee
}

.widget_cetagories.product span {
  display: none
}

.widget_cetagories span {
  display: inline-block;
  padding: 10px 20px 15px;
  font-size: 20px;
  color: #fff;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.widget_cetagories span:before {
  content: "";
  font-family: "Linearicons-Free";
  display: block;
  width: 10px;
  height: 10px;
  background-color: #2460A2;
  position: relative;
  left: 35px;
  top: -0;
  -webkit-clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%)
}

.widget_cetagories span:after {
  background-color: #2460A2;
  content: "";
  display: block;
  width: 100px;
  position: absolute;
  top: 35px;
  height: 35px;
  left: 10px;
  z-index: -1
}

.widget_cetagories span span {
  padding: 0
}

.widget_cetagories span span:after {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  position: relative;
  right: 60px;
  left: -50px;
  top: -20px;
  background-color: #2460A2;
  transform: rotate(30deg);
  -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%)
}

.widget_cetagories span span:before {
  content: "";
  width: 1px;
  height: 20px;
  display: block;
  position: relative;
  left: -30px;
  top: -0;
  background-color: #2460A2;
  transform: rotate(-30deg);
  -webkit-clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%);
  clip-path: polygon(0 0, 100% 1%, 100% 100%, 0% 100%)
}

.widget_cetagories ul li {
  display: inline-block;
  text-align: center;
  list-style-type: none
}

.news .widget_cetagories ul li:before {
  top: 35px
}

.news .widget_cetagories ul li {
  height: 50px;
  font-size: 18px;
  font-weight: 700;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.news .widget_cetagories ul li.active a,
.news .widget_cetagories ul li a:hover {
  color: #2E77C9
}

.news .widget_cetagories ul li a:before {
  border: 0
}

.product li {
  list-style-type: none;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.product li.active a {
  color: #2E77C9
}

.product li a {
  clear: both;
  display: block;
  font-weight: 700;
  border-bottom: 1px solid #eee;
  margin: 10px 0 20px;
  padding-left: 20px;
  font-size: 18px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.product li a:before {
  content: "";
  display: block;
  width: 20px
}

.product li ol li a {
  height: 35px;
  font-weight: initial
}

.product li ol li a:hover {
  color: #2E77C9
}

.product li ol li :after {
  content: "";
  display: block;
  width: 1px;
  height: 15px;
  position: relative;
  left: -10px;
  bottom: 20px;
  transform: rotate(15deg);
  background-color: #2E77C9
}

.widget_cetagories ul li a {
  float: left;
  background-color: none;
  padding: 10px 20px;
  color: #292c31;
  position: relative;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.widget_cetagories ul li:before {
  content: "";
  display: block;
  width: 1px;
  height: 20px;
  position: relative;
  background-color: #2460A2;
  top: -50px;
  transform: rotate(15deg)
}

.widget_cetagories ul li ol li:before {
  display: none
}

.widget_cetagories ul li ol li a:first-child {
  margin: 0;
  padding: 10px
}

.widget_cetagories ul li ol li a {
  background-color: transparent;
  border: 0;
  display: block;
  border-bottom: 1px solid #eee;
  margin: 0;
  padding: 10px;
  transition: all .4s ease-in-out
}

.widget_cetagories ul li ol li.active a,
.widget_cetagories ul li ol li a:hover {
  color: #33A6B8
}

.widget_cetagories ul li ol li a:before {
  border: 0
}

.widget_cetagories ul li a:before {
  border-left: 60px solid transparent;
  border-right: 203px solid transparent;
  border-top: 5px solid #ccc;
  bottom: -4px;
  content: "";
  height: 0;
  left: 0;
  position: absolute;
  width: 0
}

.widget_cetagories ul li a span {
  float: left;
  margin: 8px 5px 0 0;
  font-size: 10px;
  color: #33A6B8
}

.widget_matches ul li {
  background-color: #f5f5f5;
  padding: 20px 19px;
  position: relative;
  margin: 0 0 3px;
  width: 100%;
  float: left
}

.widget_matches ul li:first-child:after {
  content: none
}

.widget_matches ul li:last-child:before {
  content: none
}

.widget_matches ul li:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -5px;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 5px solid #f5f5f5;
  margin: 0 0 0 -9px;
  z-index: 1
}

.widget_matches ul li:after {
  content: '';
  position: absolute;
  left: 50%;
  top: 0;
  width: 0;
  height: 0;
  border-left: 9px solid transparent;
  border-right: 9px solid transparent;
  border-top: 5px solid #fff;
  margin: 0 0 0 -9px
}

.sportsmagazine-team-one,
.sportsmagazine-team-two {
  float: left
}

.sportsmagazine-team-one {
  margin: 0 17px 0 0
}

.sportsmagazine-team-two {
  margin: 0 0 0 17px
}

.sportsmagazine-team-one h6,
.sportsmagazine-team-two h6 {
  font-size: 13px;
  color: #292c31;
  margin-bottom: 5px;
  line-height: 1
}

.sportsmagazine-team-one>span,
.sportsmagazine-team-two>span {
  float: right;
  font-size: 10px;
  line-height: 1
}

.sportsmagazine-team-two>span {
  float: left
}

.widget_matches ul li>span {
  width: 36px;
  height: 30px;
  float: left;
  background-color: #27282a;
  color: #fff;
  font-weight: 700;
  text-align: center;
  position: relative;
  padding: 1px 0 0
}

.widget_matches ul li>span:before {
  content: '';
  position: absolute;
  left: -4px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 5px solid #27282a;
  border-bottom: 15px solid transparent
}

.widget_matches ul li>span:after {
  content: '';
  position: absolute;
  right: -4px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 5px solid #27282a;
  border-bottom: 15px solid transparent
}

.sportsmagazine-main-content .widget_gallery ul li {
  float: left;
  width: 33.333%
}

.sportsmagazine-main-content .widget_gallery ul li a:before {
  background-color: #27282a;
  height: 100%;
  width: 60%
}

.sportsmagazine-main-content .widget_gallery ul li:hover a:before {
  width: 100%;
  opacity: .8
}

.widget_gallery ul li a i {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 1;
  font-size: 12px;
  color: #fff;
  margin: -7px 0 0 -3px;
  opacity: 0
}

.widget_gallery ul li:hover a i {
  opacity: 1;
  left: 50%
}

.widget_awards {
  float: left;
  width: 100%;
  padding: 30px 0 25px;
  text-align: center;
  position: relative;
  background-color: #f5f5f5
}

.widget_awards figure {
  width: 106px;
  display: inline-block;
  margin: 0 0 23px
}

.widget-awards-text {
  float: left;
  width: 100%
}

.widget-awards-text h6 {
  margin: 0 0 1px;
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 1
}

.widget-awards-text span {
  font-size: 12px;
  color: #292c31
}

.widget_awards .slick-arrow {
  right: 0;
  top: 50%;
  width: 25px;
  height: 25px;
  background-color: #292c31;
  padding-top: 0;
  z-index: 1;
  margin: -42px 0 0;
  position: absolute;
  cursor: pointer
}

.widget_awards .slick-arrow-left.slick-arrow {
  left: 0
}

.widget_awards .slick-arrow i {
  font-size: 7px;
  color: #fff;
  display: inline-block
}

.widget_awards .slick-arrow-left i {
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1)
}

.widget_awards .slick-arrow-right.slick-arrow {
  line-height: 1;
  padding: 1px 0 0
}

.filter {
  float: left;
  width: 88%;
  height: 4px;
  background-color: #ddd;
  position: relative;
  margin: 0 0 19px
}

.filter>small {
  position: absolute;
  left: 0;
  width: 70%;
  height: 4px;
  background-color: #27282a
}

.filter>small:before {
  content: '';
  position: absolute;
  left: 0;
  top: -3px;
  width: 10px;
  border: 3px solid #27282a;
  background-color: #fff;
  height: 10px;
  border-radius: 100%
}

.filter>small:after {
  content: '';
  position: absolute;
  right: 0;
  top: -3px;
  width: 10px;
  border: 3px solid #27282a;
  background-color: #fff;
  height: 10px;
  border-radius: 100%
}

.filter-price {
  float: left;
  width: 100%;
  font-size: 12px;
  font-weight: 700;
  margin: 0 0 16px
}

.widget-filker-btn {
  font-size: 12px;
  font-weight: 700;
  background-color: #27282a;
  display: inline-block;
  color: #fff;
  border-radius: 3px;
  padding: 7px 15px 6px
}

.sportsmagazine-contact-map {
  float: left;
  width: 100%;
  margin: 0 0 90px
}

.sportsmagazine-contact-map #map {
  width: 100%;
  height: 400px
}

/*.sportsmagazine-contactus-info {
  float: left;
  width: 100%;
  margin: 0 0 40px
}*/

.sportsmagazine-contact-text i {
  font-size: 20px;
  width: 60px;
  display: block;
  float: left;
  height: 60px;
  color: #fff;
  line-height: 3;
  border-radius: 100%;
  border: 2px dotted #fff;
  text-align: center;
  padding: 0;
}

.sportsmagazine-contactus-info ul li {
  list-style-type: none;
  width: 100%;
  display: block;
  margin: 0 0 30px
}

.sportsmagazine-contactus-info ul li i {
  font-size: 20px;
  width: 60px;
  display: block;
  float: left;
  height: 60px;
  color: #fff;
  line-height: 3;
  border-radius: 100%;
  border: 2px dotted #fff;
  text-align: center;
  padding: 0
}

.sportsmagazine-contactus-info ul li i:after {
  display: none;
  position: absolute;
  content: '';
  right: -10px;
  width: 0;
  height: 0;
  border-bottom: 35px solid transparent;
  border-left: 10px solid;
  border-top: 35px solid transparent;
  top: 0
}

.sportsmagazine-contactus-info ul li i~.sportsmagazine-contact-text {
  margin: 0 0 0 70px;
  border-bottom: 1px solid #ccc
}

.sportsmagazine-contact-iteminfo {
  border-bottom: 1px solid #ccc;
  width: calc(100% - 60px);
}

.sportsmagazine-contact-text {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.sportsmagazine-row {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.contact-medialink a img {
  width: 55%;
  margin-bottom: 5px;
}

.contact-medialink a:hover {
  opacity: 0.6;
}

.footer_contact-medialink {
  margin-left: 5px;
}

.footer_contact-medialink a {
  font-size: 25px;
  width: 45px;
  display: block;
  float: left;
  text-align: left;
  line-height: 1.5;
  padding: 10px 0;
}

.footer_contact-medialink a img {
  width: 55%;
  margin-bottom: 5px;
}

.footer_contact-medialink a:hover {
  opacity: 0.6;
}

.sportsmagazine-contact-text:before {
  content: '';
  position: absolute;
  border-left: 10px solid transparent;
  border-top: 35px solid #3db8cc;
  left: -10px;
  position: absolute;
  top: 0;
  display: none
}

.sportsmagazine-contact-text:after {
  border-bottom: 35px solid #3db8cc;
  border-left: 10px solid transparent;
  bottom: 0;
  content: "";
  left: -10px;
  position: absolute;
  display: none
}

.sportsmagazine-contact-text p,
.sportsmagazine-contact-text a {
  color: #fff;
  margin: 0;
  font-size: 18px;
  text-align: left;
  line-height: 1.5;
  padding: 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-contact-form,
.sportsmagazine-contact-form form {
  float: left;
  width: 100%
}

.sportsmagazine-contact-form {
  margin: 0 0 80px
}

.sportsmagazine-contact-form form ul {
  margin: 0 -15px
}

.sportsmagazine-contact-form form ul li {
  float: left;
  list-style: none;
  width: 50%;
  padding: 0 15px;
  margin-bottom: 21px
}

.sportsmagazine-contact-form form ul li:last-child {
  margin: 0;
  width: 100%
}

.sportsmagazine-contact-form form ul li>label {
  float: left;
  width: 100%;
  margin: 0 0 6px;
  font-weight: initial;
  color: #2E77C9;
  font-size: 18px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-contact-form form p {
  list-style: none;
  margin-bottom: 0;
  width: 100%;
  float: left
}

.sportsmagazine-contact-form span.code {
  margin-top: 10px;
  height: 50px
}

.sportsmagazine-contact-form span.codeimg {
  display: block;
  float: left;
  width: 130px;
  margin-top: 10px;
  margin-left: 10px
}

.sportsmagazine-contact-form span.code input {
  height: 45px
}

.sportsmagazine-contact-form form p.sb {
  width: 90px;
  float: left;
  margin-left: 10px
}

.sportsmagazine-contact-form form p span input {
  width: 65px;
  float: left
}

.sportsmagazine-contact-form span.code {
  display: block;
  float: left
}

.sportsmagazine-contact-form form ul li p>span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 45px;
  text-align: center;
  border-left: none
}

.sportsmagazine-contact-form form ul li p>span span {
  line-height: 3.5;
  color: #3db8cc
}

.sportsmagazine-contact-form form ul li p>span:before {
  content: '';
  position: absolute;
  left: -3px;
  top: 0;
  background-color: #ccc;
  height: 50%;
  width: 1px
}

.sportsmagazine-contact-form form ul li.full-input p>span:before {
  left: -5px
}

.sportsmagazine-contact-form form ul li.full-input p>span:after {
  left: -5px
}

.sportsmagazine-contact-form form ul li p>span:after {
  content: '';
  position: absolute;
  left: -3px;
  bottom: 0;
  background-color: #ccc;
  height: 50%;
  width: 1px
}

.sportsmagazine-contact-form form p>span i {
  color: #999;
  padding: 4px 0 0
}

.sportsmagazine-contact-form form ul li.full-input {
  width: 100%
}

.sportsmagazine-contact-form form ul li.full-input p input[type="text"] {
  width: 95%
}

.sportsmagazine-contact-form form p input[type="text"],
.sportsmagazine-contact-form form p input[type="email"] {
  float: left;
  width: 100%;
  font-size: 10px;
  background: none;
  margin: 0;
  color: #999;
  height: 50px;
  border: 1px solid #ccc;
  padding: 0 0 3px 16px;
  position: relative;
  font-size: 14px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

::-webkit-input-placeholder {
  /chrome/opera/safari/font-family: "Noto Sans TC", 微軟正黑體, sans-serif;
  color: #b1b1b1 !important
}

::-moz-placeholder {
  /firefox19/font-family: "Noto Sans TC", 微軟正黑體, sans-serif;
  color: #b1b1b1 !important
}

:-ms-input-placeholder {
  /ie10/font-family: "Noto Sans TC", 微軟正黑體, sans-serif;
  color: #b1b1b1 !important
}

:-moz-placeholder {
  /firefox18-/font-family: "Noto Sans TC", 微軟正黑體, sans-serif;
  color: #b1b1b1 !important
}

.sportsmagazine-contact-form form ul li:last-child p:after,
.sportsmagazine-contact-form form ul li:last-child p:before {
  content: none
}

.sportsmagazine-contact-form form ul li.full-input p:before,
.sportsmagazine-contact-form form ul li.full-input p:after {
  right: 5.5%;
  margin: 0 -4px 0 0
}

.sportsmagazine-contact-form form p textarea {
  height: 150px;
  font-size: 10px;
  padding: 12px 21px 0 16px;
  color: #505050;
  border: 1px solid #ccc;
  background-color: transparent;
  width: 100%
}

.sportsmagazine-contact-form form p>label {
  margin: 9px 0 0;
  display: inline-block;
  position: relative
}

.sportsmagazine-contact-form form input[type="submit"] {
  border: none;
  color: #2E77C9;
  padding: 7px 20px;
  float: left;
  font-weight: initial;
  text-transform: uppercase;
  background-color: transparent;
  border: 1px solid #2E77C9;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-contact-us-text h4 {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-contact-us-text {
  float: right;
  text-align: center;
  margin: 0 20px 20px
}

.sportsmagazine-contact-us-text h5 {
  font-size: 25px;
  font-weight: 700;
  font-family: 'Baloo Tammudu', "Arial", cursive;
  text-align: center;
  color: #31c731;
  line-height: 1;
  padding-top: 20px
}

.sportsmagazine-contact-us-text li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 10px
}

.sportsmagazine-contact-us-text li h4 {
  margin: 0 0 17px;
  font-weight: 700;
  text-transform: uppercase;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-align: center
}

.sportsmagazine-contact-us-text li p {
  float: left;
  margin: 0 0 13px;
  width: 100%;
  text-align: center;
  line-height: 23px;
  font-family: "Doris", sans-serif
}

.sportsmagazine-contact-us-text li time {
  float: left;
  font-weight: 700;
  text-transform: uppercase;
  color: #2f2f2f
}

.sportsmagazine-contact-us-text li time span {
  font-weight: 400;
  float: right;
  margin: 0 0 0 22px
}

.sportsmagazine-partner-slider {
  float: left;
  width: 100%;
  padding: 0 0 45px;
  margin: 0 0 39px;
  text-align: center;
  position: relative
}

.sportsmagazine-partner-slider a {
  display: inline-block
}

.sportsmagazine-partner-slider .slick-arrow {
  right: -50px;
  cursor: pointer;
  top: 33px;
  width: 45px;
  height: 50px;
  background-color: transparent;
  padding-top: 0;
  position: absolute
}

.sportsmagazine-partner-slider .slick-arrow-left.slick-arrow {
  left: -50px;
  top: 34px
}

.sportsmagazine-partner-slider .slick-arrow i {
  font-size: 32px;
  color: #999
}

.sportsmagazine-partner-slider .slick-arrow-left.slick-arrow i {
  display: inline-block;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1)
}

.sportsmagazine-main-contentminus {
  padding: 0 0 60px
}

.thumb-transparent {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: .7
}

.sportsmagazine-thumb-text {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: -62px 0 0
}

.sportsmagazine-thumb-text h2 {
  color: #fff;
  display: inline-block;
  width: 68%;
  font-size: 40px;
  text-transform: uppercase;
  font-weight: 700;
  line-height: 45px;
  margin: 0 0 16px
}

.sportsmagazine-thumb-option {
  display: inline-block;
  width: 100%
}

.sportsmagazine-thumb-option li {
  list-style: none;
  display: inline-block;
  color: #999;
  margin: 0 17px 0 0
}

.sportsmagazine-thumb-option li a {
  color: #999
}

.sportsmagazine-thumb-option li i {
  float: left;
  padding: 7px 14px 0 0
}

.sportsmagazine-rich-editor {
  float: left;
  width: 100%
}

.sportsmagazine-rich-editor p {
  margin: 0 0 24px
}

blockquote {
  float: left;
  width: 100%;
  color: #666;
  font-size: 16px;
  font-weight: 700;
  font-style: italic;
  border-left: none;
  position: relative;
  margin: 8px 0 33px;
  padding: 53px 45px 26px 62px;
  line-height: 1.5
}

blockquote:before {
  content: "\f10e";
  font-family: FontAwesome;
  font-size: 40px;
  position: absolute;
  left: 40px;
  top: 33px;
  color: #999;
  font-style: normal;
  opacity: .15
}

blockquote:after {
  content: '';
  position: absolute;
  left: 30px;
  top: 0;
  height: 100%;
  width: 2px
}

blockquote span {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%
}

blockquote span:before {
  content: '';
  position: absolute;
  left: 0;
  top: 28px;
  width: 180px;
  height: 2px
}

.sportsmagazine-post-tags {
  float: left;
  width: 100%;
  margin: 8px 0 28px
}

.sportsmagazine-tags,
.sportsmagazine-blog-social {
  width: 50%
}

.sportsmagazine-tags,
.sportsmagazine-tags a {
  float: left
}

.sportsmagazine-blog-social,
.sportsmagazine-blog-social ul {
  float: right
}

.sportsmagazine-tags a {
  margin: 0 10px 10px 0;
  font-size: 12px;
  padding: 6px 14px 7px;
  color: #555;
  position: relative;
  background-color: #f5f5f5
}

.sportsmagazine-tags a:hover {
  color: #fff
}

.sportsmagazine-blog-social ul li {
  float: left;
  list-style: none;
  margin: 0 0 9px 10px
}

.sportsmagazine-blog-social ul li a {
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  margin: 3px 0 0;
  padding: 4px 16px 0 0;
  border-radius: 3px
}

.sportsmagazine-blog-social ul li a i {
  float: left;
  height: 30px;
  margin: -4px 16px 0 0;
  padding: 8px 0 0;
  text-align: center;
  width: 30px;
  border-radius: 3px 0 0 3px
}

.sportsmagazine-blog-social ul li a.color-one {
  background-color: #4d6baa
}

.sportsmagazine-blog-social ul li a.color-two {
  background-color: #3fcef2
}

.sportsmagazine-blog-social ul li a.color-three {
  background-color: #e34d39
}

.sportsmagazine-blog-social ul li a.color-one>i {
  background-color: #47639d
}

.sportsmagazine-blog-social ul li a.color-two>i {
  background-color: #3bc1e3
}

.sportsmagazine-blog-social ul li a.color-three>i {
  background-color: #d74835
}

.sportsmagazine-prenxt-post {
  float: left;
  width: 100%;
  margin: 0 0 43px
}

.sportsmagazine-prenxt-post ul {
  margin: 0 -15px
}

.sportsmagazine-prenxt-post ul li {
  list-style: none;
  float: left;
  width: 50%;
  padding: 0 15px
}

.sportsmagazine-prev-post,
.sportsmagazine-next-post {
  background-color: #f5f5f5;
  float: left;
  width: 100%;
  padding: 20px;
  position: relative
}

.sportsmagazine-next-post:before {
  background-color: #fff;
  content: "";
  height: 53%;
  right: -12px;
  position: absolute;
  top: -5px;
  width: 22px
}

.sportsmagazine-next-post:after {
  background-color: #fff;
  bottom: -5px;
  content: "";
  height: 53%;
  right: -11px;
  position: absolute;
  width: 20px
}

.sportsmagazine-prev-post:before {
  background-color: #fff;
  content: "";
  height: 53%;
  left: -12px;
  position: absolute;
  top: -5px;
  width: 22px
}

.sportsmagazine-prev-post:after {
  background-color: #fff;
  bottom: -5px;
  content: "";
  height: 53%;
  left: -11px;
  position: absolute;
  width: 20px
}

.sportsmagazine-prev-post figure,
.sportsmagazine-next-post>figure {
  margin: 0;
  float: right;
  width: 90px
}

.sportsmagazine-prenxt-post ul li figure a img,
.sportsmagazine-prenxt-post ul li figure a {
  float: left;
  width: 100%
}

.sportsmagazine-prenxt-post ul li figure a {
  position: relative;
  overflow: hidden
}

.sportsmagazine-prenxt-post ul li figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: 0
}

.sportsmagazine-prenxt-post ul li:hover figure a:before {
  opacity: .5
}

.sportsmagazine-prenxt-post ul li figure a:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -50px;
  width: 0;
  height: 100%;
  opacity: 0
}

.sportsmagazine-prenxt-post ul li:hover figure a:after {
  opacity: .5;
  width: 50%;
  bottom: 0
}

.sportsmagazine-prenxt-post ul li figure~.sportsmagazine-prev-artical {
  margin: 0 90px 0 0;
  text-align: right;
  padding: 10px 20px 0 0
}

.sportsmagazine-post-arrow i {
  margin: 7px 10px 0 0;
  float: left
}

.sportsmagazine-prev-artical h3,
.sportsmagazine-next-artical h3 {
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 1.3;
  margin: 0
}

.sportsmagazine-next-post>figure {
  float: left
}

.sportsmagazine-prenxt-post ul li figure~.sportsmagazine-next-artical {
  margin: 0 0 0 90px;
  padding: 10px 0 0 19px
}

.sportsmagazine-post-arrow {
  float: right;
  margin: -3px 0 0;
  font-size: 12px;
  color: #666;
  font-style: italic
}

.sportsmagazine-next-artical>.sportsmagazine-post-arrow {
  float: left
}

.sportsmagazine-next-artical>.sportsmagazine-post-arrow i {
  margin: 9px 0 0 9px;
  float: right
}

.comments-area,
.comment-list,
.comment-list li,
.comment-list li figure a img,
.comment-list>ul>li,
.comment-list .thumblist,
.comment-list figure a,
.comment-list li img,
.thumb-list {
  float: left;
  width: 100%
}

.comments-title {
  float: left;
  font-size: 18px;
  font-weight: 400;
  color: #000;
  text-transform: uppercase;
  margin-bottom: 34px
}

.comments-title:before {
  content: '[';
  float: left;
  margin: 1px 8px 0 0;
  font-size: 16px
}

.comments-title:after {
  content: ']';
  float: right;
  margin: 1px 0 0 8px;
  font-size: 16px
}

.comment-list {
  margin-bottom: 4px
}

.comment-list .children {
  padding-left: 0;
  margin: 0
}

.comment-list .children .thumb-list {
  padding-left: 40px
}

.comment-list>ul>li {
  margin: 0;
  list-style: none
}

.comment-list .thumblist>ul {
  margin: 0
}

.comment-list li {
  list-style: none
}

.comment-list li figure {
  float: left;
  margin: 0;
  width: 50px
}

.comment-list li figure img {
  border-radius: 100%
}

.thumb-list {
  border-bottom: 1px solid #ececec;
  margin-bottom: 40px;
  padding: 0 0 26px
}

.comment-list figure~.text-holder {
  margin: 0 0 45px 70px;
  position: relative;
  padding: 1px 0 0
}

.comment_box-info>.comment-spot {
  color: #2E77C9;
}

.thumb-list p {
  float: left;
  width: 100%;
  line-height: 22px;
  margin-bottom: 8px;
  font-size: 13px
}

.text-holder h6 {
  display: inline-block;
  margin: 0 0 3px;
  font-weight: 700;
  font-size: 14px;
  color: #292c31
}

.text-holder .post-date {
  float: left;
  width: 100%;
  font-size: 10px;
  line-height: 1;
  color: #999;
  font-weight: 700
}

.comment-reply-link {
  position: absolute;
  right: 0;
  top: -1px;
  color: #27282a;
  font-weight: 700;
  font-size: 10px
}

.comments-area .sportsmagazine-contact-form form input[type="submit"] {
  text-transform: none;
  padding: 7px 23px
}

.comment-respond.sportsmagazine-contact-form {
  margin-bottom: 33px
}

.sportsmagazine-related-article.sportsmagazine-blog-artical {
  margin: 0 0 13px
}

.sportsmagazine-bloglarge figure,
.sportsmagazine-bloglarge figure a,
.sportsmagazine-bloglarge figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-bloglarge>ul>li {
  margin: 0 0 50px
}

.sportsmagazine-bloglarge figure a {
  position: relative;
  overflow: hidden
}

.sportsmagazine-bloglarge figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 0;
  background-color: #27282a;
  opacity: 0
}

.sportsmagazine-bloglarge ul li:hover figure a:before {
  opacity: .7;
  height: 100%
}

.sportsmagazine-bloglarge figure a i {
  position: absolute;
  left: 50%;
  top: 0;
  font-size: 17px;
  background-color: #27282a;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 18px 0 0;
  color: #fff;
  margin: -25px 0 0 -24px;
  opacity: 0
}

.sportsmagazine-bloglarge ul li:hover figure a i {
  opacity: 1;
  top: 50%
}

.sportsmagazine-bloglarge figure {
  margin: 0
}

.sportsmagazine-bloglarge figure:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 12px;
  width: 50%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-bloglarge figure:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -5px;
  height: 12px;
  width: 50%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-bloglarge-text {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 21px 30px 15px;
  position: relative;
  margin: 0 0 10px
}

.sportsmagazine-bloglarge-text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -6px;
  height: 12px;
  width: 50%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-bloglarge-text:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -6px;
  height: 12px;
  width: 50%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-bloglarge-text time {
  display: inline-block;
  text-transform: uppercase;
  color: #85711c;
  font-size: 10px;
  line-height: 1.5;
  padding: 2px 8px 3px;
  border-radius: 3px;
  margin: 0 0 7px
}

.sportsmagazine-bloglarge-text h3 {
  font-size: 24px;
  font-weight: 700;
  margin: 0 0 17px;
  text-transform: uppercase;
  line-height: 28px
}

.sportsmagazine-bloglarge-text p {
  margin: 0 0 18px;
  padding: 0 0 22px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-bloglarge .sportsmagazine-article-options {
  float: right;
  width: auto;
  border-top: none;
  padding: 0
}

.sportsmagazine-bloglarge .sportsmagazine-article-options li {
  margin: 0 0 5px 17px
}

.sportsmagazine-readmore-btn {
  float: left;
  font-size: 12px;
  text-transform: uppercase;
  position: relative;
  line-height: 1.1;
  font-weight: 700;
  padding: 8px 0 0
}

.sportsmagazine-readmore-btn i {
  float: right;
  margin: 0 0 0 6px
}

.sportsmagazine-readmore-btn:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #292c31;
  width: 69px;
  height: 1px
}

.sportsmagazine-blogmodren figure,
.sportsmagazine-blogmodren figure a,
.sportsmagazine-blogmodren figure a img,
.sportsmagazine-blogmodren-text {
  float: left;
  width: 100%
}

.sportsmagazine-blogmodren>ul>li {
  margin: 0 0 50px
}

.sportsmagazine-blogmodren figure {
  margin: 0;
  overflow: hidden
}

.sportsmagazine-blogmodren figure:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  height: 0;
  width: 0;
  border-bottom: 21px solid #f5f5f5;
  border-right: 50px solid transparent;
  z-index: 1
}

.sportsmagazine-blogmodren figure:after {
  background-color: #f5f5f5;
  bottom: -11px;
  content: "";
  height: 20px;
  position: absolute;
  right: -2px;
  width: 89%
}

.sportsmagazine-blogmodren figure a {
  overflow: hidden;
  position: relative
}

.sportsmagazine-blogmodren figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 30%;
  background-color: #27282a;
  opacity: 0
}

.sportsmagazine-blogmodren ul li:hover figure a:before {
  opacity: .7;
  height: 100%
}

.sportsmagazine-blogmodren figure a i {
  position: absolute;
  left: 50%;
  top: 0;
  background-color: #27282a;
  height: 50px;
  width: 50px;
  text-align: center;
  padding: 19px 0 0;
  color: #fff;
  margin: -35px 0 0 -23px;
  opacity: 0
}

.sportsmagazine-blogmodren ul li:hover figure a i {
  opacity: 1;
  top: 50%
}

.sportsmagazine-blogmodren-text {
  background-color: #f5f5f5;
  padding: 34px 25px 18px 87px;
  position: relative
}

.sportsmagazine-blogmodren-option {
  position: absolute;
  left: 20px;
  top: -26px;
  z-index: 2;
  width: 48px;
  text-align: center;
  margin: 0;
  padding: 27px 13px 15px
}

.sportsmagazine-blogmodren-option:before {
  content: '';
  right: -10px;
  top: 0;
  border-bottom: 24px solid;
  border-right: 10px solid transparent;
  position: absolute
}

.sportsmagazine-blogmodren-option li {
  list-style: none;
  display: inline-block;
  margin: 0 0 7px
}

.sportsmagazine-blogmodren-option li a {
  font-size: 11px;
  color: #85711c;
  line-height: 1.5;
  display: inline-block
}

.sportsmagazine-blogmodren-option li a i {
  margin: 0 0 4px
}

.sportsmagazine-blogmodren-text time {
  display: inline-block;
  background-color: #292c31;
  color: #fff;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 1px 10px 3px
}

.sportsmagazine-blogmodren-text h4 {
  font-weight: 700;
  margin: 0 0 14px;
  line-height: 1.2;
  text-transform: uppercase
}

.sportsmagazine-blogmodren-text p {
  line-height: 24px
}

.sportsmagazine-pagination,
.sportsmagazine-pagination>ul {
  float: left;
  width: 100%
}

.sportsmagazine-pagination {
  margin: 50px 0 100px;
  text-align: center;
  display: block;
  width: 100%;
  float: left
}

.sportsmagazine-pagination>ul>li {
  display: inline-block;
  list-style: none;
  margin: 0 11px 0 0
}

.sportsmagazine-pagination>ul>li>.previous {
  padding: 4px 13px 4px 9px
}

.sportsmagazine-pagination>ul>li>.next {
  padding: 4px 9px 4px 13px
}

.sportsmagazine-pagination>ul>li>.previous,
.sportsmagazine-pagination>ul>li>.next {
  background-color: #f5f5f5;
  line-height: 1.2;
  font-size: 18px
}

.sportsmagazine-pagination>ul>li>.previous {
  position: relative
}

.sportsmagazine-pagination>ul>li>a:hover,
.sportsmagazine-pagination>ul>li>span.current {
  color: #fff;
  background-color: #2E77C9
}

.sportsmagazine-pagination>ul>li>.previous:hover:before {
  border-right-color: #2460A2
}

.sportsmagazine-pagination>ul>li>.next:hover:before {
  border-left-color: #2460A2
}

.sportsmagazine-pagination>ul>li>.previous:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-right: 5px solid #f5f5f5;
  border-bottom: 15px solid transparent
}

.sportsmagazine-pagination>ul>li>.next {
  position: relative
}

.sportsmagazine-pagination>ul>li>.next:before {
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 15px solid transparent;
  border-left: 5px solid #f5f5f5;
  border-bottom: 15px solid transparent
}

.sportsmagazine-pagination>ul>li>a,
.sportsmagazine-pagination>ul>li>span {
  background-color: #f5f5f5;
  color: #888;
  float: left;
  height: 30px;
  line-height: 1.6;
  padding: 4px 11px;
  width: 30px
}

.sportsmagazine-accordion,
.sportsmagazine-accordion .panel-body>p {
  float: left;
  width: 100%
}

.sportsmagazine-accordion {
  margin-bottom: 131px
}

.sportsmagazine-accordion .panel-heading .panel-title {
  position: relative
}

.sportsmagazine-accordion .panel-heading .panel-title:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -5px;
  height: 13px;
  width: 51%;
  background-color: #292c31;
  z-index: 1
}

.sportsmagazine-accordion .panel-heading .panel-title:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -5px;
  height: 13px;
  width: 51%;
  background-color: #292c31;
  z-index: 2
}

.sportsmagazine-accordion .panel-heading .panel-title>a {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 22px 15px 24px 66px;
  color: #fff;
  font-weight: 600;
  background-color: #292c31
}

.sportsmagazine-accordion .panel+.panel {
  margin-top: 68px
}

.sportsmagazine-accordion .panel-title a:after,
.sportsmagazine-accordion .panel-heading .panel-title a.collapsed:after {
  color: #fff;
  font-size: 20px;
  top: 19px;
  content: "\f29c";
  font-family: FontAwesome;
  font-weight: 400;
  left: 31px;
  position: absolute
}

.sportsmagazine-accordion .panel-default {
  border-radius: 0;
  border: none;
  box-shadow: none;
  position: relative
}

.sportsmagazine-accordion .panel-default>.panel-heading {
  background-color: transparent;
  border: none;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.sportsmagazine-accordion .panel-body {
  border: none;
  background-color: #f5f5f5;
  padding: 33px 55px 5px 29px;
  position: relative
}

.sportsmagazine-accordion .panel-default:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -36px;
  height: 43px;
  width: 51%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-accordion .panel-default:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -36px;
  height: 43px;
  width: 50%;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-accordion .panel-body>p {
  line-height: 22px;
  margin-bottom: 0
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent
}

.sportsmagazine-player,
.sportsmagazine-player-list figure a,
.sportsmagazine-player-list figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-player>ul>li {
  list-style: none;
  margin-bottom: 50px
}

.sportsmagazine-player-list figure {
  width: 268px;
  float: left;
  margin: 0
}

.sportsmagazine-player-list figure a {
  position: relative
}

.sportsmagazine-player-list figure a i {
  position: absolute;
  right: 2px;
  top: 50%;
  width: 40px;
  height: 40px;
  border-radius: 100%;
  text-align: center;
  background-color: #333;
  color: #fff;
  z-index: 2;
  padding: 14px 0 0;
  margin: -18px 0 0
}

.sportsmagazine-player-list figure a i:hover {
  background-color: #fff;
  color: #3f3f3f
}

.sportsmagazine-player-list figure:before {
  content: '';
  position: absolute;
  right: 10px;
  top: -1px;
  width: 6px;
  height: 50%;
  z-index: 1
}

.sportsmagazine-player-list figure:after {
  content: '';
  position: absolute;
  right: 10px;
  bottom: -1px;
  width: 6px;
  height: 50%
}

.sportsmagazine-player-list figure~.sportsmagazine-player-list-text {
  margin-left: 268px;
  height: 278px
}

.sportsmagazine-player-list-text {
  background-color: #eee;
  padding: 26px 30px 0 35px;
  position: relative
}

.sportsmagazine-player-list-text:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 1px;
  background-color: #eee;
  width: 21px;
  height: 50%
}

.sportsmagazine-player-list-text:after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: 1px;
  background-color: #eee;
  width: 21px;
  height: 50%
}

.sportsmagazine-forword-btn {
  display: inline-block;
  font-size: 10px;
  line-height: 1.5;
  border-radius: 3px;
  padding: 3px 11px 5px;
  margin: 0 0 4px
}

.sportsmagazine-player-list-text h3 {
  margin: 0 0 17px;
  text-transform: uppercase;
  font-weight: 700;
  font-size: inherit;
}

.sportsmagazine-player-list-text h3 a {
  color: #2E77C9;
  font-size: 20px;
  font-weight: inherit;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-player-list-text p strong {
  color: #2E77C9
}

.sportsmagazine-player-list-text h3 a:hover {
  color: #2E77C9
}

.sportsmagazine-player-list-text h3 a:after {
  content: "";
  border-bottom: 4px solid #3f3f3f;
  width: 30px;
  margin-top: 10px;
  display: block
}

.sportsmagazine-player-list-text p {
  color: #666;
  margin: 0 0 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  line-height: 24px
}

.sportsmagazine-player-social {
  display: inline-block;
  width: 100%;
  margin: 0;
  border-top: 1px solid #444;
  padding: 24px 0 16px
}

.sportsmagazine-player-social li {
  float: left;
  list-style: none;
  margin: 0 11px 0 0
}

.sportsmagazine-player-social li a {
  font-size: 15px;
  color: #999
}

.sportsmagazine-player-thumb-wrap {
  float: left;
  width: 100%
}

.sportsmagazine-player-thumb-wrap figure {
  float: left;
  width: 290px;
  margin: 0
}

.sportsmagazine-player-thumb-wrap figure img {
  float: left;
  width: 100%
}

.sportsmagazine-player-thumb-text {
  float: left;
  width: 50%;
  margin: 0 0 0 66px;
  padding: 42px 0 55px 30px
}

.sportsmagazine-player-thumb-text h2 {
  float: left;
  margin: 0 0 25px;
  font-size: 55px;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-player-thumb-text h3 {
  font-weight: 700;
  font-size: 25px;
  color: #fff;
  line-height: 1;
  float: left;
  margin: 5px 0 43px 16px
}

.sportsmagazine-player-thumb-text h3 span {
  font-size: 40px;
  line-height: .8
}

.sportsmagazine-player-info {
  float: left;
  width: 100%
}

.sportsmagazine-player-info li {
  float: left;
  list-style: none;
  width: 33.333%;
  margin: 0 0 15px
}

.sportsmagazine-player-info li h5 {
  margin: 0;
  font-weight: 700;
  color: #fff;
  line-height: 1.3
}

.sportsmagazine-player-info li span {
  color: #ccc
}

.sportsmagazine-client-detail {
  margin-bottom: 24px;
  float: left;
  width: 100%;
  background-color: #f5f5f5
}

.sportsmagazine-client-detail tr>th {
  color: #000;
  border: none;
  padding: 9px 27px 6px 30px;
  text-align: left
}

.sportsmagazine-client-detail tr>td {
  border: none;
  border-bottom: none;
  border-top: none;
  padding: 14px 27px 10px 30px;
  text-align: left;
  font-size: 12px;
  color: #666
}

.sportsmagazine-client-detail tr>th:last-child {
  padding: 9px 36px 6px 30px
}

.sportsmagazine-client-detail tr>td:last-child {
  padding: 14px 30px 10px
}

.sportsmagazine-client-detail tr {
  border-bottom: 1px solid #ececec
}

.sportsmagazine-client-detail tr:last-child {
  border-bottom: none
}

.sportsmagazine-client-detail tr>td figure {
  float: left;
  margin: 6px 0 0;
  width: 20px;
  line-height: 1
}

.sportsmagazine-client-detail tr>td figure img {
  border-radius: 100%
}

.sportsmagazine-client-detail tr>td figure~.player-stats-text {
  margin: 4px 0 0 32px;
  line-height: .6
}

.player-stats-text h6 {
  font-size: 12px;
  margin: 0;
  line-height: 1
}

.player-stats-text>span {
  font-size: 10px;
  color: #999
}

.sportsmagazine-client-detail tr>td>span {
  color: #292c31;
  line-height: 1
}

.sportsmagazine-player-accuracy {
  float: left;
  width: 100%;
  margin: 0 0 30px
}

.sportsmagazine-player-accuracy p {
  margin: 0 0 16px;
  float: left;
  line-height: 24px
}

.sportsmagazine-player-accuracy .sportsmagazine-section-heading {
  margin: 0 0 27px
}

.sportsmagazine-player-skillbar {
  float: left;
  width: 100%;
  margin: 0 0 30px;
  padding: 4px 0 0
}

.sportsmagazine-player-skillbar .skillst h6 {
  font-size: 14px;
  margin: 0 0 9px;
  float: left;
  font-weight: 700
}

.sportsmagazine-player-skillbar .skillst span {
  float: right;
  font-weight: 700
}

.sportsmagazine-player-skillbar .skillst {
  margin: 0 0 20px
}

.skillst {
  float: left;
  width: 100%;
  position: relative
}

.bar-container {
  width: 100%;
  float: left;
  position: relative
}

.bar-container .bar {
  height: 100%;
  position: absolute;
  left: 0;
  top: 0
}

.bar-container .bar small {
  display: none
}

.skillst .title {
  display: none
}

.skillst .count {
  float: right;
  font-size: 12px;
  color: #272727;
  margin: -27px 0 0
}

.sportsmagazine-thumb-team-one {
  padding: 35px 0 0
}

.sportsmagazine-thumb-team-one,
.sportmagazine-score-counter {
  float: left;
  width: 100%;
  text-align: center
}

.sportsmagazine-thumb-team-one figure {
  display: inline-block;
  width: 72px;
  margin: 0 0 12px
}

.sportsmagazine-thumb-team-one section h4 {
  font-weight: 700;
  margin: 0 0 2px;
  color: #fff
}

.sportsmagazine-thumb-team-one section span {
  float: left;
  width: 100%;
  color: #fff;
  font-size: 13px;
  margin: 0 0 5px
}

.sportmagazine-score-counter h4 {
  margin: 0 0 16px;
  text-transform: uppercase;
  color: #fff
}

.sportmagazine-score-counter h4>span {
  font-weight: 700;
  font-size: 24px;
  margin: 0 20px 0 21px
}

.sportmagazine-score-counter>span {
  font-weight: 700;
  font-size: 18px;
  color: #fff;
  margin: 0 0 4px 31px;
  display: inline-block
}

.sportmagazine-score-counter p {
  font-size: 60px;
  margin: 0 0 33px;
  color: #fff;
  font-weight: 700
}

.sportmagazine-score-counter p span {
  line-height: 1
}

.sportmagazine-score-counter p small {
  font-size: 35px;
  display: inline-block;
  margin: 0 1px
}

.sportsmagazine-countdown {
  float: left;
  width: 100%
}

.sportsmagazine-countdown .countdown-row {
  margin-bottom: 0;
  float: left;
  width: 100%
}

.sportsmagazine-countdown .countdown-section {
  float: left;
  width: 25%;
  position: relative;
  line-height: 1;
  padding: 0 0 0 4px
}

.sportsmagazine-countdown .countdown-section:last-child:before {
  display: none
}

.sportsmagazine-countdown .countdown-section:before {
  position: absolute;
  font-size: 40px;
  color: #fff;
  top: -1px;
  right: -8px;
  content: ":"
}

.sportsmagazine-countdown .countdown-amount {
  font-size: 45px;
  margin-bottom: 5px;
  font-weight: 700;
  display: block;
  color: #fff
}

.sportsmagazine-countdown .countdown-period {
  font-size: 20px;
  color: #fff
}

.sportsmagazine-match-info {
  float: left;
  width: 100%;
  margin: 0 0 13px
}

.sportsmagazine-match-info li {
  float: left;
  line-height: 1;
  list-style: outside none none;
  margin: 0 20px 10px 0;
  padding-left: 45px;
  position: relative
}

.sportsmagazine-match-info li small {
  background-color: #f92552;
  font-size: 12px;
  color: #fff;
  font-weight: 700;
  padding: 10px 29px;
  float: left;
  border-radius: 3px;
  cursor: not-allowed
}

.sportsmagazine-match-info li:last-child {
  padding: 0
}

.sportsmagazine-match-info li i {
  background-color: #f5f5f5;
  font-size: 13px;
  color: #666;
  height: 32px;
  left: 0;
  padding: 9px 0 0 2px;
  position: absolute;
  text-align: center;
  top: 0;
  width: 31px
}

.sportsmagazine-match-info li i:after {
  border-bottom: 16px solid transparent;
  border-left: 9px solid #f5f5f5;
  border-top: 16px solid transparent;
  content: "";
  position: absolute;
  right: -9px;
  top: 0
}

.sportsmagazine-match-info li span {
  background-color: #f5f5f5;
  color: #666;
  float: left;
  font-size: 12px;
  padding: 9px 20px 11px 15px;
  position: relative
}

.sportsmagazine-match-info li span:before {
  border-left: 11px solid transparent;
  border-top: 16px solid #f5f5f5;
  content: "";
  left: -10px;
  position: absolute;
  top: 0
}

.sportsmagazine-match-info li span:after {
  border-bottom: 16px solid #f5f5f5;
  border-left: 11px solid transparent;
  bottom: 0;
  content: "";
  left: -10px;
  position: absolute
}

.sportsmagazine-match-location {
  float: left;
  width: 100%;
  margin: 0 0 54px
}

.sportsmagazine-match-location p {
  margin: 0 0 23px;
  line-height: 24px
}

.sportsmagazine-match-location #map {
  width: 100%;
  height: 300px
}

.sportsmagazine-gallery,
.sportsmagazine-fixture-gallery figure,
.sportsmagazine-fixture-gallery figure a,
.sportsmagazine-fixture-gallery figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-gallery ul li {
  list-style: none
}

.sportsmagazine-fixture-gallery {
  margin: 0 0 50px
}

.sportsmagazine-fixture-gallery p {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  color: #C3DCF8;
  font-size: 25px
}

.sportsmagazine-fixture-gallery ul {
  margin: 0 -5px
}

.sportsmagazine-fixture-gallery ul li {
  float: left;
  width: 33.333%;
  padding: 0 5px;
  margin: 0 0 10px
}

.sportsmagazine-fixture-gallery figure {
  margin: 0;
  overflow: hidden
}

.sportsmagazine-fixture-gallery figure span {
  position: absolute;
  left: -10px;
  bottom: 20px;
  font-size: 20px;
  font-weight: 700;
  color: #ffdc11;
  font-weight: initial;
  padding: 10px 30px 10px 20px;
  border-radius: 3px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  -webkit-clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);
  clip-path: polygon(0 0, 100% 0%, 85% 100%, 0 100%);
  box-shadow: 4px 9px 26px #333;
  -webkit-box-shadow: 4px 9px 26px #333;
  -moz-box-shadow: 4px 9px 26px #333
}

.sportsmagazine-fixture-gallery figure span:before {
  content: "";
  border-left: 10px solid #ffdc11;
  padding: 10px 0;
  position: relative;
  left: -10px
}

.sportsmagazine-fixture-gallery ul li:hover figure span {
  left: 0;
  bottom: 0;
  opacity: 0;
  visibility: hidden
}

.sportsmagazine-fixture-gallery figure:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 70px solid;
  border-left: 70px solid transparent;
  z-index: 1;
  opacity: 0
}

.sportsmagazine-fixture-gallery ul li:hover figure:before {
  opacity: 1
}

.sportsmagazine-fixture-gallery figure>a {
  position: relative;
  overflow: hidden
}

.sportsmagazine-fixture-gallery figure>a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  width: 100%;
  height: 100%;
  opacity: 0
}

.sportsmagazine-fixture-gallery ul li:hover figure>a:before {
  opacity: .91;
  background-color: #27282a
}

.sportsmagazine-fixture-gallery figure>a i {
  color: #fff;
  position: absolute;
  bottom: 14px;
  right: 14px;
  font-size: 15px;
  z-index: 2;
  opacity: 0
}

.sportsmagazine-fixture-gallery ul li:hover figure>a i {
  opacity: 1
}

.sportsmagazine-fixture-gallery figure figcaption {
  position: absolute;
  top: 65%;
  left: 0;
  width: 100%;
  text-align: center;
  margin: -52px 0 0;
  opacity: 0;
  visibility: hidden
}

.sportsmagazine-fixture-gallery ul li:hover figure figcaption {
  opacity: 1;
  visibility: visible
}

.sportsmagazine-fixture-gallery figure figcaption h6 {
  margin: 0 0 5px;
  font-weight: 700;
  padding: 0 37px;
  display: inline-block
}

.sportsmagazine-fixture-gallery figure figcaption h6 a {
  color: #fff;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-weight: initial
}

.sportsmagazine-fixture-gallery figure figcaption time {
  font-size: 12px;
  display: inline-block;
  font-weight: 700;
  color: #2a2b2d;
  border-radius: 3px;
  padding: 0 17px 2px 16px
}

.sportsmagazine-fixture {
  float: left;
  width: 100%
}

.sportsmagazine-fixture ul li {
  list-style: none;
  margin: 0 0 50px
}

.sportsmagazine-fixture-wrap {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  position: relative;
  margin: 0 0 20px
}

.sportsmagazine-fixture ul li:last-child .sportsmagazine-fixture-wrap {
  margin: 0
}

.sportsmagazine-fixture-wrap:before {
  content: '';
  width: 6px;
  height: 100%;
  position: absolute;
  right: 33%;
  top: 0
}

.sportsmagazine-teams-match {
  float: left;
  width: 66.6667%
}

.sportsmagazine-match-view {
  float: left;
  text-align: center;
  margin: -20px 0 0
}

.sportsmagazine-match-view h5 {
  font-size: 16px;
  margin: 0 0 20px;
  background-color: #27282a;
  font-weight: 700;
  color: #fff;
  padding: 8px 21px 8px 22px;
  position: relative
}

.sportsmagazine-match-view h5:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid #27282a;
  border-left: 10px solid transparent
}

.sportsmagazine-match-view h5:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 20px solid #27282a;
  border-right: 10px solid transparent
}

.sportsmagazine-match-view span {
  display: inline-block;
  background-color: #27282a;
  color: #fff;
  font-size: 20px;
  font-weight: 700;
  padding: 5px 18px 7px;
  position: relative
}

.sportsmagazine-match-view span:before {
  content: '';
  position: absolute;
  left: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-right: 5px solid #27282a;
  border-bottom: 20px solid transparent
}

.sportsmagazine-match-view span:after {
  content: '';
  position: absolute;
  right: -5px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 20px solid transparent;
  border-left: 5px solid #27282a;
  border-bottom: 20px solid transparent
}

.sportsmagazine-first-team,
.sportsmagazine-second-team {
  background-color: #ededed;
  float: left;
  padding: 28px 36px 29px 91px;
  margin: 0 21px 0 0;
  position: relative
}

.sportsmagazine-first-team:before {
  content: '';
  position: absolute;
  right: -103px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 120px solid #ededed;
  border-right: 104px solid transparent
}

.sportsmagazine-second-team:before {
  content: '';
  position: absolute;
  left: -103px;
  top: 0;
  width: 0;
  height: 0;
  border-bottom: 120px solid #ededed;
  border-left: 103px solid transparent
}

.sportsmagazine-second-team {
  padding: 28px 76px 29px 35px;
  margin: 0;
  float: right
}

.sportsmagazine-first-team figure,
.sportsmagazine-second-team figure {
  margin: 0;
  float: right;
  width: 55px
}

.sportsmagazine-teams-match figure a img,
.sportsmagazine-teams-match figure a {
  float: left;
  width: 100%
}

.sportsmagazine-teams-match figure~.sportsmagazine-first-team-info {
  margin: 0 48px 0 0;
  text-align: right;
  padding: 17px 20px 0 0;
  line-height: 1
}

.sportsmagazine-first-team-info h6,
.sportsmagazine-second-team-info h6 {
  font-weight: 700;
  line-height: 15px;
  margin: 0
}

.sportsmagazine-first-team-info>span,
.sportsmagazine-second-team-info>span {
  display: inline-block;
  font-size: 10px;
  color: #292c31
}

.sportsmagazine-second-team>figure {
  float: left
}

.sportsmagazine-teams-match figure~.sportsmagazine-second-team-info {
  margin: 0 0 0 55px;
  padding: 14px 0 0 19px;
  line-height: 1
}

.sportsmagazine-buy-ticket {
  float: left;
  width: 33.333%;
  padding: 34px 27px 0 34px
}

.sportsmagazine-buy-ticket-text {
  float: left;
  line-height: 1.5
}

.sportsmagazine-buy-ticket-text h5 {
  font-weight: 700;
  margin: 0 0 4px
}

.sportsmagazine-buy-ticket-text time {
  font-size: 12px;
  color: #292c31;
  float: left
}

.sportsmagazine-buy-ticket-text time span {
  float: right;
  margin: 0 0 0 16px
}

.ticket-buy-btn {
  float: right;
  font-size: 11px;
  background-color: #27282a;
  color: #fff;
  font-weight: 700;
  padding: 0 17px 2px 15px;
  border-radius: 3px;
  margin: 11px 0 0
}

.ticket-buy-btn:hover {
  background-color: #ffdc11;
  color: #84701c
}

.sportsmagazine-classic-fixture-wrap {
  float: left;
  width: 100%;
  background-color: #f5f5f5
}

.sportsmagazine-classic-team-one {
  float: left;
  background-color: #292c31;
  text-align: center;
  padding: 70px 26px 69px;
  position: relative
}

.sportsmagazine-classic-team-one:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #f5f5f5;
  border-left: 50px solid transparent
}

.sportsmagazine-classic-team-one:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #f5f5f5;
  border-left: 50px solid transparent
}

.sportsmagazine-classic-team-one figure {
  display: inline-block;
  width: 68px;
  margin: 0 0 3px
}

.sportsmagazine-classic-team-one figure img {
  float: left;
  width: 100%
}

.sportsmagazine-classic-team-one section {
  float: left;
  width: 100%;
  line-height: 1
}

.sportsmagazine-classic-team-one section h6 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 1px;
  line-height: 1.2
}

.sportsmagazine-classic-team-one section h6 a {
  color: #fff
}

.sportsmagazine-classic-team-one section span {
  color: #fff;
  font-size: 10px
}

.sportsmagazine-classic-match-text {
  float: left;
  text-align: center;
  line-height: 1.5;
  padding: 27px 0 0 9px
}

.sportsmagazine-classic-match-text h5 {
  font-weight: 700;
  margin: 0;
  line-height: 1
}

.sportsmagazine-classic-match-text time {
  font-size: 12px;
  color: #292c31;
  display: inline-block;
  margin: 0 0 31px
}

.sportsmagazine-classic-match-text>span {
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  background-color: #292c31;
  color: #fff;
  padding: 8px 29px;
  margin: 0 0 14px;
  position: relative
}

.sportsmagazine-classic-match-text>span:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-right: 10px solid #292c31;
  border-bottom: 26px solid transparent
}

.sportsmagazine-classic-match-text>span:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-left: 10px solid #292c31;
  border-bottom: 26px solid transparent
}

.sportsmagazine-classic-match-text h6 {
  font-size: 14px;
  margin: 0 0 4px;
  font-weight: 700
}

.sportsmagazine-classic-team-two {
  float: right;
  background-color: #292c31;
  text-align: center;
  padding: 70px 16px 69px;
  position: relative
}

.sportsmagazine-classic-team-two:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 100px solid #f5f5f5;
  border-right: 50px solid transparent
}

.sportsmagazine-classic-team-two:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 100px solid #f5f5f5;
  border-right: 50px solid transparent
}

.sportsmagazine-classic-team-two figure {
  display: inline-block;
  width: 68px;
  margin: 0 0 3px
}

.sportsmagazine-classic-team-two figure img {
  float: left;
  width: 100%
}

.sportsmagazine-classic-team-two section {
  float: left;
  width: 100%;
  line-height: 1
}

.sportsmagazine-classic-team-two section h6 {
  font-weight: 700;
  margin: 0 0 1px;
  line-height: 1.2
}

.sportsmagazine-classic-team-two section h6 a {
  color: #fff
}

.sportsmagazine-classic-team-two section span {
  color: #fff;
  font-size: 10px
}

.sportsmagazine-classic-match-text .ticket-buy-btn {
  float: none;
  display: inline-block;
  padding: 4px 15px 6px;
  font-size: 10px
}

.sportsmagazine-classic-match-text .ticket-buy-btn.btn-color {
  background-color: #f92552;
  padding: 4px 20px 6px;
  cursor: not-allowed
}

.sportsmagazine-classic-match-text .ticket-buy-btn.btn-color:hover {
  color: #fff
}

.sportsmagazine-modren-fixture-wrap {
  float: left;
  width: 100%;
  padding: 0 15px;
  position: relative
}

.sportsmagazine-modren-fixture-text {
  float: left;
  width: 100%;
  padding: 30px 0 20px
}

.sportsmagazine-modren-team-one {
  float: left;
  background-color: #292c31;
  text-align: center;
  padding: 40px 25px 40px 26px;
  position: relative;
  margin: 0 0 0 -15px
}

.sportsmagazine-modren-team-one:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-top: 70px solid;
  border-left: 50px solid transparent
}

.sportsmagazine-modren-team-one:after {
  content: '';
  position: absolute;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom: 70px solid;
  border-left: 50px solid transparent
}

.sportsmagazine-modren-team-one>span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%
}

.sportsmagazine-modren-team-one>span:before {
  content: '';
  position: absolute;
  left: 0;
  top: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #27282a;
  border-left: 15px solid transparent
}

.sportsmagazine-modren-team-one>span:after {
  content: '';
  position: absolute;
  left: 0;
  bottom: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid #27282a;
  border-left: 15px solid transparent
}

.sportsmagazine-modren-team-one figure {
  display: inline-block;
  width: 68px;
  margin: 0 0 3px
}

.sportsmagazine-modren-team-one figure img {
  float: left;
  width: 100%
}

.sportsmagazine-modren-team-one section {
  float: left;
  width: 100%;
  line-height: 1
}

.sportsmagazine-modren-team-one section h6 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 1px;
  line-height: 1.2
}

.sportsmagazine-modren-team-one section>span {
  color: #fff;
  font-size: 10px
}

.sportsmagazine-modren-match-text {
  float: left;
  text-align: center;
  line-height: 1.5;
  margin: -3px 0 0;
  padding: 0 0 0 9px
}

.sportsmagazine-modren-match-text .ticket-buy-btn:hover {
  background-color: #27282a;
  color: #fff
}

.sportsmagazine-modren-match-text h5 {
  font-weight: 700;
  margin: 0;
  line-height: 1
}

.sportsmagazine-modren-match-text time {
  font-size: 12px;
  color: #292c31;
  display: inline-block;
  margin: 0 0 33px
}

.sportsmagazine-modren-match-text span {
  font-size: 24px;
  display: inline-block;
  font-weight: 700;
  background-color: #292c31;
  color: #fff;
  padding: 8px 29px;
  margin: 0 0 14px;
  position: relative
}

.sportsmagazine-modren-match-text span:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-right: 10px solid #292c31;
  border-bottom: 26px solid transparent
}

.sportsmagazine-modren-match-text span:after {
  content: '';
  position: absolute;
  right: -10px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 26px solid transparent;
  border-left: 10px solid #292c31;
  border-bottom: 26px solid transparent
}

.sportsmagazine-modren-match-text h6 {
  font-size: 14px;
  margin: 0 0 4px;
  font-weight: 700
}

.sportsmagazine-modren-team-two {
  float: right;
  background-color: #292c31;
  text-align: center;
  padding: 40px 17px 40px 16px;
  position: relative;
  margin: 0 -15px 0 0
}

.sportsmagazine-modren-team-two:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  border-top: 70px solid;
  border-right: 50px solid transparent
}

.sportsmagazine-modren-team-two:after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 70px solid;
  border-right: 50px solid transparent
}

.sportsmagazine-modren-team-two>span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%
}

.sportsmagazine-modren-team-two>span:before {
  content: '';
  position: absolute;
  right: 0;
  top: -15px;
  width: 0;
  height: 0;
  border-bottom: 15px solid #27282a;
  border-right: 15px solid transparent
}

.sportsmagazine-modren-team-two>span:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  width: 0;
  height: 0;
  border-top: 15px solid #27282a;
  border-right: 15px solid transparent
}

.sportsmagazine-modren-team-two figure {
  display: inline-block;
  width: 68px;
  margin: 0 0 3px
}

.sportsmagazine-modren-team-two figure img {
  float: left;
  width: 100%
}

.sportsmagazine-modren-team-two section {
  float: left;
  width: 100%;
  line-height: 1
}

.sportsmagazine-modren-team-two section h6 {
  color: #fff;
  font-weight: 700;
  margin: 0 0 1px;
  line-height: 1.2
}

.sportsmagazine-modren-team-two section span {
  color: #fff;
  font-size: 10px
}

.sportsmagazine-modren-match-text .ticket-buy-btn {
  float: none;
  display: inline-block;
  padding: 4px 15px 6px
}

.sportsmagazine-playoff-staning {
  float: left;
  width: 100%;
  margin: 0 0 6px
}

.sportsmagazine-playoff-staning h4 {
  margin: 0;
  background-color: #f5f5f5;
  font-weight: 700;
  padding: 19px 0 26px 30px;
  border-bottom: 1px solid #ececec
}

.sportsmagazine-playoff-staning .sportsmagazine-client-detail tr>th {
  text-align: center
}

.sportsmagazine-playoff-staning .sportsmagazine-client-detail tr>td {
  text-align: center
}

.sportsmagazine-playoff-staning .sportsmagazine-client-detail tr>td figure~.player-stats-text {
  text-align: left
}

.sportsmagazine-playoff-staning .sportsmagazine-client-detail tr>td {
  padding: 14px 27px 15px 30px
}

.sportsmagazine-offstanding-text {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 15px 0
}

.sportsmagazine-offstanding-text li {
  float: left;
  list-style: none;
  width: 25%;
  padding: 11px 0 10px 30px
}

.sportsmagazine-offstanding-text li h6 {
  float: left;
  margin: 0;
  font-weight: 700;
  font-size: 12px
}

.sportsmagazine-offstanding-text li span {
  font-size: 12px;
  float: left;
  line-height: 1.5;
  margin: 0 0 0 10px
}

.sportsmagazine-login-form,
.sportsmagazine-login-form form ul li input[type="text"],
.sportsmagazine-login-form form {
  float: left;
  width: 100%
}

.sportsmagazine-login-form {
  background-color: #f5f5f5;
  padding: 31px 40px 25px;
  text-align: center;
  position: relative;
  margin: 0 0 46px
}

.sportsmagazine-login-form:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -4px;
  width: 50%;
  height: 10px;
  background-color: #f5f5f5
}

.sportsmagazine-login-form:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -4px;
  width: 50%;
  height: 10px;
  background-color: #f5f5f5
}

.sportsmagazine-login-form form {
  margin: 0 0 15px
}

.sportsmagazine-login-form h4 {
  font-weight: 700;
  text-align: left;
  text-transform: uppercase;
  margin: 0 0 30px;
  position: relative;
  padding: 0 0 14px
}

.sportsmagazine-login-form h4:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  background-color: #ececec;
  width: 380px;
  height: 1px
}

.sportsmagazine-login-form form ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 15px
}

.sportsmagazine-login-form form ul li input[type="text"] {
  margin: 0;
  color: #999;
  font-size: 12px;
  height: 40px;
  background-color: #eee;
  padding-left: 21px;
  font-style: italic
}

.sportsmagazine-login-form form ul li a {
  float: right;
  border-bottom: 1px solid #666;
  color: #666;
  line-height: 1;
  margin: 18px 0 0
}

.sportsmagazine-login-form form ul li label.submit-border {
  float: left;
  margin: 0;
  position: relative
}

.sportsmagazine-login-form form ul li label.submit-border span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%
}

.sportsmagazine-login-form form ul li label.submit-border span:before {
  border-left: 1px solid #bbb;
  content: "";
  height: 8px;
  left: 2px;
  position: absolute;
  bottom: 50%;
  transform: rotate(-45deg);
  width: 1px;
  margin: 0 0 -1px
}

.sportsmagazine-login-form form ul li label.submit-border span:after {
  border-left: 1px solid #bbb;
  content: "";
  height: 8px;
  left: 2px;
  position: absolute;
  top: 50%;
  transform: rotate(45deg);
  width: 1px;
  margin: -1px 0 0
}

.sportsmagazine-login-form form ul li label.submit-border:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 14px;
  width: 1px;
  background-color: #bbb
}

.sportsmagazine-login-form form ul li label.submit-border:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  height: 15px;
  width: 1px;
  background-color: #bbb
}

.sportsmagazine-login-form form ul li input[type="submit"] {
  background-color: transparent;
  border: 1px solid #bbb;
  color: #888;
  font-weight: 700;
  border-right: none;
  padding: 3px 25px 5px
}

.sportsmagazine-login-social {
  float: left;
  width: 100%;
  border-top: 1px solid #ececec;
  padding: 25px 0 0;
  margin: 0 0 14px
}

.sportsmagazine-login-social li {
  float: left;
  list-style: none;
  margin: 0 10px 9px 0
}

.sportsmagazine-login-social li:last-child {
  margin-right: 0
}

.sportsmagazine-login-social li a {
  float: left;
  color: #fff;
  font-size: 12px;
  line-height: 21px;
  padding: 4px 17px 0 0;
  border-radius: 3px
}

.sportsmagazine-login-social li a i {
  float: left;
  height: 30px;
  margin: -4px 15px 0 0;
  padding: 8px 0 0;
  text-align: center;
  width: 30px;
  border-radius: 3px 0 0 3px
}

.sportsmagazine-login-social li a.color-one {
  background-color: #4d6baa
}

.sportsmagazine-login-social li a.color-two {
  background-color: #3fcef2
}

.sportsmagazine-login-social li a.color-three {
  background-color: #e34d39
}

.sportsmagazine-login-social li a.color-one>i {
  background-color: #47639d
}

.sportsmagazine-login-social li a.color-two>i {
  background-color: #3bc1e3
}

.sportsmagazine-login-social li a.color-three>i {
  background-color: #d74835
}

.sportsmagazine-login-social li a.color-four {
  background-color: #5280a4
}

.sportsmagazine-login-social li a.color-four>i {
  background-color: #466d8c
}

.sportsmagazine-login-form span {
  font-size: 12px;
  color: #777
}

.sportsmagazine-login-form span a {
  font-weight: 700;
  text-transform: uppercase
}

.sportsmagazine-register-form {
  text-align: left
}

.sportsmagazine-register-form.sportsmagazine-login-form label.form-label {
  color: #292c31;
  font-weight: 700;
  float: left;
  font-size: 12px;
  margin: 0
}

.sportsmagazine-register-form.sportsmagazine-login-form h4 {
  margin: 0 0 21px
}

.sportsmagazine-register-form.sportsmagazine-login-form form ul li {
  margin: 0 0 19px
}

.sportsmagazine-register-form.sportsmagazine-login-form form ul li>label.submit-border {
  margin: 11px 0 0
}

.sportsmagazine-register-form.sportsmagazine-login-form form {
  margin: 0
}

.sportsmagazine-register-form.sportsmagazine-login-form {
  padding: 31px 40px 15px
}

.sportsmagazine-modern-player figure,
.sportsmagazine-modern-player figure a,
.sportsmagazine-modern-player figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-modern-player figure {
  margin: 0
}

.sportsmagazine-modern-player figure figcaption {
  background: url(images/vpattren.html);
  position: relative;
  float: left;
  margin: -47px 0 0;
  padding: 10px;
  width: 200px;
  line-height: 1
}

.sportsmagazine-modern-player figure figcaption:before {
  content: '';
  position: absolute;
  right: -21px;
  bottom: 0;
  background: url(images/modern-player-shape.html);
  width: 21px;
  height: 26px
}

.sportsmagazine-modern-player figure figcaption>span {
  float: left;
  font-size: 45px;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-modern-player figure figcaption span~h3 {
  margin: 0 0 0 67px
}

.sportsmagazine-modern-player figure figcaption h3 {
  margin: 0;
  font-weight: 700;
  color: #fff;
  line-height: 1.2
}

.sportsmagazine-roster-graph {
  float: left;
  width: 100%;
  margin: 0 0 16px
}

.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td {
  padding: 14px 27px 10px 35px
}

.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th,
.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>th:last-child {
  padding: 9px 27px 6px 33px
}

.sportsmagazine-roster-graph .sportsmagazine-client-detail tr>td>span {
  font-size: 12px;
  font-weight: 700
}

.sportsmagazine-roster-graph h4 {
  margin: 0;
  background-color: #f5f5f5;
  font-weight: 700;
  padding: 19px 0 26px 30px;
  border-bottom: 1px solid #ececec
}

.sportsmagazine-overview {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 44px 37px 15px 50px;
  text-align: center;
  margin: 0 0 50px
}

.sportsmagazine-overview-wrap {
  float: left;
  width: 100%;
  margin: 0 0 17px
}

.sportsmagazine-overview-team-one,
.sportsmagazine-overview-team-two {
  float: left;
  padding: 90px 52px 29px 5px
}

.sportsmagazine-overview-team-two {
  padding: 94px 0 29px 47px
}

.sportsmagazine-overview-team-one figure,
.sportsmagazine-overview-team-two figure {
  margin: 0;
  float: right;
  width: 72px
}

.sportsmagazine-overview-team-one figure a img,
.sportsmagazine-overview-team-one figure a,
.sportsmagazine-overview-team-two figure a img,
.sportsmagazine-overview-team-two figure a {
  float: left;
  width: 100%
}

.sportsmagazine-overview-team-one figure~section {
  margin: 0 72px 0 0;
  text-align: right;
  padding: 14px 18px 0 0;
  line-height: 1
}

.sportsmagazine-overview-team-one section h4,
.sportsmagazine-overview-team-two section h4 {
  font-weight: 700;
  margin: 0 0 5px
}

.sportsmagazine-overview-team-one section>span,
.sportsmagazine-overview-team-two section>span {
  float: left;
  font-size: 13px;
  color: #292c31
}

.sportsmagazine-overview-team-two>figure {
  float: left
}

.sportsmagazine-overview-team-two figure~section {
  margin: 0 0 0 72px;
  padding: 11px 0 0 17px;
  line-height: 1
}

.sportsmagazine-overview-score {
  float: left;
  text-align: center
}

.sportsmagazine-overview-score h5 {
  margin: 0 0 1px;
  font-weight: 700
}

.sportsmagazine-overview-score time {
  font-size: 12px;
  font-weight: 700;
  color: #292c31;
  margin: 0 0 18px;
  display: inline-block
}

.sportsmagazine-overview-score span {
  font-size: 60px;
  color: #292c31;
  font-weight: 700;
  line-height: 1;
  display: inline-block;
  margin: 2px 0 0
}

.sportsmagazine-overview-score span small {
  font-size: 35px;
  display: inline-block
}

.sportsmagazine-gamestats {
  float: left;
  width: 100%;
  text-align: center
}

.sportsmagazine-overview-player-name {
  float: left;
  padding: 9px 0 0
}

.sportsmagazine-overview-player-name p {
  margin: 0 0 14px;
  font-size: 12px;
  color: #292c31
}

.sportsmagazine-overview-scorecard {
  float: left;
  display: table;
  background-color: #fff;
  margin: 0 30px 30px
}

.sportsmagazine-overview-scorecard ul {
  display: table-row
}

.sportsmagazine-overview-scorecard ul li {
  display: table-cell;
  list-style: none;
  font-size: 12px;
  padding: 16px 26px 10px;
  border-bottom: 1px solid #f5f5f5
}

.sportsmagazine-overview-scorecard ul.border-none li {
  border-bottom: none
}

.sportsmagazine-overview-scorecard ul.scorecard-head li {
  font-weight: 700
}

.sportsmagazine-overview-scorecard li:first-child {
  text-align: left
}

.sportsmagazine-overview-scorecard li h6 {
  margin: 0;
  font-weight: 700;
  padding: 0 0 0 3px
}

.sportsmagazine-gamestats-btn {
  font-weight: 700;
  display: inline-block;
  font-size: 18px;
  background: #fff;
  padding: 12px 189px;
  margin: 0 21px 23px 0
}

.sportsmagazine-overview-skillbar {
  margin: 0 -25px;
  padding: 0 13px 0 0
}

.sportsmagazine-overview-skillbar .skillst h6 {
  font-size: 12px;
  margin: 0 0 6px;
  float: left;
  font-weight: 700
}

.sportsmagazine-overview-skillbar .skillst span {
  font-size: 12px;
  float: right;
  font-weight: 700
}

.sportsmagazine-overview-skillbar .skillst {
  margin: 0 0 15px;
  width: 50%;
  padding: 0 25px
}

.sportsmagazine-overview-graph .sportsmagazine-client-detail tr>th {
  text-align: center
}

.sportsmagazine-overview-graph .sportsmagazine-client-detail tr>td {
  text-align: center;
  padding: 14px 27px 15px 35px
}

.sportsmagazine-team-leader-graph {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 0 0 30px;
  margin: 0 0 50px
}

.sportsmagazine-team-leader-graph h4 {
  background-color: #f5f5f5;
  border-bottom: 1px solid #ececec;
  font-weight: 700;
  margin: 0;
  padding: 19px 0 21px 30px
}

.sportsmagazine-team-leader-section ul {
  display: table-row
}

.sportsmagazine-team-leader-section {
  width: 50%;
  display: table;
  float: left;
  padding: 0 25px 0 0
}

.sportsmagazine-team-leader-section.sportsmagazine-team-leader-sectiontwo {
  padding: 0 0 0 25px
}

.sportsmagazine-team-leader-section ul li {
  display: table-cell;
  list-style: none;
  font-size: 12px;
  padding: 12px 22px 10px 29px;
  border-bottom: 1px solid #ececec
}

.sportsmagazine-team-leader-section.sportsmagazine-team-leader-sectiontwo ul li {
  padding: 12px 29px 10px 22px
}

.sportsmagazine-team-leader-section.sportsmagazine-team-leader-sectiontwo ul li:first-child {
  padding-left: 0
}

.sportsmagazine-team-leader-section.sportsmagazine-team-leader-sectiontwo ul li:last-child {
  padding-right: 29px
}

.sportsmagazine-team-leader-section ul li:last-child {
  padding-right: 0
}

.sportsmagazine-team-leader-section ul.team-leader-head li {
  font-weight: 700;
  font-size: 14px;
  color: #292c31
}

.sportsmagazine-team-leader-section figure {
  float: left;
  width: 35px;
  margin: 0
}

.sportsmagazine-team-leader-section figure img {
  float: left;
  width: 100%;
  border-radius: 100%
}

.sportsmagazine-team-leader-section figure~section {
  margin: 0 0 0 35px;
  line-height: 1;
  padding: 7px 0 0 13px
}

.sportsmagazine-team-leader-section section h6 {
  margin: 0;
  font-weight: 700;
  font-size: 12px;
  line-height: .8
}

.sportsmagazine-team-leader-section section>span {
  font-size: 10px;
  line-height: 1
}

.sportsmagazine-team-leader-section ul li>span {
  color: #292c31;
  font-weight: 700
}

.sportsmagazine-fixture-mini-list .sportsmagazine-match-view {
  margin: 0;
  position: relative;
  z-index: 1;
  padding: 40px 25px 0 35px
}

.sportsmagazine-fixture-mini-list .sportsmagazine-first-team {
  padding: 28px 15px 29px 20px;
  margin: 0
}

.sportsmagazine-fixture-mini-list .sportsmagazine-second-team {
  float: right;
  padding: 28px 20px 29px 15px;
  margin: 0
}

.sportsmagazine-fixture-mini-list .sportsmagazine-second-team:before {
  border-left: 70px solid transparent;
  left: -70px
}

.sportsmagazine-fixture-mini-list .sportsmagazine-first-team:before {
  border-right: 70px solid transparent;
  right: -70px
}

.sportsmagazine-fixture-mini-list .sportsmagazine-teams-match {
  width: 61%
}

.sportsmagazine-fixture-mini-list .sportsmagazine-buy-ticket {
  width: 39%;
  padding: 34px 20px 0
}

.sportsmagazine-fixture-mini-list .sportsmagazine-fixture-wrap:before {
  right: 38%;
  margin: 0 3px 0 0
}

.sportsmagazine-fixture-mini-list .sportsmagazine-fixture-wrap {
  margin: 0
}

.sportsmagazine-fixture.sportsmagazine-fixture-mini-list ul li {
  margin: 0 0 30px
}

.sportsmagazine-fixture.sportsmagazine-fixture-mini-list {
  margin: 0 0 20px
}

.sportsmagazine-graph-img {
  float: left;
  width: 100%;
  margin: 0 0 90px
}

.sportsmagazine-thumb-img {
  float: left;
  width: 100%;
  margin: 0;
  padding: 32px 0 0
}

.sportsmagazine-thumb-img img,
.sportsmagazine-summery-option {
  float: left;
  width: 100%
}

.sportsmagazine-shop-summery {
  float: left;
  width: 75%;
  padding: 32px 0 80px
}

.sportsmagazine-shop-summery h2 {
  margin: 0 0 12px;
  font-size: 30px;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-price-cartbox {
  float: left;
  font-size: 20px;
  font-weight: 700;
  color: #fff;
  margin: 0 43px 0 0
}

.sportsmagazine-price-cartbox del {
  font-weight: 400;
  font-size: 14px;
  color: #bbb;
  margin: 0 5px 0 0
}

.star-rating {
  float: left;
  width: 27%;
  height: 21px;
  position: relative;
  margin: 4px 0 21px
}

.star-rating:before,
.star-rating-box:before {
  content: "\f006 \f006 \f006 \f006 \f006";
  font-family: FontAwesome;
  font-size: 16px;
  left: 50%;
  margin: 0 0 0 -44px;
  letter-spacing: 4px;
  position: absolute;
  top: 0
}

.star-rating-box:before {
  content: "\f005 \f005 \f005 \f005 \f005";
  margin: 0;
  left: 32px
}

.star-rating>.star-rating-box {
  height: 20px;
  left: 0;
  overflow: hidden;
  position: absolute;
  top: 0
}

.sportsmagazine-shop-summery p {
  color: #bbb;
  float: left;
  margin: 0 0 15px;
  line-height: 24px
}

.sportsmagazine-summery-option {
  margin: 0 0 20px
}

.sportsmagazine-summery-option>li {
  float: left;
  list-style: none;
  margin: 0 46px 10px 0
}

.sportsmagazine-summery-option li label {
  margin: 0 0 11px;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-summery-option li input[type="number"] {
  float: left;
  width: 58px;
  height: 30px;
  background-color: transparent;
  border: 1px solid #fff;
  color: #fff;
  font-size: 12px;
  text-align: center
}

.sportsmagazine-summery-option li a {
  float: left;
  width: 27px;
  height: 27px;
  position: relative;
  border-radius: 100%
}

.sportsmagazine-summery-option li a.white-color {
  border: 1px solid #fff;
  margin: 0 7px 0 0
}

.sportsmagazine-summery-option li a:before {
  content: '';
  position: absolute;
  left: 5px;
  top: 5px;
  width: 15px;
  height: 15px;
  border-radius: 100%;
  background-color: #fff
}

.sportsmagazine-summery-option li a.red-color:before {
  background-color: #ad1616
}

.sportsmagazine-summery-option li a.yellow-color:before {
  background-color: #f8e405
}

.sportsmagazine-summery-option li a.orange-color:before {
  background-color: #f89a05
}

.sportsmagazine-shop-tabs {
  float: left;
  width: 100%
}

.sportsmagazine-shop-tabs .nav-tabs {
  float: left;
  border-radius: 3px;
  border-bottom: none
}

.sportsmagazine-shop-tabs .nav-tabs>li>a {
  border-radius: 0;
  margin: 0;
  border: none
}

.sportsmagazine-shop-tabs .nav-tabs li {
  list-style: none;
  line-height: 1;
  margin: 0 5px 0 0
}

.sportsmagazine-shop-tabs .nav-tabs>li.active>a,
.sportsmagazine-shop-tabs .nav-tabs>li.active>a:hover,
.sportsmagazine-shop-tabs .nav-tabs>li.active>a:focus {
  border: 1px solid #292c31;
  color: #fff;
  background-color: #292c31
}

.sportsmagazine-shop-tabs .nav-tabs li a {
  float: left;
  padding: 8px 30px 12px;
  font-size: 16px;
  font-weight: 700;
  border: 1px solid #ececec;
  position: relative
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes.active a.shape-one:before,
.sportsmagazine-shop-tabs .nav-tabs li.shapes.active a.shape-one:after {
  display: none
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes.active .shape-one>span {
  position: absolute;
  right: 0;
  top: 0;
  height: 100%
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes.active .shape-one>span:before {
  content: '';
  position: absolute;
  right: -6px;
  top: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid #292c31;
  border-bottom: 5px solid transparent
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes.active .shape-one>span:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #fff;
  border-bottom: 5px solid transparent
}

.sportsmagazine-shop-tabs .nav-tabs li>a.shape-two:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-left: 5px solid #fff;
  border-bottom: 5px solid transparent
}

.sportsmagazine-shop-tabs .nav-tabs li>a.shape-two:after {
  content: '';
  position: absolute;
  left: -6px;
  bottom: 5px;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 5px solid #292c31;
  border-bottom: 5px solid transparent
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two.active>a.shape-two:after,
.sportsmagazine-shop-tabs .nav-tabs li.shapes-two.active>a.shape-two:before {
  display: block
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two>a.shape-two:after,
.sportsmagazine-shop-tabs .nav-tabs li.shapes-two>a.shape-two:before {
  display: none
}

.sportsmagazine-shop-tabs .nav-tabs li>a.shape-one:before {
  content: '';
  position: absolute;
  right: -6px;
  top: 5px;
  width: 6px;
  height: 10px;
  background: url(extra-images/shape-one.html)
}

.sportsmagazine-shop-tabs .nav-tabs li>a.shape-one:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: 5px;
  width: 6px;
  height: 10px;
  background: url(extra-images/shape-two.html)
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two.active .shape-two>span {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two.active .shape-two>span:before,
.sportsmagazine-shop-tabs .nav-tabs li.shapes-two.active .shape-two>span:after {
  display: none
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two .shape-two>span:before {
  content: '';
  position: absolute;
  left: -1px;
  top: 5px;
  width: 6px;
  height: 10px;
  background: url(extra-images/shape-one.html)
}

.sportsmagazine-shop-tabs .nav-tabs li.shapes-two .shape-two>span:after {
  content: '';
  position: absolute;
  left: -6px;
  bottom: 5px;
  width: 6px;
  height: 10px;
  background: url(extra-images/shape-two.html)
}

.sportsmagazine-shop-tabs .nav-tabs>li>a:hover {
  border: 1px solid #ececec
}

.sportsmagazine-shop-tabs .tab-content {
  display: inline-block;
  width: 100%;
  padding-top: 40px
}

.sportsmagazine-shop-tabs .tab-content .comment-respond {
  margin: 0 0 37px
}

.sportsmagazine-description {
  float: left;
  width: 100%;
  margin: 0 0 50px
}

.sportsmagazine-description p {
  margin: 0;
  color: #555;
  line-height: 24px
}

.sportsmagazine-shop,
.sportsmagazine-shop-grid figure,
.sportsmagazine-shop-grid figure a,
.sportsmagazine-shop-grid figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-shop>ul>li {
  list-style: none;
  margin: 0 0 20px
}

.sportsmagazine-shop-grid figure a {
  position: relative;
  overflow: hidden
}

.sportsmagazine-shop-grid figure a:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 20%;
  background-color: #000;
  opacity: 0
}

.sportsmagazine-shop-grid ul li:hover figure a:before {
  opacity: .6;
  height: 100%
}

.sportsmagazine-shop-grid figure a i {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 50px;
  height: 50px;
  background-color: #fff;
  font-size: 20px;
  text-align: center;
  padding: 14px 0 0;
  margin: 0 0 -26px -24px;
  opacity: 0;
  color: #3db8cc
}

.sportsmagazine-shop-grid ul li:hover figure a i {
  bottom: 50%;
  opacity: 1
}

.sportsmagazine-shop-grid figure {
  margin: 0
}

.sportsmagazine-shop-grid figure:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 0;
  height: 0;
  z-index: 1;
  border-bottom: 10px solid #fff;
  border-right: 50px solid transparent
}

.sportsmagazine-shop-grid figure:after {
  background-color: #fff;
  bottom: -7px;
  content: "";
  height: 13px;
  position: absolute;
  right: -1px;
  width: 79%
}

.sportsmagazine-shop-grid figure .star-rating {
  position: absolute;
  left: 0;
  top: 15px;
  width: 50%;
  margin: 0
}

.sportsmagazine-shop-grid ul li:hover figure .star-rating {
  opacity: 0
}

.sportsmagazine-shop-grid figure .star-rating .star-rating-box:before {
  left: 21px
}

.sportsmagazine-shop-grid section {
  text-align: center;
  position: relative;
  z-index: 1;
  float: left;
  width: 100%;
  border-left: 1px solid #ececec;
  border-right: 1px solid #ececec;
  padding: 33px 25px 23px;
  margin: -6px 0 10px;
  overflow: visible
}

.sportsmagazine-shop-grid section:before {
  background-color: #ececec;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  top: 5px;
  width: 19%;
  z-index: 1
}

.sportsmagazine-shop-grid section:after {
  background-color: #ececec;
  content: "";
  height: 1px;
  right: 0;
  position: absolute;
  top: 5px;
  width: 81%;
  z-index: 1
}

.sportsmagazine-shop-grid section h5 {
  margin: 0;
  font-weight: initial;
  line-height: 1.3;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-shop-grid section>.price-cart {
  font-weight: 700;
  position: static;
  font-size: 16px
}

.sportsmagazine-shop-grid section>.price-cart del {
  font-size: 12px;
  color: #555;
  font-weight: 400
}

.sportsmagazine-shop-grid section>span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.sportsmagazine-shop-grid section>span:before {
  background-color: #33A6B8;
  content: "";
  height: 1px;
  left: 0;
  position: absolute;
  bottom: -5px;
  width: 19%;
  z-index: 1
}

.sportsmagazine-shop-grid section>span:after {
  background-color: #33A6B8;
  content: "";
  height: 1px;
  right: 0;
  position: absolute;
  bottom: -5px;
  width: 81%;
  z-index: 1
}

.sportsmagazine-shop-list figure a,
.sportsmagazine-shop-list figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-shop-list figure {
  float: left;
  width: 293px;
  overflow: hidden;
  margin: 0
}

.sportsmagazine-shop-list figure:before {
  content: '';
  position: absolute;
  right: -8px;
  top: -1px;
  width: 30px;
  height: 51%;
  background-color: #f5f5f5
}

.sportsmagazine-shop-list figure:after {
  content: '';
  position: absolute;
  right: -8px;
  bottom: -1px;
  width: 30px;
  height: 51%;
  background-color: #f5f5f5
}

.sportsmagazine-shop-list figure .star-rating {
  position: absolute;
  left: 0;
  top: 5px;
  width: 44%
}

.sportsmagazine-shop-list figure .star-rating .star-rating-box:before {
  left: 21px
}

.sportsmagazine-shop-list figure~.sportsmagazine-shop-list-text {
  margin: 0 0 0 293px
}

.sportsmagazine-shop-list-text {
  padding: 22px 0 30px 30px;
  background-color: #f5f5f5
}

.sportsmagazine-shop-list-text h4 {
  margin: 0 0 15px;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-shop-list-text p {
  margin: 0 0 14px;
  line-height: 24px
}

.sportsmagazine-shop-list-text .sportsmagazine-price-cartbox {
  width: 100%;
  font-size: 16px;
  color: #555;
  margin: 0 0 14px
}

.sportsmagazine-shop-list-text .sportsmagazine-price-cartbox del {
  font-size: 14px;
  color: #999
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option {
  float: none;
  display: inline-block
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option li input[type="number"] {
  border-color: #ececec;
  color: #292c31
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option li a.white-color {
  border-color: #000
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option li a.white-color:before {
  background-color: #000
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option li label {
  color: #292c31
}

.sportsmagazine-shop-list-text .sportsmagazine-summery-option>li {
  margin: 0 46px 2px 0
}

.shop-cart-btn {
  display: inline-block;
  padding: 7px 25px 5px;
  font-size: 14px;
  color: #fff;
  background-color: #292c31;
  font-weight: 700;
  position: relative
}

.shop-cart-btn:before {
  content: '';
  position: absolute;
  right: -5px;
  top: 50%;
  width: 0;
  height: 0;
  margin: -5px 0 0;
  border-top: 5px solid transparent;
  border-left: 5px solid #292c31;
  border-bottom: 5px solid transparent
}

.sportsmagazine-account-tabs,
.sportsmagazine-account,
.sportsmagazine-account form,
.sportsmagazine-account form ul li input[type="email"],
.sportsmagazine-account form ul li input[type="text"],
.sportsmagazine-upload-photo figure img {
  float: left;
  width: 100%
}

.sportsmagazine-account-tabs {
  background-color: #f5f5f5;
  margin: 0 0 40px
}

.sportsmagazine-account-tabs .nav-tabs {
  float: left;
  width: 100%;
  border-bottom: 1px solid #fff
}

.sportsmagazine-account-tabs .nav-tabs li {
  width: 33.333%;
  margin: 0;
  text-align: center;
  list-style: none;
  line-height: 1
}

.sportsmagazine-account-tabs .nav-tabs>li.active>a,
.sportsmagazine-account-tabs .nav-tabs>li.active>a:hover,
.sportsmagazine-account-tabs .nav-tabs>li.active>a:focus {
  border: 1px solid #292c31;
  color: #fff;
  background-color: #292c31
}

.sportsmagazine-account-tabs .nav-tabs li a {
  width: 100%;
  float: left;
  position: relative;
  text-transform: uppercase;
  font-size: 14px;
  padding: 19px 30px;
  border: 1px solid #f5f5f5;
  border-right: 1px solid #fff;
  font-weight: 700
}

.sportsmagazine-account-tabs .nav-tabs li:last-child a {
  border-right-color: #f5f5f5
}

.sportsmagazine-account-tabs .nav-tabs li.active a:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -10px;
  width: 0;
  height: 0;
  margin: 0 0 0 -9px;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #27282a
}

.sportsmagazine-account-tabs .tab-content {
  padding: 30px 30px 5px;
  float: left;
  width: 100%
}

.sportsmagazine-account form ul {
  margin: 0 -15px
}

.sportsmagazine-account form ul li {
  margin: 0 0 21px;
  float: left;
  list-style: none;
  width: 33.333%;
  padding: 0 15px
}

.sportsmagazine-account form ul li.address {
  width: 66.666%
}

.sportsmagazine-account form ul li label {
  float: left;
  margin: 0;
  font-size: 12px;
  color: #292c31;
  font-weight: 700
}

.sportsmagazine-account form ul li input[type="email"],
.sportsmagazine-account form ul li input[type="text"] {
  height: 40px;
  background-color: #eee;
  font-size: 12px;
  color: #999;
  font-style: italic;
  padding-left: 21px
}

.sportsmagazine-account form ul li input[type="submit"] {
  text-transform: uppercase;
  background-color: #27282a;
  color: #fff;
  border: none;
  font-weight: 700;
  padding: 6px 20px;
  border-radius: 2px;
  margin: 9px 0 0
}

.sportsmagazine-upload-photo {
  float: left;
  width: 100%;
  margin: 0 0 21px
}

.sportsmagazine-upload-photo figure {
  float: left;
  width: 60px;
  margin: 0
}

.sportsmagazine-upload-photo figure img {
  border-radius: 100%
}

.sportsmagazine-upload-photo figure~section {
  margin: 0 0 0 60px;
  line-height: 1;
  padding: 13px 0 0 20px
}

.sportsmagazine-upload-photo section h6 {
  font-size: 14px;
  margin: 0;
  font-weight: 700
}

.sportsmagazine-upload-photo section span {
  font-size: 10px;
  float: left;
  color: #999
}

.sportsmagazine-upload-photo section label {
  position: relative;
  float: left;
  overflow: hidden;
  padding: 5px 16px 6px;
  background-color: #999;
  font-weight: 700;
  font-size: 12px;
  color: #fff;
  line-height: 1.5;
  margin: -16px 0 0 50px;
  border-radius: 2px;
  cursor: pointer
}

.sportsmagazine-upload-photo section input[type="file"] {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1
}

.sportsmagazine-checkout {
  background-color: #f5f5f5;
  padding: 23px 30px 9px;
  margin: 0 0 50px
}

.sportsmagazine-checkout form ul li.full-address {
  width: 100%
}

.sportsmagazine-checkout form ul li textarea {
  float: left;
  width: 100%;
  height: 150px;
  background-color: #eee;
  font-size: 12px;
  color: #5e5e5e;
  padding: 9px 21px;
  font-style: italic
}

.sportsmagazine-checkout h5 {
  margin: 0 0 21px;
  text-transform: uppercase;
  font-weight: 700;
  padding: 0 0 23px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-cart-total {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 23px 30px 30px;
  margin: 0 0 40px
}

.sportsmagazine-cart-total h5 {
  margin: 0 0 25px;
  font-weight: 700;
  padding: 0 0 23px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-cart-total ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 12px
}

.sportsmagazine-cart-total ul li h6 {
  font-size: 14px;
  float: left;
  margin: 0;
  font-weight: 700
}

.sportsmagazine-cart-total ul li span {
  float: right;
  font-size: 10px;
  color: #999;
  margin: -4px 0 0;
  font-weight: 700
}

.sportsmagazine-cart-total ul li.total-cart {
  border-bottom: 1px solid #ddd;
  border-top: 1px solid #ddd;
  padding: 15px 0 11px;
  margin: 0 0 30px
}

.cart-checkout-btn {
  display: inline-block;
  padding: 11px 20px 9px;
  background-color: #292c31;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-cart-payment-method {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 23px 30px 30px;
  margin: 0 0 40px
}

.sportsmagazine-cart-payment-method h5 {
  margin: 0 0 26px;
  font-weight: 700;
  padding: 0 0 23px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-cart-accordion,
.sportsmagazine-cart-accordion .panel-body>p {
  float: left;
  width: 100%
}

.sportsmagazine-cart-accordion {
  margin-bottom: 27px
}

.sportsmagazine-cart-accordion .panel-heading .panel-title {
  position: relative;
  font-size: 14px
}

.sportsmagazine-cart-accordion .panel-heading .panel-title>a {
  display: inline-block;
  width: 100%;
  position: relative;
  padding: 0 0 0 20px;
  font-weight: 700;
  background-color: #f5f5f5
}

.sportsmagazine-cart-accordion .panel+.panel {
  margin-top: 20px
}

.sportsmagazine-cart-accordion .panel-title a:after,
.sportsmagazine-cart-accordion .panel-heading .panel-title a.collapsed:after {
  border: 1px solid #27282a;
  font-size: 20px;
  top: 5px;
  content: "";
  width: 10px;
  height: 10px;
  border-radius: 100%;
  font-weight: 400;
  left: 0;
  position: absolute
}

.sportsmagazine-cart-accordion .panel-heading .panel-title a:before {
  background-color: #27282a;
  font-size: 20px;
  top: 8px;
  content: "";
  width: 4px;
  height: 4px;
  border-radius: 100%;
  font-weight: 400;
  left: 3px;
  position: absolute
}

.sportsmagazine-cart-accordion .panel-heading .panel-title a.collapsed:before {
  content: none
}

.sportsmagazine-cart-accordion .panel-default {
  border-radius: 0;
  border: none;
  box-shadow: none;
  position: relative
}

.sportsmagazine-cart-accordion .panel-default>.panel-heading {
  background-color: transparent;
  border: none;
  padding: 0;
  border-top-left-radius: 0;
  border-top-right-radius: 0
}

.sportsmagazine-cart-accordion .panel-body {
  border: none;
  background-color: #f5f5f5;
  padding: 18px 9px 0 20px;
  position: relative
}

.sportsmagazine-cart-accordion .panel-body>p {
  line-height: 20px;
  margin-bottom: 0;
  font-size: 12px
}

.panel-default>.panel-heading+.panel-collapse>.panel-body {
  border-top-color: transparent
}

.sportsmagazine-shopping-cart {
  width: 100%;
  float: left;
  background-color: #f5f5f5;
  margin: 0 0 40px
}

.sportsmagazine-shopping-cart h4 {
  margin: 0;
  font-weight: 700;
  padding: 22px 0 23px 30px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr:last-child {
  border-bottom: 1px solid #ddd
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr {
  border-bottom-color: #ddd
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td figure img {
  border-radius: 0
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td figure {
  width: 50px;
  margin: 0
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td>.color-change {
  position: relative;
  display: inline-block;
  margin: 13px 0 0;
  border-radius: 100%;
  width: 22px;
  height: 22px;
  background-color: #f26685
}

.sportsmagazine-client-detail tr>td>.color-change.one {
  background-color: #f4511f
}

.sportsmagazine-client-detail tr>td>.color-change.two {
  background-color: #e3c200
}

.sportsmagazine-client-detail tr>td>.color-change.three {
  background-color: #078b4d
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td {
  font-weight: 700;
  padding: 20px 15px 16px 20px;
  text-align: center;
  color: #292c31;
  line-height: 4
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>th {
  text-align: center;
  padding: 9px 27px 7px 30px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>th:last-child {
  padding: 9px 45px 7px 25px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>th:first-child {
  padding: 9px 53px 7px 25px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td>.color-change:before {
  content: '';
  position: absolute;
  border-radius: 100%;
  border: 4px solid #fff;
  width: 20px;
  height: 20px;
  left: 1px;
  top: 1px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td input[type="number"] {
  display: inline-block;
  width: 58px;
  height: 30px;
  border: 1px solid #ddd;
  background-color: transparent;
  text-align: center;
  color: #292c31;
  font-size: 12px;
  font-weight: 400
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td>.remove-line {
  font-size: 12px;
  color: #999;
  background-color: transparent;
  margin: 0 0 0 20px
}

.sportsmagazine-shopping-cart .player-stats-text h6 {
  font-weight: 700;
  margin: 0 0 7px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail tr>td figure~.player-stats-text {
  margin: 0 0 0 50px;
  padding: 10px 0 0 10px;
  text-align: left
}

.player-stats-text .star-rating {
  width: 93%;
  margin-bottom: 0
}

.player-stats-text .star-rating:before,
.player-stats-text .star-rating-box:before {
  font-size: 10px
}

.player-stats-text .star-rating-box:before {
  left: 3px
}

.sportsmagazine-shopping-cart .sportsmagazine-client-detail {
  margin: 0
}

.sportsmagazine-shopping-cart p {
  float: left;
  width: 100%;
  padding: 23px 0 22px 30px;
  margin: 0
}

.sportsmagazine-shopping-cart>p span {
  float: left;
  margin: 6px 36px 0 0;
  color: #292c31;
  font-weight: 700
}

.sportsmagazine-shopping-cart>p input[type="text"] {
  float: left;
  width: 54%;
  height: 40px;
  padding: 3px 6px 5px 16px;
  background-color: #ececec;
  color: #999;
  font-size: 10px;
  font-weight: 700;
  margin: 0 30px 0 0
}

.sportsmagazine-shopping-cart>p input[type="submit"] {
  float: left;
  background-color: #292c31;
  font-weight: 700;
  padding: 6px 20px 8px;
  border: none;
  color: #fff
}

.sportsmagazine-cart-total.sportsmagazine-shopping-cart-total {
  padding: 0 0 25px;
  margin: 0 0 20px
}

.sportsmagazine-shopping-cart-total h4 {
  padding: 20px 30px 25px;
  margin: 0 0 21px;
  font-weight: 700;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-shopping-cart-total ul li {
  padding: 0 30px
}

.sportsmagazine-shopping-cart-total ul li.total-cart {
  padding: 21px 30px 16px;
  margin: 4px 0 25px
}

.sportsmagazine-shopping-cart-total>span {
  text-align: center;
  float: left;
  width: 100%
}

.sportsmagazine-shopping-cart-total>span .cart-checkout-btn {
  padding: 13px 73px 12px;
  border-radius: 2px
}

.sportsmagazine-update-shipping {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  padding: 0 0 5px
}

.sportsmagazine-update-shipping h4 {
  margin: 0 0 20px;
  font-weight: 700;
  padding: 20px 0 25px 30px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-update-shipping ul {
  padding: 0 30px
}

.sportsmagazine-update-shipping ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 15px
}

.sportsmagazine-select select {
  font-size: 10px;
  font-weight: 700;
  border: none;
  color: #999;
  background-color: #ebebeb;
  height: 45px;
  padding-left: 16px
}

.sportsmagazine-select {
  position: relative
}

.sportsmagazine-select:after {
  content: "\f107";
  font-family: FontAwesome;
  font-size: 12px;
  color: #999;
  right: 19px;
  top: 8px;
  text-align: center;
  position: absolute;
  pointer-events: none;
  border-radius: 3px;
  padding: 2px 1px 0 0
}

.sportsmagazine-select:before {
  content: '';
  right: 0;
  top: 0;
  width: 50px;
  height: 45px;
  background-color: #ebebeb;
  position: absolute;
  pointer-events: none
}

.sportsmagazine-update-shipping ul li input[type="submit"] {
  float: left;
  width: 100%;
  border-radius: 2px;
  background-color: #292c31;
  font-weight: 700;
  padding: 8px 20px 9px;
  border: none;
  color: #fff
}

.sportsmagazine-wishlist {
  float: left;
  width: 100%;
  background-color: #f5f5f5;
  margin: 0 0 40px
}

.sportsmagazine-wishlist h4 {
  margin: 0 0 12px;
  font-weight: 700;
  padding: 20px 0 25px 30px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-wishlist-graph {
  display: table;
  width: 100%
}

.sportsmagazine-wishlist-graph ul {
  display: table-row
}

.sportsmagazine-wishlist-graph ul li {
  list-style: none;
  display: table-cell;
  font-weight: 700;
  color: #292c31;
  padding: 0 42px 11px;
  border-bottom: 1px solid #ddd
}

.sportsmagazine-wishlist-graph ul.wishlist-graph li {
  font-size: 12px;
  text-align: center;
  padding: 30px 42px
}

.sportsmagazine-wishlist-graph ul.wishlist-graph:last-child li {
  border-bottom: none
}

.sportsmagazine-wishlist-graph ul li:first-child {
  padding: 0 0 0 30px
}

.sportsmagazine-wishlist-graph ul.wishlist-graph li:first-child {
  padding: 0 0 0 30px;
  width: 24%
}

.sportsmagazine-wishlist-graph ul li figure {
  float: left;
  width: 60px;
  margin: 0
}

.sportsmagazine-wishlist-graph ul li figure img {
  width: 100%
}

.sportsmagazine-wishlist-graph ul li figure~section {
  margin: 0 0 0 60px;
  padding: 11px 0 0 20px;
  line-height: 1;
  text-align: left
}

.sportsmagazine-wishlist-graph ul li section h6 {
  margin: 0 0 5px;
  font-size: 14px;
  font-weight: 700
}

.sportsmagazine-wishlist-graph ul li p {
  font-weight: 400;
  font-size: 13px;
  margin: 0;
  text-align: left;
  color: #555;
  line-height: 20px
}

.sportsmagazine-wishlist-graph .star-rating::before,
.sportsmagazine-wishlist-graph .star-rating-box::before {
  font-size: 10px
}

.sportsmagazine-wishlist-graph .star-rating {
  width: 56%;
  margin: 0
}

.sportsmagazine-wishlist-graph .star-rating-box::before {
  left: 2px
}

.sportsmagazine-wishlist-graph ul li .remove-line {
  color: #999
}

.sportsmagazine-wishlist-graph ul.wishlist-graph li span {
  color: #888
}

.sportsmagazine-player-grid figure,
.sportsmagazine-player-grid figure a,
.sportsmagazine-player-grid figure a img,
.sportsmagazine-player-grid-text {
  float: left;
  width: 100%
}

.sportsmagazine-player-grid figure a {
  position: relative;
  min-height: 360px;
  max-height: 360px;
  overflow: hidden
}

.sportsmagazine-player-grid figure a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #fff;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-player-grid ul li:hover figure a:before {
  opacity: .8
}

.sportsmagazine-player-grid figure a i {
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 40px;
  height: 40px;
  background-color: #2460A2;
  color: #fff;
  text-align: center;
  padding: 13px 0 0;
  margin: 0 0 -20px -20px;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-player-grid ul li:hover figure a i {
  bottom: 50%;
  opacity: 1
}

.sportsmagazine-player-grid figure {
  margin: 0
}

.sportsmagazine-player-grid figure:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -2px;
  width: 48%;
  height: 11px;
  background-color: #f5f5f5;
  z-index: 1
}

.sportsmagazine-player-grid figure:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -2px;
  width: 48%;
  height: 11px;
  background-color: #f5f5f5
}

.sportsmagazine-player-grid figure span {
  text-align: center;
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.sportsmagazine-player-grid figure span:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #f5f5f5;
  border-right: 11px solid transparent;
  margin: 0 0 0 -11px
}

.sportsmagazine-player-grid figure span:after {
  content: '';
  position: absolute;
  right: 50%;
  bottom: 0;
  width: 0;
  height: 0;
  border-bottom: 10px solid #f5f5f5;
  border-left: 10px solid transparent;
  margin: 0 -11px 0 0
}

.sportsmagazine-player-grid-text {
  background-color: #f5f5f5;
  padding: 10px 12px 10px 15px;
  position: relative
}

.sportsmagazine-player-grid-text span {
  font-family: 'Dosis', sans-serif;
  float: right;
  font-size: 20px;
  color: #2460A2;
  margin: 10px 0 20px
}

.forward-btn {
  display: inline-block;
  background-color: #ffdc11;
  font-size: 10px;
  line-height: 1;
  border-radius: 3px;
  padding: 6px 11px 7px;
  margin: 0 0 4px
}

.sportsmagazine-player-grid-text h5 {
  margin: 0;
  padding-bottom: 5px;
  font-weight: initial;
  border-bottom: 1px solid #ccc;
  text-transform: uppercase;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-player-grid-text p {
  margin: 0 0 15px;
  line-height: 21px
}

.sportsmagazine-player-grid-social {
  float: left;
  width: 100%;
  margin: 0;
  border-top: 1px solid #ececec;
  background-color: #f5f5f5;
  padding: 13px 31px 10px
}

.sportsmagazine-player-grid-social li {
  float: left;
  list-style: none;
  margin: 0 11px 4px 0
}

.sportsmagazine-player-grid-social li a {
  color: #999;
  font-size: 16px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-modern-gallery figure,
.sportsmagazine-modern-gallery figure>a,
.sportsmagazine-modern-gallery figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-modern-gallery {
  margin: 0 0 29px
}

.sportsmagazine-modern-gallery ul li {
  margin: 0 0 20px
}

.sportsmagazine-modern-gallery figure>a {
  position: relative
}

.sportsmagazine-modern-gallery figure>a:before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-color: #27282a;
  opacity: 0;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-modern-gallery ul li:hover figure>a:before {
  opacity: .9
}

.sportsmagazine-modern-gallery figure {
  margin: 0;
  overflow: hidden
}

.sportsmagazine-modern-gallery figure:before {
  content: '';
  position: absolute;
  left: 0;
  top: -5px;
  width: 51%;
  height: 10px;
  background-color: #fff;
  z-index: 1;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg)
}

.sportsmagazine-modern-gallery figure:after {
  content: '';
  position: absolute;
  right: 0;
  top: -5px;
  width: 50%;
  height: 10px;
  background-color: #fff;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg)
}

.sportsmagazine-modern-gallery figure span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.sportsmagazine-modern-gallery figure span:before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -5px;
  width: 51%;
  height: 10px;
  background-color: #fff;
  z-index: 1;
  -webkit-transform: rotate(3deg);
  -moz-transform: rotate(3deg);
  -ms-transform: rotate(3deg);
  -o-transform: rotate(3deg);
  transform: rotate(3deg)
}

.sportsmagazine-modern-gallery figure span:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: -5px;
  width: 50%;
  height: 10px;
  background-color: #fff;
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  -ms-transform: rotate(-3deg);
  -o-transform: rotate(-3deg);
  transform: rotate(-3deg)
}

.sportsmagazine-modern-gallery figure figcaption {
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  text-align: center;
  margin: -49px 0 0
}

.sportsmagazine-modern-gallery figure figcaption h6 {
  font-weight: 700;
  display: inline-block;
  width: 80%;
  text-transform: uppercase;
  margin: 0 0 14px;
  opacity: 0;
  -webkit-transform: translateY(-70px);
  -moz-transform: translateY(-70px);
  -ms-transform: translateY(-70px);
  -o-transform: translateY(-70px);
  transform: translateY(-70px);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-modern-gallery figure figcaption h6>a {
  color: #fff
}

.sportsmagazine-modern-gallery figure figcaption time {
  color: #292c31;
  display: inline-block;
  line-height: 1.5;
  font-weight: 700;
  background-color: #ffdc11;
  padding: 7px 13px 8px;
  border-radius: 2px;
  font-size: 10px;
  opacity: 0;
  text-transform: uppercase;
  -webkit-transform: translateY(70px);
  -moz-transform: translateY(70px);
  -ms-transform: translateY(70px);
  -o-transform: translateY(70px);
  transform: translateY(70px);
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.sportsmagazine-modern-gallery ul li:hover figure figcaption h6,
.sportsmagazine-modern-gallery ul li:hover figure figcaption time {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px)
}

.sportsmagazine-match-fixture {
  float: left;
  width: 100%;
  margin: 20px 0 86px
}

.sportsmagazine-classic-heading {
  float: left;
  width: 100%;
  padding: 5px 0 0 5px;
  position: relative
}

.sportsmagazine-classic-heading:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 99%;
  height: 5px;
  background-color: #ffdc11
}

.sportsmagazine-classic-heading:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 5px;
  height: 93%;
  background-color: #ffdc11
}

.sportsmagazine-classic-heading h2 {
  margin: 0;
  background-color: #292c31;
  color: #fff;
  font-size: 22px;
  padding: 14px 0 13px 29px;
  font-weight: 700
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail {
  background-color: transparent;
  margin: 0
}

.sportsmagazine-client-detail tr>td figure img {
  width: 100%
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr>td figure {
  width: 26px;
  margin: 5px 0 0
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr>td {
  padding: 15px 13px 15px 24px;
  color: #292c31
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr>td figure~.player-stats-text {
  margin: 4px 0 0 37px
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr {
  border-bottom: none
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr:nth-child(odd) {
  background-color: #f5f5f5
}

.sportsmagazine-match-fixture .sportsmagazine-client-detail tr>td>span {
  float: left;
  font-weight: 700;
  font-size: 16px;
  line-height: 2
}

.sportsmagazine-match-fixture .player-stats-text h6 {
  font-size: 14px;
  margin: 0 0 1px
}

.sportsmagazine-match-fixture .player-stats-text span {
  color: #292c31
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>td:first-child {
  padding: 15px 13px 15px 30px
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>th:first-child {
  padding: 15px 13px 15px 30px
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>td {
  padding: 15px 9px 15px 7px
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>th {
  padding: 15px 7px
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>td figure~.player-stats-text {
  margin: 4px 0 0 75px
}

.sportsmagazine-team-ranking .sportsmagazine-client-detail tr>td figure {
  margin: 5px 0 0 28px
}

.section-post-transparent {
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  opacity: .6
}

.sportsmagazine-section-post {
  margin: 30px 0
}

.sportsmagazine-section-post-text {
  margin: 0 auto;
  width: 50%
}

.sportsmagazine-section-post-text strong {
  color: #2E77C9
}

.sportsmagazine-section-post-text h4 {
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  color: #fff
}

.sportsmagazine-section-post-text h3 {
  margin: 0 0 25px;
  font-size: 30px;
  font-weight: 700;
  color: #fff;
  line-height: 40px
}

.sportsmagazine-section-post-text p {
  color: #fff;
  margin: 0 0 33px;
  line-height: 2;
  float: left;
  font-size: 16px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-latest-result {
  float: left;
  width: 100%;
  background-color: #f5f5f5
}

.sportsmagazine-result-one {
  float: left;
  text-align: center;
  padding: 109px 0 55px 42px
}

.sportsmagazine-result-two {
  float: right;
  padding: 109px 37px 55px 0
}

.sportsmagazine-result-one figure {
  display: inline-block;
  margin: 0 0 12px;
  width: 72px
}

.sportsmagazine-result-one section {
  line-height: 1.5
}

.sportsmagazine-result-one section h4 {
  margin: 0 0 1px;
  font-weight: 700
}

.sportsmagazine-result-one section span {
  color: #292c31;
  font-size: 13px
}

.sportsmagazine-result-text {
  float: left;
  position: relative;
  text-align: center;
  padding: 31px 0 0
}

.sportsmagazine-result-text:before {
  content: '';
  position: absolute;
  left: -46px;
  top: 1px;
  width: 0;
  height: 0;
  border-left: 174px solid transparent;
  border-right: 174px solid transparent;
  border-top: 311px solid #fff
}

.sportsmagazine-match-date {
  position: relative;
  margin: 0 0 36px
}

.sportsmagazine-match-date h4 {
  margin: 0 0 4px;
  font-weight: 700
}

.sportsmagazine-match-date time {
  color: #292c31
}

.sportsmagazine-score-result {
  display: inline-block;
  background-color: #f5f5f5;
  position: relative;
  padding: 61px 65px 65px;
  border-radius: 100% 100% 0 0
}

.sportsmagazine-score-result h5 {
  margin: 0 0 3px;
  font-weight: 700
}

.sportsmagazine-score-result span i {
  float: left;
  font-size: 17px;
  margin: 13px 7px 0 0
}

.sportsmagazine-score-result span {
  display: inline-block;
  font-size: 28px;
  font-weight: 700;
  color: #292c31;
  line-height: 1
}

.sportsmagazine-score-result span small {
  font-size: 35px;
  margin: 0 7px
}

.sportsmagazine-next-game {
  float: left;
  width: 100%;
  padding: 30px 0 0;
  text-align: center
}

.sportsmagazine-next-game .sportsmagazine-result-one figure {
  width: 89px;
  margin: 0 0 14px
}

.sportsmagazine-next-game .sportsmagazine-result-one {
  padding: 0 25px;
  margin: 0 35px 28px 0
}

.sportsmagazine-next-game .sportsmagazine-result-two {
  padding: 0 30px 0 25px;
  margin-right: 0
}

.sportsmagazine-next-game .sportsmagazine-result-one section {
  line-height: 1
}

.sportsmagazine-next-game .sportsmagazine-result-one section h4 {
  font-size: 16px;
  margin: 0;
  line-height: 1
}

.sportsmagazine-next-game .sportsmagazine-result-one section span {
  font-size: 10px;
  color: #666
}

.sportsmagazine-next-game-text {
  float: left;
  background-color: #f5f5f5;
  text-align: center;
  position: relative;
  padding: 15px 19px 18px 18px;
  margin: 14px 0 0
}

.sportsmagazine-next-game-text:before {
  content: '';
  left: -10px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 47px solid transparent;
  border-right: 10px solid #f5f5f5;
  border-bottom: 47px solid transparent
}

.sportsmagazine-next-game-text:after {
  content: '';
  right: -10px;
  position: absolute;
  top: 0;
  width: 0;
  height: 0;
  border-top: 47px solid transparent;
  border-left: 10px solid #f5f5f5;
  border-bottom: 47px solid transparent
}

.sportsmagazine-next-game-text time {
  font-size: 12px;
  color: #27282a;
  margin: 0 0 2px
}

.sportsmagazine-next-game-text time>span {
  font-size: 16px;
  font-weight: 700
}

.sportsmagazine-next-game-text>span {
  float: left;
  width: 100%;
  font-size: 10px
}

.sportsmagazine-game-countdown,
.sportsmagazine-game-countdown .countdown-row {
  float: left;
  width: 100%
}

.game-countdown-heading {
  margin: 0;
  font-weight: 700;
  background-color: #f5f5f5;
  display: inline-block;
  position: relative;
  text-align: center;
  padding: 14px 90px
}

.game-countdown-heading:before {
  content: '';
  position: absolute;
  left: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 52px solid #f5f5f5;
  border-left: 20px solid transparent
}

.game-countdown-heading:after {
  content: '';
  position: absolute;
  right: -20px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 52px solid #f5f5f5;
  border-right: 20px solid transparent
}

.sportsmagazine-game-countdown {
  text-align: center
}

.sportsmagazine-game-countdown .countdown-row {
  background-color: #f5f5f5
}

.sportsmagazine-game-countdown .countdown-section {
  float: left;
  width: 25%;
  position: relative;
  line-height: 1;
  padding: 18px 0 20px
}

.sportsmagazine-game-countdown .countdown-section:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  height: 100%;
  width: 1px;
  background-color: #ececec
}

.sportsmagazine-game-countdown .countdown-section:last-child:before {
  content: none
}

.sportsmagazine-game-countdown .countdown-amount {
  float: left;
  width: 100%;
  font-size: 24px;
  color: #27282a;
  font-weight: 700;
  margin: 0 0 1px
}

.sportsmagazine-game-countdown .countdown-period {
  font-size: 12px;
  text-transform: uppercase;
  color: #27282a
}

.sportsmagazine-blog-medium figure a,
.sportsmagazine-blog-medium figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-blog.sportsmagazine-blog-medium>ul>li {
  margin: 0 0 30px
}

.sportsmagazine-blog-medium figure {
  float: left;
  margin: 0
}

.sportsmagazine-blog-medium figure:before {
  content: '';
  position: absolute;
  width: 40px;
  height: 100%;
  background-color: #f5f5f5;
  right: -10px;
  bottom: 0
}

.sportsmagazine-blog-medium figure:after {
  content: '';
  position: absolute;
  right: -2px;
  bottom: 0;
  z-index: 1;
  border-left: 25px solid transparent;
  border-right: 25px solid transparent;
  border-bottom: 213px solid #e7e7e7
}

.sportsmagazine-blog-medium figure~.sportsmagazine-blogmedium-text {
  margin: 0 0 0 250px
}

.sportsmagazine-blogmedium-text {
  background-color: #f5f5f5;
  padding: 35px 10px 22px;
  position: relative
}

.sportsmagazine-blogmedium-text h5 {
  margin: 0 0 11px;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3
}

.sportsmagazine-blogmedium-text h5 a {
  color: #666;
  padding: 20px 0 0;
  display: block;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-blogmedium-option {
  display: inline-block;
  width: 100%;
  margin: 0 0 6px
}

.sportsmagazine-blogmedium-option li {
  float: left;
  list-style: none;
  margin: 0 19px 0 0
}

.sportsmagazine-blogmedium-option li:last-child {
  margin: 0
}

.sportsmagazine-blogmedium-option li span {
  font-size: 13px;
  float: left
}

.sportsmagazine-blogmedium-option li time,
.sportsmagazine-blogmedium-option li small {
  float: left;
  font-size: 10px;
  color: #666;
  margin: 4px 0 0 6px
}

.sportsmagazine-blogmedium-option li small {
  color: #555
}

.sportsmagazine-blogmedium-text p {
  margin: 0 0 21px;
  line-height: 24px
}

.sportsmagazine-blogmedium-social {
  display: inline-block;
  width: 100%;
  margin: 0;
  border-top: 1px solid #cfcfcf;
  padding: 27px 0 0
}

.sportsmagazine-blogmedium-social li {
  float: left;
  list-style: none;
  margin: 0 15px 10px 0
}

.sportsmagazine-blogmedium-social li a {
  float: left;
  width: 25px;
  height: 25px;
  background-color: #fff;
  text-align: center;
  font-size: 12px;
  padding: 7px 0 0;
  color: #999
}

.sportsmagazine-blogmedium-social li a:hover {
  background-color: #ffdc11;
  color: #85711c
}

.counter-transparent {
  position: absolute;
  left: 0;
  top: 0;
  background-color: #000;
  opacity: .85;
  width: 100%;
  height: 100%
}

.sportsmagazine-counter {
  float: left;
  width: 100%;
  text-align: center
}

.sportsmagazine-counter h4 {
  float: left;
  width: 100%;
  line-height: 1;
  font-size: 60px;
  margin: 0 0 18px;
  color: #fff
}

.sportsmagazine-counter small {
  color: #666;
  font-size: 16px;
  float: left;
  width: 100%;
  color: #fff;
  text-transform: uppercase;
  margin: 0 0 15px
}

.sportsmagazine-counter p {
  color: #fff;
  margin: 0
}

.sportsmagazine-counter .slick-arrow {
  top: auto;
  position: absolute;
  cursor: pointer;
  bottom: 0;
  width: 90px;
  height: 90px;
  right: 0;
  background-color: #fff;
  color: #292c31;
  padding: 24px 0 0
}

.sportsmagazine-counter .slick-arrow:hover {
  background-color: #ffdc11
}

.sportsmagazine-counter .slick-arrow:hover i {
  color: #85711c
}

.sportsmagazine-counter .slick-arrow i {
  font-size: 40px
}

.sportsmagazine-counter .slick-arrow-left {
  right: 90px;
  margin: 0
}

.sportsmagazine-counter-space {
  position: static
}

.sportsmagazine-counter .slick-arrow-left.slick-arrow i {
  display: inline-block;
  -webkit-transform: scale(-1);
  -moz-transform: scale(-1);
  -ms-transform: scale(-1);
  -o-transform: scale(-1);
  transform: scale(-1)
}

.sportsmagazine-classic-player figure>a,
.sportsmagazine-classic-player figure,
.sportsmagazine-classic-player figure a img {
  float: left;
  width: 100%
}

.sportsmagazine-team>ul>li {
  list-style: none;
  margin: 0 0 50px
}

.sportsmagazine-classic-player figure {
  margin: 0;
  overflow: hidden
}

.sportsmagazine-classic-player figure:before {
  content: '';
  position: absolute;
  left: -1px;
  bottom: -6px;
  width: 51%;
  height: 10px;
  background-color: #fff;
  z-index: 1
}

.sportsmagazine-classic-player figure:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: -6px;
  width: 50%;
  height: 10px;
  background-color: #fff;
  z-index: 1
}

.sportsmagazine-classic-player figure figcaption {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center
}

.sportsmagazine-classic-player figure figcaption:before {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #292c31;
  opacity: 0
}

.sportsmagazine-classic-player ul li:hover figure figcaption:before {
  opacity: .9
}

.sportsmagazine-classic-player-text {
  width: 100%;
  position: absolute;
  bottom: 0;
  right: 0;
  background-color: #f5f5f5;
  line-height: 1.5;
  padding: 21px 0 33px
}

.sportsmagazine-classic-player ul li:hover .sportsmagazine-classic-player-text {
  opacity: 0
}

.sportsmagazine-classic-player-text h4 {
  margin: 0;
  font-weight: 700;
  text-transform: uppercase
}

.sportsmagazine-classic-player-text span {
  font-size: 14px;
  color: #666
}

.sportsmagazine-classic-player-info {
  position: absolute;
  left: 0;
  top: 51px;
  width: 100%;
  opacity: 0
}

.sportsmagazine-classic-player ul li:hover .sportsmagazine-classic-player-info {
  opacity: 1
}

.sportsmagazine-classic-player-info h4 {
  margin: 0;
  font-weight: 700;
  line-height: 1.3;
  text-transform: uppercase
}

.sportsmagazine-classic-player-info h4 a {
  color: #fff
}

.sportsmagazine-classic-player-info>span {
  color: #fff;
  margin: 0 0 11px;
  display: block
}

.classic-player-option {
  float: left;
  width: 100%;
  margin: 0 0 10px
}

.classic-player-option li {
  list-style: none;
  display: inline-block;
  margin: 0 13px 6px 0
}

.classic-player-option li i {
  float: left;
  color: #fff;
  margin: 7px 13px 0 0
}

.classic-player-option li time,
.classic-player-option li>span {
  color: #fff
}

.sportsmagazine-classic-player-info p {
  margin: 0 0 22px;
  display: inline-block;
  width: 80%;
  color: #fff
}

.classic-redmore-btn {
  display: inline-block;
  font-size: 13px;
  border: 1px solid #fff;
  color: #fff;
  padding: 3px 15px;
  border-right: none;
  position: relative
}

.classic-redmore-btn:before {
  background-color: #fff;
  content: "";
  height: 57%;
  position: absolute;
  right: -5px;
  top: -1px;
  width: 2px
}

.classic-redmore-btn:after {
  background-color: #fff;
  content: "";
  height: 57%;
  position: absolute;
  right: -5px;
  bottom: -1px;
  width: 2px
}

.sportsmagazine-testimonial,
.sportsmagazine-testimonial-text,
.sportsmagazine-testimonial figure a,
.sportsmagazine-testimonial figure a img,
.sportsmagazine-testimonial-info {
  float: left;
  width: 100%
}

.sportsmagazine-testimonial ul li {
  list-style: none;
  margin: 0 0 50px
}

.sportsmagazine-testimonial-text {
  text-align: center;
  border: 1px solid #d0d0d0;
  padding: 49px 42px 48px;
  position: relative;
  border-bottom: none;
  margin: 0 0 54px
}

.sportsmagazine-testimonial-text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 57px;
  height: 1px;
  background-color: #d0d0d0
}

.sportsmagazine-testimonial-text:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
  width: 70%;
  height: 1px;
  background-color: #d0d0d0
}

.sportsmagazine-testimonial-text i {
  font-size: 16px;
  color: #85711c;
  background-color: #ffdc11;
  width: 45px;
  height: 45px;
  border-radius: 100%;
  padding: 15px 0 0;
  margin: 0 0 21px
}

.sportsmagazine-testimonial-text p {
  margin: 0;
  line-height: 28px
}

.sportsmagazine-testimonial-text span {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%
}

.sportsmagazine-testimonial-text span:before {
  content: '';
  position: absolute;
  left: 61px;
  bottom: -34px;
  height: 35px;
  width: 1px;
  background-color: #d0d0d0
}

.sportsmagazine-testimonial-text span:after {
  background-color: #d0d0d0;
  bottom: -44px;
  content: "";
  height: 54px;
  left: 86px;
  position: absolute;
  width: 1px
}

.sportsmagazine-testimonial-info figure {
  float: left;
  width: 90px;
  margin: 0
}

.sportsmagazine-testimonial-info figure a img {
  border-radius: 100%;
  border: 1px solid #efefef
}

.sportsmagazine-testimonial-info figure~section {
  margin: 0 0 0 90px;
  line-height: 1;
  padding: 19px 0 0 20px
}

.sportsmagazine-testimonial-info section h5 {
  margin: 0 0 3px;
  font-weight: 700
}

.sportsmagazine-fancy-title-two {
  float: left;
  width: 100%;
  text-align: center;
  margin: 0 0 40px
}

.sportsmagazine-fancy-title-two.contact,
.sportsmagazine-fancy-title-two strong {
  color: #2E77C9
}

.contact .sportsmagazine-fancy-title-two h2,
.contact .sportsmagazine-fancy-title-two h3 {
  color: #fff
}

.sportsmagazine-fancy-title-two h2,
.sportsmagazine-fancy-title-two h3 {
  margin: 0 auto;
  width: 180px;
  display: block;
  text-transform: uppercase;
  color: #2f2f2f;
  font-size: 50px;
  font-weight: 700;
  position: relative;
  line-height: 1.2;
  padding: 0 15px 6px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.sportsmagazine-fancy-title-two h2:before,
.sportsmagazine-fancy-title-two h3:before {
  content: '';
  position: absolute;
  left: 20px;
  top: -10px;
  background-color: #2E77C9;
  width: 1px;
  height: 56px;
  transform: rotate(25deg)
}

.sportsmagazine-fancy-title-two h2:after,
.sportsmagazine-fancy-title-two h3:after {
  content: '';
  position: absolute;
  left: 120px;
  bottom: 0;
  background-color: #2E77C9;
  width: 56px;
  height: 1px;
  transform: rotate(-65deg)
}

.sportsmagazine-fancy-title-two h2 span,
.sportsmagazine-fancy-title-two h3 span {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 100%
}

.sportsmagazine-fancy-title-two h2 span:before,
.sportsmagazine-fancy-title-two h3 span:before {
  content: '';
  position: absolute;
  right: 0;
  bottom: -15px;
  background-color: #3db8cc;
  width: 1px;
  height: 56px
}

.sportsmagazine-fancy-title-two h2 span:after,
.sportsmagazine-fancy-title-two h3 span:after {
  content: '';
  position: absolute;
  right: -14px;
  bottom: 0;
  background-color: #3db8cc;
  width: 56px;
  height: 1px
}

.sportsmagazine-banner-two {
  position: relative
}

.sportsmagazine-banner-two .sportsmagazine-banner-caption {
  bottom: 50%;
  margin: 0 0 -180px
}

.sportsmagazine-banner-two-thumb {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 50%
}

.sportsmagazine-banner-two-wrap {
  float: left;
  width: 50%;
  padding: 0 15px
}

.sportsmagazine-banner-text {
  float: left;
  width: 100%;
  background: url(images/vpattren.html);
  text-align: center;
  padding: 33px 0 50px;
  position: relative
}

.sportsmagazine-banner-text:before {
  content: '';
  position: absolute;
  left: 0;
  bottom: -24px;
  width: 50%;
  height: 30px;
  background: url(images/vpattren.html);
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg)
}

.sportsmagazine-banner-text:after {
  content: '';
  position: absolute;
  right: -1px;
  bottom: -24px;
  width: 51%;
  height: 30px;
  background: url(images/vpattren.html);
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.sportsmagazine-banner-text h1 {
  margin: 0 0 25px;
  font-size: 30px;
  color: #ffdc11;
  text-transform: uppercase;
  font-weight: 700
}

.sportsmagazine-banner-upcoming-match {
  float: left;
  width: 100%;
  background-color: #ffdc11;
  margin: 0 0 30px
}

.sportsmagazine-banner-team-one {
  float: left;
  background-color: #1e2024;
  padding: 40px 7px 38px 49px;
  position: relative
}

.sportsmagazine-banner-team-one:before {
  content: '';
  position: absolute;
  right: -40px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 65px solid transparent;
  border-left: 40px solid #1e2024;
  border-bottom: 65px solid transparent
}

.sportsmagazine-banner-team-one figure {
  float: right;
  width: 50px;
  margin: 0
}

.sportsmagazine-banner-team-one figure~section {
  margin: 0 69px 0 0;
  text-align: right
}

.sportsmagazine-banner-team-one section h4 {
  margin: 0;
  font-weight: 700;
  text-transform: uppercase;
  line-height: 1.3
}

.sportsmagazine-banner-team-one section h4 a {
  color: #fff
}

.sportsmagazine-banner-upcoming-match span {
  float: left;
  font-size: 24px;
  color: #27282a;
  font-weight: 700;
  padding: 48px 45px 0
}

.sportsmagazine-banner-team-two {
  float: right;
  padding: 40px 50px 38px 7px
}

.sportsmagazine-banner-team-one.sportsmagazine-banner-team-two:before {
  content: '';
  position: absolute;
  left: -40px;
  top: 0;
  width: 0;
  height: 0;
  border-top: 65px solid transparent;
  border-right: 40px solid #1e2024;
  border-left: none;
  border-bottom: 65px solid transparent
}

.sportsmagazine-banner-team-two figure {
  float: left
}

.sportsmagazine-banner-team-two figure~section {
  margin: 0 0 0 69px;
  text-align: left
}

.sportsmagazine-banner-two .slick-dots li button {
  text-indent: 0;
  border: none;
  color: #fff;
  height: 28px;
  width: 13px;
  font-size: 14px;
  font-weight: 700
}

.sportsmagazine-banner-two .slick-dots li.slick-active button {
  border-bottom: 2px solid #ffdc11;
  color: #ffdc11
}

.sportsmagazine-banner-two .slick-dots {
  bottom: 18px
}

.sportsmagazine-banner-two .slick-dots li {
  margin: 0 14px
}

.sportsmagazine-banner-countdown,
.sportsmagazine-banner-countdown .countdown-row {
  float: left;
  width: 100%
}

.sportsmagazine-banner-countdown .countdown-row {
  padding: 0 30px
}

.sportsmagazine-banner-countdown .countdown-section {
  background-color: #1e2024;
  float: left;
  width: 100px;
  height: 80px;
  margin: 0 30px 0 0;
  padding: 12px 0 0;
  line-height: 1.2
}

.sportsmagazine-banner-countdown .countdown-section:last-child {
  margin: 0
}

.sportsmagazine-banner-countdown .countdown-amount {
  font-size: 26px;
  float: left;
  width: 100%;
  font-weight: 700;
  color: #fff
}

.sportsmagazine-banner-countdown .countdown-period {
  font-size: 18px;
  color: #fff
}

#sportsmagazine-footer {
  float: left;
  width: 100%;
  background-color: #3E3A39;
  z-index: -1;
  overflow: hidden
}

.footer_top:before {
  display: block;
  content: "";
  height: 120px;
  width: 100%;
  background-color: #3E3A39;
  transform: rotate(-4deg);
  position: absolute;
  bottom: 320px !important;
  right: -50px;
  z-index: 1
}

.footer_top:after {
  display: block;
  content: "";
  height: 120px;
  width: 100%;
  background-color: #3E3A39;
  transform: rotate(4deg);
  position: absolute;
  bottom: 320px !important;
  left: -50px;
  z-index: 1
}

.sportsmagazine-footer-widget {
  float: left;
  width: 100%;
  padding: 50px 0 40px;
  position: relative;
  background-position: 100% center;
  background-repeat: no-repeat;
  z-index: 10
}

.sportsmagazine-footer-widget .widget {
  margin-bottom: 20px
}

.sportsmagazine-footer-widget p,
.sportsmagazine-footer-widget a {
  color: #fff;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.footer-widget-title {
  float: left;
  width: 100%
}

.footer-widget-title h2,
.footer-widget-title h3,
.footer-widget-title p.title {
  font-size: 22px;
  line-height: 1.5;
  letter-spacing: 1px;
  color: #B8D5F5;
  font-weight: initial;
  margin-bottom: 0;
  padding-bottom: 8px;
  position: relative;
  float: left;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif
}

.footer-widget-title h2 img,
.footer-widget-title h3 img {
  width: 30px;
  height: auto;
  margin-right: 10px
}

.footer-widget-title h2:before,
.footer-widget-title h3:before,
.footer-widget-title p.title:before {
  content: '';
  position: absolute;
  right: -10px;
  bottom: 0;
  width: 35px;
  height: 10px;
  border-bottom: 1px solid #2460A2;
  border-right: 1px solid #2460A2
}

.footer-widget-title h2:after,
.footer-widget-title h3:after,
.footer-widget-title p.title:after {
  content: '';
  position: absolute;
  right: 0;
  bottom: -5px;
  width: 35px;
  height: 2px;
  -webkit-transform: rotate(-5deg);
  -moz-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg)
}

.footer-logo {
  float: left;
  width: 100%;
  margin-bottom: 17px
}

.widget_contact_info p {
  margin-bottom: 12px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  color: #fff
}

.sportsmagazine-info-list {
  float: left;
  width: 100%;
  padding-left: 40px
}

.sportsmagazine-info-list li {
  float: left;
  width: 100%;
  list-style: none;
  padding-left: 10px;
  position: relative;
  line-height: 1;
  margin-top: 20px
}

.sportsmagazine-info-list li i {
  position: absolute;
  left: -40px;
  top: 0;
  width: 31px;
  height: 32px;
  background-color: #2E77C9;
  color: #fff;
  text-align: center;
  padding-top: 8px
}

.sportsmagazine-info-list li i:after {
  content: '';
  position: absolute;
  right: -9px;
  top: 0;
  border-top: 16px solid transparent;
  border-left: 9px solid #2460A2;
  border-bottom: 16px solid transparent
}

.sportsmagazine-info-list li span {
  float: left;
  color: #fff;
  padding: 9px 20px 8px 15px;
  border-bottom: 1px solid #666;
  position: relative;
  font-family: "Noto Sans TC", "Dosis", sans-serif;
  font-weight: initial;
  letter-spacing: 1px
}

.sportsmagazine-info-list li address {
  float: left;
  color: #fff;
  padding: 9px 20px 8px 15px;
  border-bottom: 1px solid #666;
  position: relative;
  /*font-family: "Noto Sans TC", "Dosis", sans-serif;*/
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-weight: initial;
  letter-spacing: 1px;
  margin-bottom: 0;
  line-height: initial;
  font-style: initial
}

.widget_contact_info .sportsmagazine-social-network li a {
  font-size: 19px
}

.widget_twitter ul,
.widget_twitter ul li,
.widget_twitter ul li p,
.widget_twitter ul li time {
  float: left;
  padding-left: 10px;
  width: 100%
}

.widget_twitter ul li {
  list-style: none;
  margin-bottom: 10px
}

.widget_twitter ul li a {
  color: #fff;
  width: 120px;
  font-size: 16px;
  font-weight: initial;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  transition: all .4s ease-in-out
}

.widget_twitter ul li a:hover {
  color: #C3DCF8
}

.widget_twitter ul li:last-child {
  margin-bottom: 0
}

.widget_twitter ul li i.fa-twitter {
  float: left;
  width: 31px;
  height: 32px;
  background-color: #3a3a3a;
  color: #1dcaff;
  text-align: center;
  padding-top: 8px;
  position: relative;
  font-size: 16px;
  padding-left: 3px
}

.widget_twitter ul li i.fa-twitter:after {
  content: '';
  position: absolute;
  right: -9px;
  top: 0;
  border-top: 16px solid transparent;
  border-left: 9px solid #3a3a3a;
  border-bottom: 16px solid transparent
}

.widget_twitter ul li span {
  float: left;
  background-color: #3a3a3a;
  color: #fff;
  padding: 2px 20px;
  margin: 0 0 14px 15px;
  position: relative
}

.widget_twitter ul li span:before {
  content: '';
  position: absolute;
  left: -10px;
  top: 0;
  border-top: 16px solid #3a3a3a;
  border-left: 10px solid transparent
}

.widget_twitter ul li span:after {
  content: '';
  position: absolute;
  left: -10px;
  bottom: 0;
  border-bottom: 16px solid #3a3a3a;
  border-left: 10px solid transparent
}

.widget_twitter ul li p {
  margin-bottom: 2px;
  font-size: 13px;
  line-height: 21px
}

.widget_twitter ul li time {
  color: #999;
  font-size: 12px
}

.widget_twitter ul li time i {
  margin-right: 5px
}

.widget_service ul li {
  list-style: none;
  margin-bottom: 10px;
}

.widget_service ul li .hvr-icon-wobble-horizontal {
  padding-right: 0;
  font-size: 16px;
}

.widget_service ul li .hvr-icon-wobble-horizontal:before {
  display: none;
}

.widget_gallery ul {
  margin: 0 -5px
}

.widget_gallery ul li {
  float: left;
  width: 25%;
  padding: 0 5px;
  margin-bottom: 10px;
  list-style: none
}

.widget_gallery ul li a,
.widget_gallery ul li a img {
  float: left;
  width: 100%;
  position: relative
}

.widget_gallery ul li a:before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 60%;
  z-index: 1;
  opacity: 0
}

.widget_gallery ul li:hover a:before {
  opacity: .5;
  height: 100%
}

.sportsmagazine-copyright {
  float: left;
  width: 100%;
  background-image: url(../images/demo/footer_bg.png);
  position: relative;
  overflow: hidden;
  box-shadow: -5px -9px 5px #333;
  -webkit-box-shadow: -5px -9px 5px #333;
  -moz-box-shadow: -5px -9px 5px #333
}

.sportsmagazine-copyright-left:before {
  content: '';
  position: absolute;
  right: 100%;
  top: 0;
  width: 200em;
  height: 100%;
  margin-right: 24px;
  -webkit-transform: skewX(32deg);
  -moz-transform: skewX(32deg);
  -ms-transform: skewX(32deg);
  -o-transform: skewX(32deg);
  transform: skewX(32deg)
}

.sportsmagazine-copyright-right:after {
  content: '';
  position: absolute;
  left: 100%;
  top: 0;
  width: 999em;
  height: 80px;
  margin-left: 24px;
  -webkit-transform: skewX(-32deg);
  -moz-transform: skewX(-32deg);
  -ms-transform: skewX(-32deg);
  -o-transform: skewX(-32deg);
  transform: skewX(-32deg)
}

.sportsmagazine-copyright p {
  color: #fff;
  margin-bottom: 0;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  padding: 28px 0 27px
}

.sportsmagazine-copyright p a {
  color: #fff
}

.sportsmagazine-copyright-link {
  float: right
}

.sportsmagazine-copyright-link li {
  float: left;
  list-style: none;
  padding: 0 26px;
  position: relative;
  margin: 26px 0
}

.sportsmagazine-copyright-link li:last-child {
  padding-right: 0
}

.sportsmagazine-copyright-link li:first-child:before {
  display: none
}

.sportsmagazine-copyright-link li:before {
  content: '|';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #888
}

.sportsmagazine-copyright-link li a {
  color: #888;
  font-weight: 700
}

.sportsmagazine-back-top {
  position: absolute;
  left: 50%;
  bottom: 0;
  color: #fff;
  font-size: 22px;
  line-height: 1;
  text-align: center;
  width: 82px;
  z-index: 10;
  margin-left: -40px
}

.sportsmagazine-back-top:before {
  content: '';
  position: absolute;
  right: 20px;
  bottom: -10px;
  display: block;
  box-shadow: -5px -9px 5px #111;
  -webkit-box-shadow: -5px -9px 5px #111;
  -moz-box-shadow: -5px -9px 5px #111;
  background-color: #2460A2;
  height: 40px;
  width: 40px;
  position: absolute;
  -webkit-clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%);
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%)
}

.sportsmagazine-back-top i {
  position: relative;
  color: #fff
}

.sportsmagazine-footer-two .sportsmagazine-footer-widget .widget {
  margin: 0 0 50px
}

.sportsmagazine-footer-two .sportsmagazine-footer-widget {
  padding: 146px 0 30px
}

.sportsmagazine-footer-two {
  background: url(extra-images/footer-back-img.html);
  background-position: center;
  position: relative
}

.footer-transparent {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  background-color: #292c31;
  opacity: .9
}

.sportsmagazine-footer-two:before {
  content: '';
  position: absolute;
  width: 51%;
  height: 48px;
  background-color: #fff;
  left: 0;
  top: -20px;
  z-index: 1;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  transform: rotate(-2deg)
}

.sportsmagazine-footer-two:after {
  content: '';
  position: absolute;
  width: 50%;
  height: 48px;
  background-color: #fff;
  right: 0;
  top: -20px;
  -webkit-transform: rotate(2deg);
  -moz-transform: rotate(2deg);
  -ms-transform: rotate(2deg);
  -o-transform: rotate(2deg);
  transform: rotate(2deg)
}

.footer-two-widget-title {
  float: left;
  width: 100%;
  margin: 0 0 43px
}

.footer-two-widget-title h2 {
  display: inline-block;
  color: #fff;
  font-size: 18px;
  margin: 0;
  font-weight: 700;
  padding: 0 0 0 26px;
  border-left: 1px solid #ffdc11;
  position: relative;
  line-height: 1.1
}

.footer-two-widget-title h2:before {
  content: '';
  position: absolute;
  left: 4px;
  top: 0;
  height: 20px;
  width: 1px;
  background-color: #ffdc11
}

.footer-two-widget-title h2:after {
  content: '';
  position: absolute;
  left: 9px;
  top: 0;
  height: 20px;
  width: 1px;
  background-color: #ffdc11
}

.widget_featured_news ul li {
  float: left;
  width: 100%;
  list-style: none;
  margin: 0 0 15px;
  padding: 0 0 0 71px;
  position: relative
}

.widget_featured_news ul li span {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 40px;
  font-weight: 700;
  color: #999;
  font-style: italic
}

.widget_featured_news ul li h6 {
  font-weight: 700;
  font-size: 15px;
  line-height: 22px;
  margin: 0
}

.widget_featured_news ul li h6 a {
  color: #fff
}

.widget_featured_news ul li time {
  font-size: 12px;
  color: #999
}

.widget_link ul li {
  float: left;
  width: 50%;
  list-style: none;
  margin: 0 0 12px
}

.widget_link ul li a {
  color: #fff;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.widget_link ul li:hover a {
  color: #ffdc11
}

.widget_link ul li a i {
  float: left;
  margin: 8px 17px 0 0
}

.widget-images,
.widget-images-thumb span,
.widget-images-thumb span img,
.widget-images-thumb {
  float: left;
  width: 100%
}

.widget-images {
  margin: 5px 0 0
}

.widget-images-thumb span {
  margin: 0 0 15px;
  position: relative
}

.widget-images-list {
  float: left;
  width: 100%;
  position: relative;
  text-align: center
}

.widget-images-list .slick-arrow.slick-arrow-left i {
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1)
}

.widget-images-list-layer>span {
  margin: 0 0 12px;
  cursor: pointer;
  display: inline-block
}

.widget-images-list .slick-arrow {
  background-color: #fff;
  position: absolute;
  cursor: pointer;
  border-radius: 3px;
  padding-top: 3px;
  width: 20px;
  height: 20px;
  right: 5px;
  text-align: center;
  top: -100%;
  line-height: .6;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.widget-images-list .slick-arrow.slick-arrow-left {
  right: auto;
  left: 5px
}

.widget-images-list .slick-arrow i {
  color: #161718;
  font-size: 12px
}

.widget-images-list .slick-arrow.slick-arrow-left i {
  padding: 0 1px 0 0
}

.widget-images-list .slick-arrow.slick-arrow-right i {
  padding: 0 0 0 1px
}

.sportsmagazine-copyright-two {
  float: left;
  width: 100%;
  position: relative;
  padding: 32px 0 0;
  margin: 22px 0 0
}

.sportsmagazine-copyright-two p {
  float: left;
  margin: 0;
  color: #fff
}

.sportsmagazine-copyright-two p a {
  color: #fff
}

.sportsmagazine-copyright-two:before {
  content: '';
  width: 48%;
  height: 1px;
  position: absolute;
  left: 0;
  top: 0;
  background-color: #555
}

.sportsmagazine-copyright-two:after {
  content: '';
  width: 48%;
  height: 1px;
  position: absolute;
  right: 0;
  top: 0;
  background-color: #555
}

.sportsmagazine-footer-two .sportsmagazine-top-back {
  position: absolute;
  left: 50%;
  top: -7px;
  color: #fff;
  font-size: 16px;
  line-height: 1;
  text-align: center;
  width: 46px;
  margin-left: -24px
}

.sportsmagazine-footer-two .sportsmagazine-top-back:before {
  content: '';
  position: absolute;
  background-color: #555;
  height: 34px;
  width: 1px;
  left: 12px;
  top: 2px;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

.sportsmagazine-footer-two .sportsmagazine-top-back:after {
  content: '';
  position: absolute;
  background-color: #555;
  height: 34px;
  width: 1px;
  right: 11px;
  top: 2px;
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}

.sportsmagazine-footer-social {
  float: right
}

.sportsmagazine-footer-social li {
  float: left;
  list-style: none;
  margin: 0 0 0 15px
}

.sportsmagazine-footer-social li a {
  color: #999;
  font-size: 20px;
  -webkit-transition: all .4s ease-in-out;
  -moz-transition: all .4s ease-in-out;
  -ms-transition: all .4s ease-in-out;
  -o-transition: all .4s ease-in-out;
  transition: all .4s ease-in-out
}

.parallax-image.skrollable-between {
  display: block
}

.no-skrollr .parallax-image-wrapper {
  display: none !important
}

.parallax-image-wrapper {
  position: fixed;
  left: 0;
  width: 100%;
  overflow: hidden;
  height: 80vh;
  top: -80vh
}

.parallax-image {
  display: none;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  background-repeat: no-repeat;
  background-position: top;
  background-size: cover;
  height: 100vh;
  top: 0
}

.parallax-image.skrollable-betwe n {
  display: block
}

.no-skrollr .parallax-image-wrapper {
  display: none !important
}

.gap {
  background: transparent center no-repeat;
  background-size: cover;
  height: 40vh
}

.skrollr .gap {
  background-position: bottom;
  background: transparent !important
}

.service_box-info {
  background-color: #C5DDF8;
  padding: 10px 10px 5px 10px;
}

.service_box-info h6 {
  font-size: 18px;
}

.service_box-info p {
  font-size: 15px;
  margin-bottom: 10px;
  color: #555;
}

.sec_comment {
  padding: 20px 0 0;
  position: relative;
}

.sec_comment__row {
  padding: 0 13px;
}

.comment-col {
  margin-top: 35px;
}

.comment_img {
  width: 60px;
  border-radius: 50%;
  border: 2px solid rgba(255, 255, 255, 0.5);
  margin-bottom: 5px;
}

.comment_box {
  padding: 10px;
  transition: .8s;
}

.comment_box-info h6 {
  font-size: 18px;
  color: #2E77C9;
}

.comment_box-info p {
  color: #555;
  font-size: 16px;
  margin-bottom: 0;
  text-align: center;
}

.comment-name:after {
  content: "";
  display: block;
  width: 60px;
  height: 1px;
  background-color: #2E77C9;
  margin: 2px auto;
}

.comment-btn {
  background: #2E77C9;
  color: #ffffff;
  font-weight: 400;
  font-size: 18px;
  line-height: 15px;
  text-align: center;
  padding: 17px 30px;
  white-space: nowrap;
  font-family: noto sans tc, dosis, sans-serif;
  letter-spacing: 1px;
  display: inline-block;
  border: none;
  text-transform: uppercase;
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  -webkit-transition: background .3s ease-in-out, color .3s ease-in-out;
  transition: background .3s ease-in-out, color .3s ease-in-out;
}

.comment-btn:hover {
  background-color: #ffffff;
  color: #2E77C9;
}

@media (max-width: 800px) {
  #page-intro h1 {
    font-size: 42px
  }
}

#page-intro .btn {
  color: #fff !important;
  display: block;
  margin: 40px auto;
  width: 200px;
  text-align: center;
  border: 1px solid #fff;
  padding: 18px 20px;
  border-radius: 4px;
  text-transform: uppercase;
  font-weight: 700;
  text-decoration: none
}

.dummy-content {
  padding: 150px 0;
  background-color: #fff;
  color: #221f51;
  font-size: 24px;
  min-height: 800px;
  text-align: center
}

.dummy-content h2 {
  font-weight: 400;
  color: #777
}

a.button {
  display: inline-block;
  color: #3f3f3f;
  font-size: 16px;
  text-decoration: none
}

tr:hover td,
tr.active td {
  background-color: #eee
}

tr:hover td a.button,
tr.active td a.button {
  color: #2E77C9
}

.sportsmagazine-main-section a:hover.button {
  color: #2E77C9;
  transition: all .4s ease-in-out
}

.lightbox-target {
  position: fixed;
  top: -100%;
  width: 100%;
  left: 0;
  background: rgba(0, 0, 0, 0.7);
  opacity: 0;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  -webkit-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
  overflow: hidden
}

.lightbox-target .content {
  padding: 20px;
  width: 40%;
  min-height: 20%;
  background: #fff;
  color: #333;
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0;
  max-width: 0;
  border: 3px solid #fff;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -moz-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}

.lightbox-target img {
  margin: auto;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  max-height: 0;
  max-width: 0;
  border: 3px solid #fff;
  -moz-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.3);
  box-sizing: border-box;
  -moz-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}

.lightbox-target:target {
  opacity: 1;
  top: 0;
  bottom: 0;
  z-index: 1
}

.lightbox-target:target .content,
.lightbox-target:target img {
  max-height: 40%;
  max-width: 100%
}

.lightbox-target:target .lightbox-close {
  top: 5%
}

.lightbox-close {
  display: block;
  width: 25px;
  height: 25px;
  box-sizing: border-box;
  background: #3db8cc;
  color: #fff;
  position: relative;
  top: 25% !important;
  right: -70%;
  -moz-transition: ease-in-out .5s;
  -o-transition: ease-in-out .5s;
  -webkit-transition: ease-in-out .5s;
  transition: ease-in-out .5s
}

.lightbox-close:before,
.lightbox-close:after {
  content: " ";
  display: block;
  height: 20px;
  width: 1px;
  background: #fff;
  position: absolute;
  left: 12px;
  top: 4px;
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg)
}

.lightbox-close:after {
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  transform: rotate(-45deg)
}

article {
  position: relative;
  width: 100%;
  height: 300px !important;
  overflow: hidden
}

article img {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%
}

article p {
  position: absolute;
  width: 100%;
  margin-top: 120px;
  text-transform: uppercase;
  color: #fff;
  font-size: 6em
}

article .article__inner {
  position: relative;
  width: inherit;
}


.rwd-table {
  background: #fff;
  overflow: hidden
}

.rwd-table th,
.rwd-table td {
  margin: .5em 1em
}

.rwd-table {
  min-width: 100%
}

.rwd-table th {
  display: none
}

.rwd-table td {
  display: block
}

.rwd-table td:before {
  font-weight: 700;
  display: inline-block
}

.rwd-table th,
.rwd-table td {
  text-align: left
}

.rwd-table th,
.rwd-table td:before {
  color: #fff;
  font-weight: 700
}

@media (max-width: 767px) {
  .contact-medialink {
    display: flex;
    justify-content: center;
  }
}

@media (min-width: 480px) {
  .rwd-table td:before {
    display: none
  }

  .rwd-table th,
  .rwd-table td {
    display: table-cell;
    padding: .25em .5em
  }

  .rwd-table th:first-child,
  .rwd-table td:first-child {
    padding-left: 0
  }

  .rwd-table th:last-child,
  .rwd-table td:last-child {
    padding-right: 0
  }

  .rwd-table th,
  .rwd-table td {
    padding: 1em !important
  }
}

.Bg {
  z-index: 1000;
  color: #fff
}

.Bg h1,
.Bg h2,
.Bg h3,
.Bg h4,
.Bg h5,
.Bg h6 {
  color: #ffffff;
}


.contact h5 {
  font-size: 40px;
  line-height: .5;
  color: #00ac00;
  margin-top: 30px;
  width: 100%;
  float: left;
  display: block;
  font-family: 'Baloo Tammudu', cursive
}

.contact.parallax {
  min-height: 600px;
  height: initial;
  /*z-index: -1*/
}

.parallax {
  z-index: 10;
  position: relative;
  height: 400px;
  overflow: hidden
}

.service.parallax {
  height: 1000px
}

.front,
.parallax {
  text-align: center;
  align-items: center;
  justify-content: center;
  display: flex;
  min-height: 200px
}

.bgimg {
  position: absolute;
  background-repeat: no-repeat;
  background-size: cover
}

.shadow {
  background-color: #000;
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: .4
}

.index-map {
  padding: 0 30px 30px 50px
}

.news-info-h2 {
  font-size: 60px;
  letter-spacing: 2px;
  color: #fff;
  font-weight: 700;
  margin-bottom: 8px;
  text-transform: uppercase;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  text-shadow: 3px -1px 1px #666;
}

.news h1.news-info-tit {
  display: block;
  float: left;
  border-bottom: 1px solid #ccc;
  width: 90%;
  padding: 0 10px 10px;
  font-family: "Noto Sans TC", "微軟正黑體", sans-serif;
  font-size: 24px;
}

.news h1.news-info-tit time {
  font-style: italic;
  color: #666;
  font-size: 14px;
  font-family: "Doris", sans-serif;
}

ul.sportsmagazine-info-list li a:hover {
  color: #C3DCF8
}








@media screen and (min-width:992px) {
  .collapse.navbar-collapse li {
    list-style: none
  }
}

.sportsmagazine-user-link li .fb.fbbar {
  width: 155px;
  transform: translate(0%, -3px)
}

.footerfb {
  padding-top: 35px;
  padding-bottom: 20px
}

@media screen and (max-width:991px) {
  .service_box {
    margin: 0 0 25px 0;
  }

  .footerfb {
    padding-top: 0
  }

  .sportsmagazine-contact-text i {
    font-size: 18px;
    width: 45px;
    display: block;
    float: left;
    height: 45px;
    color: #fff;
    line-height: 45px;
    border-radius: 100%;
    border: 2px dotted #fff;
    text-align: center;
    padding: 0;
  }

  .sportsmagazine-contact-text p,
  .sportsmagazine-contact-text a {
    font-size: 14px;
  }

  .contactus_infotext h4 {
    font-size: 24px;
  }

  .contact-medialink a {
    font-size: 35px;
    width: 70px;
    height: 70px;
    line-height: 65px;
  }
}

.errorbtn {
  color: #2E77C9;
  border: 1px solid #2E77C9;
  padding: 7px 20px;
  margin-top: 30px;
}

.errorbtn:hover {
  background-color: #2E77C9;
  color: white;
}

.btn-error-pro {
  background-color: #2E77C9;
  color: white;
  /*color: #2E77C9;*/
  border: 1px solid #2E77C9;
  padding: 7px 20px;
  border-radius: 0;
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  -ms-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

.btn-error-pro:hover {
  background-color: #ad803e;
  border: 1px solid #ad803e;
  color: white;
}

.error-form {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-top: 30px;
}

.error-form input {
  height: 36px;
  border: 1px solid #2E77C9;
  padding: 0 10px;
}

.error-form input:focus {
  border: 1px solid #2E77C9;
  outline: none;
}

@media screen and (max-width:768px) {
  .contact.parallax {
    padding: 30px 0;
  }
}

@media screen and (max-width: 767px) {
  .comment-col {
    margin-top: 0;
  }
}

@media screen and (max-width:660px) {
  .news h1.news-info-tit {
    width: calc(100% - 60px);
  }
}

@media screen and (max-width:414px) {
  .news-info-h2 {
    font-size: 50px;
  }

  .news h1.news-info-tit {
    width: 100%;
  }
}

@media screen and (max-width:375px) {
  .news-info-h2 {
    font-size: 30px;
  }
}

@media screen and (max-width:320px) {
  .news h1.news-info-tit {
    font-size: 18px;
    height: auto;
    margin-top: 0;
  }
}

.seo-text {
  position: relative;
  /*  top: -99999px;
  z-index: -9999;*/
}


@media screen and (min-width:415px) {
  .br_rwd br {
    /*display: none;*/

  }

}


@media screen and (max-width:414px) {
  .text-box-txt {
    font-size: 21px !important;
  }
}


h3.title--no-line:after,
.house h2.title--no-line:after {
  content: none;
}

.title-link .title {
  transition: 0.3s;
}

.title-link:hover .title {
  opacity: 0.7;
}

.index-certificate {
  position: relative;
  padding-top: 70px;
  margin-top: 50px
}

.index-certificate .img-warp {
  border: 1px solid #ddd;
  margin-bottom: 30px;
}


/*service 高雄小額借款*/
.small_loan {
  position: relative;
  z-index: 1;
}

.small_loan h3 {
  width: fit-content;
}

.small_loan h5,
.small_loan a {
  color: #2E77C9;
}

.small_loan h3:hover {
  opacity: .7;
}