/*------------------------------------------------------------------------------
[Table of contents]

1. Body
2. Typography
3. Forms
4. Wrapper
5. Columns
6. Wide slider
7. Content slider
8. Panel title
9. Page title
10. Shop
11 Shop single
12. Pagination
13. Page 404
14. Blog
    14.1 Post layout 1
    14.2 Post layout 2
    14.3 Single layout
    14.4 Multipack
    14.5 List posts
    14.6 List posts 1
    14.7 List posts
15. Top reviews
16. Shortcodes
    16.1 Google map
    16.2 Popup
    16.3 Slider
    16.4 Head title
    16.5 Dropcaps
    16.6 Accordions
    16.7 Tabs
    16.8 Alerts
    16.9 Buttons
17. Header
18. Navigation
19. Main content
20. General style
21. Widgets
    22.1 Widget authors
    22.2 Widgets (Wordpress)
    22.3 Widget categories (custom)
    22.4 Widget posts big
    22.5 Widget timeline
    22.6 Widget tags
    22.7 Widget socialize
    22.8 Widget recent list
    22.9 Widget banner 125
23. Footer
24. Copyright
25. Search
26. Calendar
27. Error Page
------------------------------------------------------------------------------*/

/*------------------------------------------------------------------------------
    1. Body
------------------------------------------------------------------------------*/
html {/**Ruby (typography.css need to set, too)**/
	font-family: '微軟正黑體','Microsoft JhengHei',sans-serif !important;
}
body {/**donna-font-size、line-height**/
    background-image: url(../demo/body/5.png);
    background-color: #fff;
    font-size: 18px;
    line-height: 22px;
    color: #000;
}
*,
*:before,
*:after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.container:before,
.container:after,
.row:before,
.row:after,
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table
}
.container:after,
.row:after,
.clearfix:after {
    clear: both
}
img {
    outline: 0;
    border: 0;
    max-width: 100%;
    height: auto;
    vertical-align: middle
}
iframe {
    width: 100%
}

/*------------------------------------------------------------------------------
    2. Typography
------------------------------------------------------------------------------*/
h1,
h2,
h3,
h4,
h5,
h6 { /*Donna- color*/
    font-weight: 400;
    line-height: 1.1;
    color: #000;
    margin: 0 0 20px 0
}
h1 {
    font-size: 36px
}
h2 {
    font-size: 30px
}
h3 {
    font-size: 24px
}
h4 {
    font-size: 18px
}
h5 {
    font-size: 15px
}
h6 {
    font-size: 14px
}
h7{
	font-size: 36px;
	color:crimson;
}
p { /*Donna- line-height*/
    margin: 0 0 20px 0;
	line-height: 1.8;
}
hr {
    height: 0;
    border: 0;
    margin-top: 20px;
    margin-bottom: 20px;
    border-top: 1px solid #eee
}
a {
    color: #222;
    background-color: transparent;
    text-decoration: none;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
a:active,
a:hover {
    outline: 0
}
strong,
b {
    color: #222
}
pre {
    overflow: auto;
    display: block;
    padding: 10px;
    margin: 0 0 10px;
    line-height: 21px;
    word-break: break-all;
    word-wrap: break-word;
    background-color: #fff;
    border: 1px solid #eee
}
code,
kbd,
pre,
samp {
    font-family: monospace, monospace;
    font-size: 14px
}
mark {
    color: #fff;
    padding: 1px 4px
}
ul {
    list-style: disc
}
ol {
    list-style: decimal
}
dl {
    margin-bottom: 10px
}
dl dt {
    font-weight: 700
}
dl dd {
    margin-left: 10px
}
ul,
ol {
    font-size: 15px;
    line-height: 25px;
    margin-top: 0;
    padding-left: 20px;
    margin-bottom: 20px;
}
blockquote {
    margin: 20px
}
blockquote p {
    font-weight: 300;
    font-style: italic;
    font-size: 24px;
    color: #9ca2a4;
    line-height: 32px;
    position: relative
}
blockquote p span:first-child {
    font-size: 30px;
    font-weight: 400;
    width: 15px;
    position: absolute;
    left: -20px
}
blockquote p span:last-child {
    font-size: 30px;
    font-weight: 400;
    width: 15px;
    position: absolute;
    right: -15px
}
blockquote footer {
    text-align: right;
    font-style: italic
}
figure {
    margin: 0 0 10px 0
}
.text_left {
    text-align: left
}
.text_right {
    text-align: right
}
.text_center {
    text-align: center
}
.text_justify {
    text-align: justify
}

/*------------------------------------------------------------------------------
    3. Forms
------------------------------------------------------------------------------*/
table {
    font-size: 14px;
    width: 100%;
    max-width: 100%;
    text-align: left;
    margin-bottom: 20px;
    border-left: 1px solid #eee;
    border-top: 1px solid #eee;
    background-color: #fff;
}
table th,
table td {
    padding: 6px;
    vertical-align: top;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee
}
table thead th {
    font-weight: 700
}
/* Orange */
.table_orange,
.table_orange th,
.table_orange td {
    border: none
}
.table_orange thead tr th {
    color: #fff
}
.table_orange tr:nth-child(odd) {
    background-color: #fff
}
.table_orange tr:nth-child(even) {
    background-color: #fcfdfd
}
.table_orange thead tr th:nth-child(odd) {
    background-color: #f8cd57
}
.table_orange thead tr th:nth-child(even) {
    background-color: #e9b914
}
/* Green */
.table_green,
.table_green th,
.table_green td {
    border: none
}
.table_green thead tr th {
    color: #fff
}
.table_green tr:nth-child(odd) {
    background-color: #fff
}
.table_green tr:nth-child(even) {
    background-color: #fcfdfd
}
.table_green thead tr th:nth-child(odd) {
    background-color: #a3d537
}
.table_green thead tr th:nth-child(even) {
    background-color: #8ec022
}
/* Black */
.table_black,
.table_black th,
.table_black td {
    border: none
}
.table_black thead tr th {
    color: #fff;
	text-align: left;
}
.table_black tr:nth-child(odd) {
    background-color: #fff
}
.table_black tr:nth-child(even) {
    background-color: #fcfdfd
}
.table_black thead tr th:nth-child(odd) {
    background-color: #3a4245
}
.table_black thead tr th:nth-child(even) {
    background-color: #252a2c
}
.woocommerce-tabs.hotresearch table.table_black th, table.table_black td {
	padding: 10px;
	border-bottom: 1px #eeeeee solid;
}
.woocommerce-tabs.hotresearch table.table_black th {
	padding: 5px;
	border-bottom: none !important;
}
.woocommerce-tabs.hotresearch table.table_black tbody tr:hover,
table.table_black.memberadmin tbody tr:hover,
table.table_black.memberlog tbody tr:hover {
	background-color: #EEEEEE !important;
}
.table_black.memberadmin tbody tr td:first-child {
	width: 88px;
}
.table_black.memberadmin tbody tr td:nth-child(2) {
	min-width: 80px;
}
.table_black.memberadmin tbody tr td:nth-child(3),
.table_black.memberlog tbody tr td:nth-child(1),
.table_black.memberlog tbody tr td:nth-child(3),
.table_black.memberlog tbody tr td:nth-child(4) {
	word-break:break-all;
}

form {
    margin-bottom: 15px
}
input,
textarea {
    background-color: #fff;
    border: 1px solid #ddd;
    outline: none;
    padding: 8px 10px;
    margin: 0;
    width: 100%
}
textarea {
    max-width: 100%;
    min-height: 180px
}
input[type="submit"] {
    border: none;
    color: #fff;
    width: auto
}
select {
    background-color: #fff;
    border: 1px solid #ddd;
    outline: none;
    padding: 8px 10px;
    margin: 0
}

/* Dark Red */
/*.tab-category:after, .tab-category-01:after, .tab-category-02:after, .tab-content:after {
    content:'';
    display:block;
    clear: both;
}
.tab-content:before {
	content:'';
	width: 0;
    height:100%;
	display:inline-block;
	position:relative;
	vertical-align:middle;
}*/
.tab-category, .tab-content {
	width: 100%;
	border-bottom: 1px #FFFFFF solid;
	vertical-align: middle;
	display: table-row;/*	----------Donna-修改表格跨行問題-20230111--(原display: table;)-----------*/
}
.tab-content {
	border-bottom: 1px #FFFFFF solid;
}
.tab-category-00, .tab-category-01, .tab-category-02 {
	font-size: 17px;
	background-color: #933533;
	padding: 5px 0;
	color: #FFFFFF;
	text-align: center;
	display: table-cell;
}
.tab-content-00, .tab-content-01, .tab-content-02 {
	padding: 5px 5px 5px 5px;
	vertical-align:middle;
	display: table-cell;
}
.tab-content-00 {
    text-align: center;
    background-color: #898989;
	color: #222;/*	----------Donna-修改表格分類配色的文字-20230113-----------*/
}
.tab-category-00.industrytab-preface{
/*		display:block;*/
}
.tab-content-01 {
	text-align: center;
	background-color: #A1A1A1;
}
.tab-content-01 strong {
/*	font-size: 15px;*/
	color: #222;/*	----------Donna-修改表格分類配色的文字-20230113-----------*/
}
.tab-content-01 span.font_color {
	color: #aa6d6d;/*	----------Donna-新增表格分類配色的文字-20230113-----------*/
}
.tab-content-01.industrytab-left strong span {
    display: none;
}
.tab-content-02 ul {
	margin: 5px 0 5px 14px;
	line-height: 23px;
}
.tab-content-02 ol {
	margin: 5px 0 5px 0;
/*	line-height: 23px;*/
}
.tab-content-02.industrytab-right {
    font-size: 17px;
    line-height: 25px;
}
.tab-content-02.industrytab-right ol{
    font-size: 17px !important;
    line-height: 25px;
}
.div-tab .tab-content:nth-child(even) .tab-content-02 {
	background-color: #F2F2F2;
}
.div-tab .tab-content:nth-child(odd) .tab-content-02 {
	background-color: #D9D9D9;
}
td.tab-content-01 {
    border-right: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
    border-bottom: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
}
td.tab-content-02 {
    border-right: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
    border-bottom: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
}
td.industrytab-preface{
    border-right: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
    border-bottom: 1px solid #fff!important;/*	----------Donna-新增表格分隔線色-20230116-----------*/
}
/* Dark Red - Industry Tab */
.industrytab-preface{
	width: 8%;
	border-right: 1px solid #fff;
}
.industrytab-left {
	width: 10%;/*	----------Donna-修改表格多一格，需重新分配比例-20230112-------------*/
}
.industrytab-conter{/*	----------Donna-新增表格多一格，需重新分配比例-20230112-------------*/
	width: 15%;
}
.industrytab-right {
	width: 70%;/*	----------Donna-修改表格多一格，需重新分配比例-20230112-------------*/
	border-left: 1px #FFFFFF solid;
}
.New {/*	----------Donna-修改表格跨行問題-20230111-------------*/
    color: #fff;
    background: red;
    width: 45px;
    /* height: 35px; */
    /* padding: 2px 10px; */
    /* border-radius: 200px 200px 200px 200px; */
    text-align: center;
    /* line-height: 22px; */
    margin: 5px auto;
    font-size: 12px;
}
/*	----------Donna-修改表格色彩區隔分類-20230112-------------*/
.tab-content_font{
	text-align: center;
    color: #222;
	padding: 5px 5px 5px 5px;
    vertical-align: middle;
    display: table-cell;
}
.bk_color-00{
	color:#FFF!important;
	font-size: 17px;
}
.bk_color-01{
	background-color: #f7f2b7!important;
}
.bk_color-01-1{
	background-color: #fffbe6!important;
}
.bk_color-02{
	background-color: #ffe2b0!important;
}
.bk_color-02-1{
	background-color: #ffeddc!important;
}
.bk_color-03{
	background-color: #e7b9b9!important;
}
.bk_color-03-1{
	background-color: #f6dede!important;
}
.bk_color-04{
	background-color: #c9bc9c!important;
}
.bk_color-04-1{
	background-color: #e2d6bc!important;
}
.bk_color-05{
	background-color: #a5d6c9!important;
}
.bk_color-05-1{
	background-color: #bceddf!important;
}
.bk_color-06{
	background-color: #bacee5!important;
}
.bk_color-06-1{
	background-color: #dfeff4!important;
}
.bk_color-07{
	background-color: #b3b8c6!important;
}
.bk_color-07-1{
	background-color: #d5d8e0!important;
}
.bk_color-08{
	background-color: #ddccea!important;
}
.bk_color-08-1{
	background-color: #f0eaf9!important;
}
@media screen and (max-width: 600px){
  .bk_color-01.mobile-bk {
      background-color: #f2e99e!important;
  }
  .bk_color-02.mobile-bk {
      background-color: #ffd599!important;
  }
  .bk_color-03.mobile-bk {
      background-color: #e59e9e!important;
  }
  .bk_color-04.mobile-bk {
      background-color: #c4af82!important;
  }
  .bk_color-05.mobile-bk {
      background-color: #89ceb8!important;
  }
  .bk_color-06.mobile-bk {
      background-color: #a0c0e0!important;
  }
  .bk_color-07.mobile-bk {
      background-color: #a3adc4!important;
  }
  .bk_color-08.mobile-bk {
      background-color: #ceb3e5!important;
  }
}
/*	----------Donna-修改表格色彩區隔分類-end-20230112-------------*/
@media screen and (max-width:600px){
	.tab-category-00.industrytab-preface{
		display: none;
	}
	.tab-content-00.industrytab-preface {
    display: none;
	}
	.tab-content-01.industrytab-left strong span {
    display: contents;
	}
}
/*------------------------------------------------------------------------------
    4. Wrapper
------------------------------------------------------------------------------*/
#wrapper {
    background-color: #fff
}
#wrapper.wide {
    width: 100%
}
#wrapper.boxed {
    margin: 0 auto;
    -webkit-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    -moz-box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
    box-shadow: 0 0 10px 5px rgba(0,0,0,0.1);
}

/*------------------------------------------------------------------------------
    5. Columns
------------------------------------------------------------------------------*/
.container {
    position: relative;
    padding-right: 15px;
    padding-left: 15px;
    margin-right: auto;
    margin-left: auto
}
.row {
    margin-right: -15px;
    margin-left: -15px
}
.col {
    position: relative;
    padding-left: 15px;
    padding-right: 15px;
    margin-bottom: 10px;
    min-height: 1px
}
.col_1_of_12 {
    width: 8.33333333%
}
.col_2_of_12 {
    width: 16.66666667%
}
.col_3_of_12 {
    width: 25%
}
.col_4_of_12 {
    width: 33.33333333%
}
.col_5_of_12 {
    width: 41.66666667%
}
.col_6_of_12 {
    width: 50%
}
.col_7_of_12 {
    width: 58.33333333%
}
.col_8_of_12 {
    width: 66.66666667%
}
.col_9_of_12 {
    width: 75%
}
.col_10_of_12 {
    width: 83.33333333%
}
.col_11_of_12 {
    width: 91.66666667%
}
.col_12_of_12 {
    width: 100%
}

/*------------------------------------------------------------------------------
    6. Wide slider
-------------------------------------------------------------------------------*/
/* Pager */
#wide_slider_pager {
    z-index: 2;
    width: 1140px;
    position: absolute;
    bottom: 0
}
#wide_slider_pager .box {
    margin-left: 0.2%;
    margin-right: 0.2%;
    display: block;
    float: left;
    border-top-style: solid;
    border-top-width: 5px;
    border-top-color: #fff;
    width: 24.6%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
}
#wide_slider_pager .box .inner {
    overflow: hidden;
    background-color: #222;
    background-color: rgba(34,34,34,0.8);
    padding: 15px 10px
}
#wide_slider_pager .box .inner h5 {
    color: #999;
    height: 35px;
    overflow: hidden;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    margin: 0 0 10px 0;
    line-height: 1.3
}
#wide_slider_pager .box.active h5 {
    color: #fff
}

.wide_slider {
    position: relative;
    margin-top: -30px;
    margin-bottom: 30px;
}
.wide_slider ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.wide_slider ul li {
    z-index: 1 !important
}
.wide_slider .bx-wrapper img {
    opacity: 0.4;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s;
    -webkit-animation: none !important;
    -moz-animation: none !important;
    animation: none !important;
}

/* Thumb caption */
.wide_slider .slider_caption {
    z-index: 2;
    max-width: 1140px;
    position: absolute;
}
/* Thumb meta */
.wide_slider .slider_caption .thumb_meta {
    margin: 0 0 5px 0;
    position: relative;
    left: 0
}
/* Thumb link */
.wide_slider .slider_caption .thumb_link {
    max-width: 70%;
    padding: 0;
    background: transparent
}
.wide_slider .slider_caption .thumb_link h3 {
    margin: 0 0 15px 0;
    font-weight: 700;
    color: #fff;
    font-size: 36px;
    line-height: 46px
}
.wide_slider .slider_caption .thumb_link p {
    color: #fff;
    font-size: 16px;
    line-height: 24px;
    margin: 0
}
.wide_slider .slider_caption .thumb_link h3 a {
    color: #fff;
    display: block
}

/* Pre/Next */
.wide_slider .bx-wrapper .bx-prev,
.wide_slider .bx-wrapper .bx-next {
    z-index: 8;
    font-family: "FontAwesome";
    background-color: #222;
    background-color: rgba(34,34,34,0.3);
    color: #fff;
    font-size: 16px
}
.bx-wrapper .bx-prev {
    left: 0
}
.bx-wrapper .bx-next {
    right: 0
}
.wide_slider .bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 50%;
    margin-top: -30px;
    outline: 0;
    width: 60px;
    height: 60px;
    line-height: 60px;
    text-align: center;
}

/* Owl Carousel - One slide */

    #owl-demo .item img{
      display: block;
      width: 100%;
      height: auto;
    }
    #bar{
      width: 0%;
      max-width: 100%;
      height: 4px;
      background: #F85050;
    }
    #progressBar{
      width: 100%;
      background: #EDEDED;
	  display: none;/**20160304**/
    }


/*------------------------------------------------------------------------------
    7. Content slider
-------------------------------------------------------------------------------*/
.content_slider {
    margin-bottom: 30px;
    /* Change to your height! */
}
.content_slider .bx-wrapper img {
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.content_slider .bx-wrapper img:hover {
    opacity: 0.7
}
/* Thumb caption */
.content_slider .slider_caption {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0
}
/* Thumb meta */
.content_slider .slider_caption .thumb_meta {
    margin: 0 0 15px 0;
    position: relative;
    left: 15px;
    bottom: 0
}
/* Thumb link */
.content_slider .slider_caption .thumb_link {
    padding: 15px;
    background-color: #222;
    background-color: rgba(34,34,34,0.7)
}
.content_slider .slider_caption .thumb_link h3 {
    margin: 0;
    font-weight: 400;
    color: #fff;
    font-size: 24px;
    line-height: 32px
}
.content_slider .slider_caption .thumb_link h3 a {
    color: #fff;
    display: block
}

/*------------------------------------------------------------------------------
    8. Panel title
-------------------------------------------------------------------------------*/
.panel_title {
    margin-bottom: 30px;
	position: relative;/*donna*/
}
.full_meta + .panel_title {/**Ruby**/
	clear: both;
	margin-top: 20px;
}
.panel_title .title {
    background-color: #eee;
    height: 20px;
    line-height: 20px;
/*    margin-bottom: 5px; donna*/
}
.panel_title  h4 {
    font-weight: 300;
    letter-spacing: -1px;
    padding-right: 10px;
    font-size: 26px;
    height: 24px;
    line-height: 1;
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    margin: 0;
    margin-top: -4px
}
.panel_title span {
    font-size: 14px;
    color: #999
}
/*===============2020-07-30-首頁左側區塊新增"觀看更多"按鈕_donna=========================*/
.pc-nav-wrapper{
	display:block;
	}
.panel_title div:first-child {
    background-color: #eee;
    height: 20px;
    line-height: 20px;
    margin-bottom: 5px;
}
.pc-nav-wrapper .pc_button {
    background-color: #fff !important;
    width: 135px;
    height: 50px !important;;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}
.pc_button .slide {
    background-color: #fff !important;
}
.pc-nav-wrapper .slide {
    background: none;
    border: 1px solid;
    font: inherit;
    line-height: 1;
	color: var(--color);
    -webkit-transition: 0.25s;
    transition: 0.25s;
	height: 33px !important;
    background: #fff;
}
.pc-nav-wrapper .slide  p a :hover, .slide  p a :focus {
    border-color: var(--hover);
    color: #fff;
}
.pc-nav-wrapper .slide {
--color: #f85050;
--hover: #f85050;
}
.pc-nav-wrapper .slide:hover, .slide:focus {
    box-shadow: inset 10em 0 0 0 var(--hover);
}
.pc-nav-wrapper .buttons {
    position: absolute;
    right: 0;
	top: -10px;
	height: 31px !important;
    background: #fff;
}
.pc-nav-wrapper .pc_button p a {
    color: #fff;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    display: flex;
    padding: 2px 20px 2px 20px !important;
	color: #f85050 !important;
	font-size: 15px;
	height: 31px !important;
/*    background: #fff;*/
}
.pc-nav-wrapper .slide p {
    margin: 0;
}
.pc_button p a:hover {
    color: #fff !important;
}
.pc-nav-wrapper .pc_button p a:hover {
    background: none;
}
.mobile-nav-wrapper{
	display: none;
}

/*-----------mobile button-------------*/
@media screen and (max-width: 770px){
	.pc-nav-wrapper{
		display: none;
	}
	.mobile-nav-wrapper{
	display: block;
}
.mobile_button {
    background-color: #fff!important;
    width: 80px;
    height: 30px;
    position: absolute;
    top: 0;
    right: 0;
    text-align: center;
}
.mobile-nav-wrapper .slide {
    background: none;
    border: 1px solid;
    font: inherit;
    line-height: 1;
	color: var(--color);
    -webkit-transition: 0.25s;
    transition: 0.25s;
	height: 33px !important;
}
.mobile-nav-wrapper .slide  p a :hover, .slide  p a :focus {
    border-color: var(--hover);
    color: #fff;
}
.mobile-nav-wrapper .slide {
    background-color: #fff !important;
}
.mobile-nav-wrapper .slide {
--color: #f85050;
--hover: #f85050;
}
.mobile-nav-wrapper .slide:hover, .slide:focus {
    box-shadow: inset 10em 0 0 0 var(--hover);
}
.mobile-nav-wrapper .buttons {
    position: absolute;
    right: 0;
	top: -10px;
}
.mobile-nav-wrapper .mobile_button p a {
    color: #fff;
    align-content: center;
    -webkit-box-align: center;
    align-items: center;
    text-align: center;
    display: flex;
    padding: 0px 5px 0px 5px;
	color: #f85050;
	font-size: 16px;
/*	background: #fff;*/
    height: 31px !important;
}
.mobile-nav-wrapper .slide p {
    margin: 0;
}
.mobile_button p a:hover {
    color: #fff;
}
.mobile-nav-wrapper .mobile_button p a:hover {
    background:none;
}

}



/*===============2020-07-30-首頁左側區塊新增"觀看更多"按鈕_donna======================*/
/*------------------------------------------------------------------------------
    9. Page title
------------------------------------------------------------------------------*/
h1.page_title {
    font-size: 24px;
    line-height: 30px;
    margin-bottom: 20px
}

/*------------------------------------------------------------------------------
    10. Shop
------------------------------------------------------------------------------*/
/* Form */
.woocommerce-result-count {
    width: 50%;
    float: left;
    padding-bottom: 15px
}
.woocommerce-ordering {
    text-align: right
}

/* Numbers */
ul.products.two_no li.product {
    width: 49%;
    margin-right: 2%
}
ul.products.three_no li.product {
    width: 32.6%;
    margin-right: 1%
}

/* Category */
ul.products {
    clear: both;
    display: block;
    list-style: none;
    padding: 0;
}
ul.products li.product.first {
    clear: left
}
ul.products li.product.last {
    margin-right: 0
}
ul.products li.product {
    text-align: center;
    margin-bottom: 15px;
    position: relative;
    list-style: none;
    float: left;
    clear: left
}
ul.products li.product {
    clear: none;
    width: 24.25%;
    margin-right: 1%
}
/* Image */
ul.products li.product .item_thumb {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    margin-bottom: 10px
}
ul.products li.product .item_thumb .thumb_icon {
    z-index: 5;
    opacity: 0;
    position: absolute;
    margin-left: -13px;
    margin-top: -13px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
ul.products li.product .item_thumb .thumb_icon a {
    font-size: 10px;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
ul.products li.product:hover .item_thumb .thumb_icon {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
ul.products li.product .item_thumb .thumb_hover a {
    display: block
}
ul.products li.product .item_thumb img {
    height: auto;
    max-width: 100%;
    display: block;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
ul.products li.product:hover .item_thumb img {
    opacity: 0.3
}
/* On sale */
.onsale {
    z-index: 1;
    padding: 3px 8px;
    text-align: center;
    background: #C63F00;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    top: 5px;
    left: 5px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* New Arrival */
.new-arrival {
    z-index: 1;
    padding: 3px 8px;
    text-align: center;
    background: #F85050;
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    position: absolute;
    left: 30px;
	margin-top: -30px;
	font-style: normal;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
}
/* Title */
ul.products li.product .item_thumb h3 {/**Ruby**/
    display: inline-block;
    margin: 0;
    font-size: 15px;
    z-index: 1;
    padding: 10px;
    background-color: #fff;
    bottom: 10px;
    left: 50%;
    width: 86%;
    margin-left: -43%;
    position: absolute;
	text-align: left;
}
/* Stars */
ul.products li.product .item_meta span.meta_rating {
    left: 50%;
    margin-left: -31px
}
/* Price */
ul.products li.product span.date {/**Ruby**/
    margin-bottom: 10px;
    font-size: 15px;
    display: block;
	color: #222;
    font-weight: 700;
	text-align: left;
}
ul.products li.product span.price span.amount {/**Ruby**/
    margin-bottom: 10px;
    font-size: 15px;
    display: block;
    color: #222;
    font-weight: 700;
	text-align: left;
}
ul.products li.product span.about {/**Ruby**/ /**donna-font-size、line-height、height**/
    margin-bottom: 10px;
    font-size: 15px;
    line-height: 25px;
    display: block;
    text-align: left;
    height: 130px;
}
ul.products li.product del {
    font-weight: 400;
    color: #999
}
ul.products li.product ins {
    text-decoration: none;
    color: #222;
    font-weight: 700;
}
/* Button */
ul.products li.product a.btn {
    margin: 0;
    width: 100%;
    display: block
}

/*------------------------------------------------------------------------------
    11. Shop single
-------------------------------------------------------------------------------*/
div.product {
    position: relative
}
div.product .images { /**Ruby**/
    width: 38%;
    float: left;
    margin-right: 2%;
    margin-bottom: 20px;
}
div.product .images.Seminar_images { /**Donna-20230620-研討會內頁活動圖滿版**/
    width: 100%!important;
}
div.product .images a {
    display: block;
    margin-bottom: 5px
}
div.product .images img {
    width: 100%;
    max-width: 100%;
    height: auto;
}
div.product .woocommerce-tabs {
    clear: both;
    margin-bottom: 30px
}
div.product .images .thumbnails {
    overflow: hidden
}
div.product .images .thumbnails a {
    float: left;
    margin-right: 5px;
    width: 24%
}
div.product .summary {/**Ruby**/
    width: 60%;
    float: right;
    margin-bottom: 30px
}
div.product .summary.Seminar_images { /**Donna-20230620-研討會內頁活動圖滿版**/
    width: 100%!important;
}
.summary.Seminar_summary {/**Donna-20230620-研討會內頁活動文字滿版**/
    width: 100%!important;
}
div.product .summary h1.product_title {
    font-size: 24px;
    margin-bottom: 10px
}
div.product .summary .woocommerce-product-rating {
    margin-bottom: 15px
}
div.product .summary p.price {
    color: #222;
    letter-spacing: -1px;
    font-weight: 700;
    font-size: 21px;
    border: none;
    padding: 0;
    margin-bottom: 20px;
}
div.product .summary p.price del {
    font-weight: 300;
    margin-right: 5px;
    color: #999
}
div.product .summary p.price ins {
    text-decoration: none
}
div.product .summary form {
    width: auto;
    display: inline-block;
    padding: 10px;
    background-color: #ddd
}
div.product .summary form .quantity {
    margin: 0 10px 0 0;
    position: relative;
    float: left
}
div.product .summary form .quantity .qty {
    float: left;
    margin: 0;
}
/*-------Donna-20230620-研討會內頁列表調整-------*/

.Seminar_box{
	width: 400px!important;
}
.box.Seminar_box .post-thumb-link2{
	width: 400px!important;
	height: auto!important;
}
.Seminar_box img.attachment-post-thumb.wp-post-image{
    width: 100%;
}
.Seminar_box h2.ellipsis-title a {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
}
.post-content.ellipsis-content {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
}

@media screen and (max-width:990px) {
	#posts.seminar_posts {
/*
    display: flex;
    align-items: center;
    justify-content: center;
*/
}
	.Seminar_box {
    width: 400px!important;
	left: auto!important;
}
	.box.Seminar_box .post-thumb-link2 {
    width: 400px!important;
    height: auto!important;
}

	h2.ellipsis-title a {
/*    overflow: inherit!important;*/
	-webkit-line-clamp: 99;
}
}
@media screen and (max-width:600px) {
	.Seminar_box {
    width: 400px!important;
}
.box.Seminar_box .post-thumb-link2 {
    /* width: 400px!important; */
    height: auto!important;
}
}
@media screen and (max-width:420px) {
	.Seminar_box {
    width: 95%!important;
}
	.box.Seminar_box .post-thumb-link2 {
    width:115%!important;
    height: auto!important;
}
	#posts.seminar_posts {
    width: 100%!important;
}
}
@media screen and (max-width:375px) {
	.Seminar_box {
    width:95%!important;
}
	.box.Seminar_box .post-thumb-link2 {
    width:118%!important;
    height: auto!important;
}
	#posts.seminar_posts {
    width: 100%!important;
}
}
@media screen and (max-width:320px) {
	#posts.seminar_posts {
    width: 320pximportant;
}
	.Seminar_box {
    width:260px!important;
}
	.box.Seminar_box .post-thumb-link2 {
    width: 260px!important;
    height: auto!important;
}
}
/*-------Donna-20230620-研討會內頁列表調整-end------*/

/**[TR-167]TW/CN-前台研討會內頁的右側欄出現網址內容過長破版的問題-Ruby-20230414**/
article.post .entry_content #font_description .summary a {
	overflow-wrap: break-word;
}

/* Analyst */
div.product .analyst-images {
	-width: 18%;
	max-width: 150px;
	max-height: 195px;
    float: left;
    margin-right: 20px;
    margin-bottom: 20px;
}
div.product .analyst-summary {
	-width: 80%;
    -float: right;
    margin-bottom: 30px;
}

.ui-spinner {}
.ui-spinner-input {}
.ui-spinner-button {
    font-size: 10px;
    display: block;
    text-align: center;
    width: 30px;
    top: 0;
    height: 36px;
    line-height: 36px;
    cursor: pointer;
    position: absolute
}
.ui-spinner-down {
    left: 0px
}
.ui-spinner-up {
    right: 0px
}
div.product .summary form .quantity .qty::-webkit-outer-spin-button,
div.product .summary form .quantity .qty::-webkit-inner-spin-button {
    -webkit-appearance: none;
    margin: 0;
}
div.product .summary form .quantity .qty {
    background: 0 0;
    font-size: 13px;
    border: 0;
    width: 120px;
    padding: 8px 18px;
    text-align: center;
    background-color: #f9f9f9
}
div.product .summary form .btn {
    -webkit-transition: .2s;
    -moz-transition: .2s;
    -o-transition: .2s;
    transition: .2s;
    margin: 0
}

/*------------------------------------------------------------------------------
    12. Pagination
-------------------------------------------------------------------------------*/
ul.page-numbers {
    list-style: none;
    -margin: 0;/**Ruby**/
    padding: 0;
    clear: both;
    overflow: hidden
}
ul.page-numbers li {
    float: left;
    margin: 0 4px 4px 0
}
ul.page-numbers li a {/**Ruby**/
    display: block;
    -width: 25px;
    line-height: 25px;
    text-align: center;
    -height: 25px;
	padding: 0 10px;
    background-color: #eee;
}
ul.page-numbers li a:hover {
    color: #222
}
ul.page-numbers li span.current {/**Ruby**/
    color: #fff;
    display: block;
    line-height: 25px;
    text-align: center;
    -width: 25px;
    -height: 25px;
	padding: 0 10px;
}
ul.page-numbers li span.page-total {/**Ruby**/
    display: block;
    line-height: 25px;
    text-align: center;
    -width: 25px;
    -height: 25px;
	padding: 0 10px;
	background-color: #ffffff;
}

/*------------------------------------------------------------------------------
    13. Page 404
------------------------------------------------------------------------------*/
.page_404 {
    text-align: center;
    margin-bottom: 60px
}
.page_404 h3 {
    font-size: 210px;
    font-weight: 400;
    color: #ddd
}
.page_404 h4 {}
.page_404 form {}
.page_404 form input {
    width: 40%
}

/*------------------------------------------------------------------------------
    14. Blog
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    14.1 Post layout 1
------------------------------------------------------------------------------*/
.layout_post_1 {
    margin-bottom: 15px
}
/* Image */
.layout_post_1 .item_thumb {
    border-bottom: 0;
    width: 100%;
    position: relative;
    overflow: hidden
}
.layout_post_1 .item_thumb .thumb_icon {
    z-index: 5;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.layout_post_1 .item_thumb .thumb_icon a {
    font-size: 14px;
    color: #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.layout_post_1 .item_thumb:hover .thumb_icon {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.layout_post_1 .item_thumb:hover img {
    opacity: 0.3
}
.layout_post_1 .item_thumb .thumb_hover a {
    display: block
}
.layout_post_1 .item_thumb img {
    /*backface-visibility: hidden;
    -webkit-backface-visibility: hidden;*/
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.layout_post_1 .item_content h4 {
    margin: 10px 0;
    font-size: 20px;
    line-height: 26px;
    font-weight: 700
}
.layout_post_1 .item_content .item_meta {
    margin-bottom: 10px
}
.item_number {/**Ruby**/
    position: relative;
	top: 12px;
	float: left;
	width: 55px;
    margin-bottom: 10px;
	font-size: 50px;
	font-style: italic;
	color: #EBEBEB;
}
.full_meta {
    line-height: 40px;
    height: 40px;
    color: #fff;
    background-color: #444;
    font-size: 13px;/**Ruby**/
}
.full_meta span {
    display: block;
    margin-right: 10px;
    float: left
}
.full_meta span a {
    color: #fff
}
.full_meta span.text {
padding-left: 20px;
font-size: 14px;
}
.full_meta span.meta_format {
    color: #fff;
    width: 40px;
    height: 40px;
    text-align: center;
    margin-right: 10px
}
.full_meta span.meta_comments:before {
    font-size: 12px;
    margin: 0 5px 0 0;
    content: "\f040";/**Ruby**/
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.full_meta span.meta_price:before {/**Ruby**/
    font-size: 12px;
    margin: 0 5px 0 0;
    content: "\f0d6";
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.full_meta span.meta_likes:before {
    font-size: 12px;
    margin: 0 5px 0 0;
    color: #f00;
    content: "\f004";
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.full_meta span.meta_dl:before {/**Ruby**/
    font-size: 12px;
    margin: 0 5px 0 0;
    color: #f00;
    content: "\f019";
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.full_meta span.meta_date:before {
    font-size: 12px;
    margin: 0 5px 0 0;
    content: "\f133";
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.full_meta .meta_rating {
    margin-top: 12px;
    float: right
}

/*------------------------------------------------------------------------------
    14.2 Post layout 2
------------------------------------------------------------------------------*/
.layout_post_2 {
    margin-bottom: 15px
}
/* Image */
.layout_post_2 .item_thumb {
    float: left;
    width: 35%;
    position: relative;
    overflow: hidden;
    margin-right: 30px
}
.layout_post_2 .item_thumb_right {/**Ruby**/
    float: right;
    width: 35%;
    position: relative;
    overflow: hidden;
    margin-left: 30px
}
.layout_post_2 .item_thumb .thumb_icon, .layout_post_2 .item_thumb_right .thumb_icon {
    z-index: 5;
    opacity: 0;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -22px;
    margin-top: -22px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.layout_post_2 .item_thumb .thumb_icon a, .layout_post_2 .item_thumb_right .thumb_icon a {
    font-size: 14px;
    color: #fff;
    width: 44px;
    height: 44px;
    line-height: 44px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.layout_post_2 .item_thumb:hover .thumb_icon, .layout_post_2 .item_thumb_right:hover .thumb_icon {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.layout_post_2 .item_thumb:hover img, .layout_post_2 .item_thumb_right:hover img {
    opacity: 0.3
}
.layout_post_2 .item_thumb .thumb_hover a, .layout_post_2 .item_thumb_right .thumb_hover a {
    display: block
}
.layout_post_2 .item_thumb img, .layout_post_2 .item_thumb_right img {
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    width: 100%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.layout_post_2 .item_content {
    overflow: hidden
}
.layout_post_2 .item_content h4 {
    font-size: 20px;
    margin: 0 0 10px 0;
    line-height: 26px;
    font-weight: 700
}
.layout_post_2 .item_content .fa-ul li h4 {/**Ruby**//**Donna-font-size、line-height**/
    font-size: 17px;
    margin: 0 0 10px 0;
    line-height: 20px;
	font-weight: normal;
    margin-bottom: 18px;
}
ul.fa-ul li h4 span.date {/**Ruby**/
	padding-right: 20px;
	color: #999;
}
.layout_post_2 .item_content .fa-ul li:last-child {/**Ruby**/
    margin-bottom: -15px;
}
.layout_post_2 .item_content .item_meta {
    margin-top: 0;
    text-align: right
}
.layout_post_2 .item_content p {
    margin-bottom: 10px
}
.layout_post_2 .item_content .item_meta span {
    float: right
}

/*------------------------------------------------------------------------------
    Single layout
------------------------------------------------------------------------------*/
article.post .thumb_meta {
    position: static;
    margin-bottom: 10px
}
article.post h1.entry_title {
	display: inline-block;/**Ruby**/
    line-height: 46px
}
article.post .entry_media {
    position: relative;
    margin: 20px 0
}
article.post .entry_media img,
article.post .entry_media iframe {
    width: 100%
}
article.post h1.entry_title + span.position {/**Ruby**/
	font-size: 16px;
	margin-left: 10px;
}
/* Like button */ /**Ruby**/
.entry_media span.meta_likes, .entry_media span.meta_dl {
    position: absolute;
    right: 15px;
    top: 15px;
    font-size: 17px;
    margin: 0 5px 0 0;
    color: #f00;
    font-family: "FontAwesome";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}

/* Tooltips */
[data-tip] {
    position:relative
}
[data-tip]:before {
    content: " ";
    visibility: hidden;
    opacity: 0;
    border: 5px solid #fff;
    border-top-color: transparent;
    border-right-color: transparent;
    border-bottom-color: transparent;
    border-left-color: #fff;
    position: absolute;
    top: 3px;
    left: -13px;
    font-size: 0;
    line-height: 0;
    width: 0;
    height: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
[data-tip]:after {
    visibility: hidden;
    opacity: 0;
    content: attr(data-tip);
    position: absolute;
    top: -4px;
    left: -82px;
    text-align: center;
    width: 70px;
    padding: 0 0.5em;
    background-color: #fff;
    color: #222;
    height: 24px;
    line-height: 24px;
    font-size: 12px;
    font-family: sans-serif;
    white-space: nowrap;
    word-wrap: normal;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    -o-transition: opacity 0.2s;
    transition: opacity 0.2s;
}
[data-tip]:hover:before,
[data-tip]:hover:after {
    visibility: visible;
    opacity: 1
}
/* Gallery */
article.post .entry_media .content_slider {
    margin-bottom: 0
}
article.post .entry_media .content_slider .slider_caption .thumb_link {
    padding: 10px 15px
}
article.post .entry_media .content_slider .slider_caption .thumb_link h3 {
    font-size: 14px;
    line-height: 22px;
    font-style: italic;
    font-weight: 400
}
.content_slider .bx-wrapper .bx-prev {
    left: 15px
}
.content_slider .bx-wrapper .bx-next {
    left: 56px
}


article.post .entry_content {
    -overflow: hidden; /**Ruby-Because IE Content **/
    padding: 15px 0;
    padding-bottom: 0;
    margin-bottom: 15px
}
/* Tags */
article.post .bottom_wrapper {
    overflow: hidden;
    clear: both;
	padding-top: 10px;
    margin-bottom: 30px
}
article.post .bottom_wrapper span {
    height: 18px;
    line-height: 18px;
    font-size: 13px;
    display: block;
    float: left;
    margin-right: 5px
}


/** Ruby - Tag Category move to header under title **/
article.post h1.entry_title.print_content + .bottom_wrapper {
	float: left !important;
	padding-top: 0px;
    margin-bottom: 10px;
	width: 100%;
}
article.post h1.entry_title.print_content + .bottom_wrapper .entry_tags.categories {
    float: left !important;
}



article.post .bottom_wrapper .entry_tags {
    float: left
}
article.post .bottom_wrapper .entry_tags.categories {
    float: right
}
article.post .bottom_wrapper .entry_tags a.categories-name {
    float: left;
    height: 18px;
    line-height: 18px;
    position: relative;
    font-size: 11px;
    margin: 0 5px 5px 12px;
    padding: 0 10px 0 12px;
    background: #bbb;
    color: #fff;
    text-decoration:none
}
article.post .bottom_wrapper .entry_tags a.categories-name:before {
    content: " ";
    float: left;
    position: absolute;
    top: 0;
    left: -9px;
    width: 0;
    height: 0;
    border-top-color: transparent !important;
    border-right-color: #bbb;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-style: solid;
    border-width: 9px 9px 9px 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
article.post .bottom_wrapper .entry_tags a.categories-name:after{
    content: " ";
    position: absolute;
    top: 7px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
article.post .bottom_wrapper .entry_tags a.categories-name:hover {
    background: #222
}
article.post .bottom_wrapper .entry_tags a.categories-name:hover:before {
    border-right-color: #222
}

.entry_tags.categories a.categories-id {
	float: none;
    height: 18px;
	color: #666;
    line-height: 18px;
    font-size: 13px;
    margin: 0;
	padding: 0;
    text-decoration:none;
	background-color:transparent;
	position: static;
}
.entry_tags.categories a.categories-id:hover {
    color: #f85050;
}

/* Member Applications */ /**Ruby**/
article.post .top_wrapper {
    overflow: hidden;
    clear: both;
    -margin-bottom: 30px;
	color: #999;
}
article.post .top_wrapper .entry_tags.social {
    float: left
}
article.post .top_wrapper .entry_tags.applications {
    float: right
}
article.post .top_wrapper .entry_tags.applications a {
    height: 18px;
	color: #999;
    line-height: 18px;
    font-size: 11px;
    margin: 0 12px 5px 5px;
    text-decoration:none
}
article.post .top_wrapper .entry_tags.applications span {
    font-size: 11px;
}
article.post .top_wrapper .entry_tags.applications span.pageviews {
	-padding-right: 10px;
}
article.post .top_wrapper .entry_tags.applications span:last-child a {
    margin: 0 0 5px 5px;
}
article.post .top_wrapper .entry_tags.applications a:hover {
    color: #f85050
}
strong.font-selected {
    color: #FFFFFF;
    border: 1px solid #f85050;
    cursor: pointer;
	padding: 0 3px;
	margin: 0 2px;
	background-color: #f85050;
	font-style: normal;
}
strong.font {
    color: #999999;
    -border: 1px solid #EEEEEE;
    cursor: pointer;
    padding: 0 3px;
	margin: 0 2px;
	-background-color: #EEEEEE;
	font-style: normal;
}

/* Editor review */
.editor_review {
    margin-bottom: 30px
}
.editor_review .inner {
    padding: 20px;
    background-color: #222
}
.editor_review .inner .review {
    font-size: 12px;
    margin-bottom: 15px
}
.editor_review .inner .review .review_header {
    overflow: hidden;
    margin-bottom: 2px
}
.editor_review .inner .review .review_header .title {
    text-transform: uppercase;
    color: #fff;
    float: left
}
.editor_review .inner .review .review_header .result {
    color: #999;
    float: right
}
.editor_review .inner .review .review_footer {
    height: 5px;
    background-color: #333
}
.editor_review .inner .review .review_footer span {
    width: 100%;
    display: block;
    height: 5px
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.animated {
    -webkit-animation: fadeIn 2s;
    -moz-animation: fadeIn 2s;
    animation:  fadeIn 2s
}
.hidden {
    opacity: 0
}
.visible {
    opacity: 1
}
.editor_review .inner .review_summary {
    padding: 10px 0 0 0
}
.editor_review .inner .review_summary .final_result {
    padding: 15px;
    margin-right: 15px;
    background-color: #333;
    float: left;
    text-align: center
}
.editor_review .inner .review_summary .final_result p {
    font-size: 40px;/**Ruby**/
    font-weight: 700;
    color: #fff;
    line-height: 36px;
    margin: 0
}
.editor_review .inner .review_summary .final_result strong {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: block;
    margin-bottom: 5px
}

.editor_review .inner .review_summary .final_summary {
    overflow: hidden
}
.editor_review .inner .review_summary .final_summary h5 {
    color: #fff;
    margin: 0 0 5px 0
}
.editor_review .inner .review_summary .final_summary p {
    line-height: 18px;
    font-size: 13px;
    color: #999
}
.editor_review .inner .review_summary .item_meta span {
    margin-right: 0
}
.final_summary ul {
	margin: 15px 0 0 0;
	color: #B5B5B5;
}
.final_summary a {
	color: #f85050;
}
h4.final_summary a {
	color: #f85050;
}
h4.final_summary a:hover {
	color: #222;
}
.final_summary a:hover {
	color: #FFFFFF;
}

/* Apply Step */
.apply_step {
    margin-bottom: 30px
}
.apply_step .inner {
    padding: 20px;
    background-color: #EEEEEE
}
.apply_step .inner .review {
    font-size: 12px;
    margin-bottom: 15px
}
.apply_step .inner .review .review_header {
    overflow: hidden;
    margin-bottom: 2px
}
.apply_step .inner .review .review_header .title {
    text-transform: uppercase;
    color: #fff;
    float: left
}
.apply_step .inner .review .review_header .result {
    color: #999;
    float: right
}
.apply_step .inner .review .review_footer {
    height: 5px;
    background-color: #333
}
.apply_step .inner .review .review_footer span {
    width: 100%;
    display: block;
    height: 5px
}
@-webkit-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-moz-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@-o-keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
@keyframes fadeIn {
    0% {opacity: 0;}
    100% {opacity: 1;}
}
.apply_step .inner .review_summary {
    padding: 10px 0 0 0
}
.apply_step .inner .review_summary .final_result {
    padding: 15px;
    margin-right: 15px;
    background-color: #F85050;
    float: left;
    text-align: center
}
.apply_step .inner .review_summary .final_result p {
    font-size: 40px;/**Ruby**/
    font-weight: 700;
    color: #fff;
    line-height: 36px;
    margin: 0
}
.apply_step .inner .review_summary .final_result strong {
    color: #fff;
    font-size: 12px;
    font-weight: 400;
    line-height: 1;
    display: block;
	padding-top: 5px;
    margin-bottom: 5px;
}

.apply_step .inner .review_summary .final_summary {
    overflow: hidden
}
.apply_step .inner .review_summary .final_summary h5 {
    margin: 0 0 5px 0;
	font-weight: 700;
	font-size: 15px;
}
.apply_step .inner .review_summary .item_content p{
	font-size: 18px;
	line-height: 30px;

	}
.apply_step .inner .review_summary .final_summary p {
    line-height: 18px;
    font-size: 13px;
    color: #999
}
.apply_step .inner .review_summary .item_meta span {
    margin-right: 0
}
.apply_step .inner .review_summary .final_summary ol {
	margin: 15px 0 0 0;
	color: #666;
}
.apply_step .inner .review_summary .final_summary ol li {
	margin: 0 0 5px -19px;
	list-style: none;
}
.apply_step .inner .review_summary .final_summary ol li.mark {
	color: #F85050;
	font-size: 16px;
}
.apply_step .inner .review_summary .final_summary ol li.check {
	color: #B2B2B2;
}
.apply_step .inner .review_summary .final_summary ol li strong {
	color: #666;
}
.apply_step .inner .review_summary .final_summary a {
	color: #f85050;
}
.apply_step .inner .review_summary .final_summary a:hover {
	color: #222;
}
/*.apply_step .inner .review_summary .final_summary .btn_app_icon {
 text-align: left;
} */
.apply_step .inner .review_summary .final_summary a.btn-app {
    margin-top: 5px;
    color: #fff;
text-align: left;
}
.apply_step + .alert_message.red ul li {
	padding: 0 0 5px 0;
}

/* Member */
p.p-important {
	font-size: 15px;
}
.apply_step .inner .review_summary .final_summary h3 {
    margin: 0 0 5px 0;
	font-weight: 700;
	font-size: 25px;
}
.apply_step .inner .review_summary .final_summary h3 span {
    margin: 0 0 5px 0;
	font-weight: normal;
}
p.p-important + .full_meta {
	padding-left: 20px;
}
p.p-important + .full_meta span {
	font-size: 14px;
}
p.p-important + .full_meta strong {
	font-size: 18px;
	color: #fff;
}
.member-contact h4 {
	font-size: 15px;
	font-weight: 700;
}
.member-contact ul {
	font-size: 14px;
	line-height: 20px;
	margin-left: 1.54285714em;
}
.member-contact ul li {
	margin-bottom: 5px;
}
.member-contact ul li a {
	color: #F85050;
}
.member-items h3 {
	font-size: 15px;
	font-weight: 700;
	margin: 0;
	padding: 15px 0 10px 0;
}
.member-items h3:first-child {
	padding: 0 0 10px 0;
}
.member-items input {
	width: auto;
}

/* Register Form */
p.register-form input, textarea {
	width: auto;
}
p.register-form input[name="mailaccount"] {
	width: 80%;
}
p.register-form input[name="companyname"], p.register-form input[name="companyid"] {
	width: 30%;
}
p.register-form input[name="txtAdd"], p.register-form input[name="txtMal"], p.register-form input[name="txtsub"], p.register-form input[name="txtmail"] {
	width: 50%;
}
p.register-form textarea[name="txtCon"], p.register-form textarea[name="txtcon"] {
	width: 100%;
}
span.form-red {
	color: #f85050;
}
p.register-form input[name="Zip"], p.register-form input[name="ext"], p.register-form input[name="txtExt"] {
	width: 20%;
}
p.register-form input[name="address"] {
	width: 80%;
	margin-top: 5px;
}

/* Comments */
#comments {
    margin-bottom: 30px
}
.comment_list {
    list-style: none;
    padding: 0;
    margin: 20px 0 0 0
}
.comment_list li article {
    margin-bottom: 10px;
    padding: 10px;
    background-color: #fff;
    border-bottom: 1px solid #eee
}
.comment_avatar {
    float: left;
    margin: 0 10px 0 0;
    width: 60px
}
.comment_overflow {
    overflow: hidden
}
.comment_meta h5 {
    font-weight: 700;
    line-height: 18px;
    margin-bottom: 0
}
.comment_meta span {
    line-height: 1;
    font-size: 11px;
    text-transform: uppercase;
    color: #999;
    margin-right: 5px
}
.comment_content,
.comment_content p {
    line-height: 19px;
    font-size: 13px
}
ul.children {
    margin: 0 0 0 70px;
    padding: 0;
}

div#font_description {
	line-height: 180%;
	clear: both; /** Because Inside Social Button **/
}

/*------------------------------------------------------------------------------
    14.4 Multipack
-------------------------------------------------------------------------------*/
.multipack {
    overflow: hidden;
	margin-bottom: 12px;/**Ruby**/
}
.multipack .layout_post_1 {
    border: 0;
    width: 50%;
    float: left;
    margin: 0;
    padding: 0 30px 0 0
}
.multipack .list_posts {
    border: 0;
    width: 50%;
    float: left
}

/*------------------------------------------------------------------------------
    14.5 List posts
-------------------------------------------------------------------------------*/
.list_posts {
    border-left: 0;
    margin: 0 0 15px 0;
    width: 100%;
    float: none
}
.list_posts .btn {
    margin: 0
}
.list_posts .post:last-child {}

/*------------------------------------------------------------------------------
    14.6 List posts 1
-------------------------------------------------------------------------------*/
.list_posts_1 {
    margin-bottom: 15px
}
.list_posts_1 .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}
.list_posts_1 .item:last-child {
    margin-bottom: 0px;
    border-bottom: none
}
.list_posts_1 .item_content .item_meta {
    margin-bottom: 10px
}
.list_posts_1 .item .item_content h4 {
    font-size: 14px;
    font-weight: 700;
    line-height: 18px;
    margin: 0 0 4px 0
}
.list_posts_1 .item .item_content h4 a {
    display: block
}
.list_posts_1 .item .item_content p {
    margin-bottom: 10px;
    font-size: 13px;
    line-height: 18px
}

/*------------------------------------------------------------------------------
    14.7 List posts
-------------------------------------------------------------------------------*/
.list_posts .post {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}
.list_posts .post:last-child {
    margin-bottom: 0px;
    border-bottom: none;
}
.list_posts .post .item_thumb {
    width: 75px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    float: left;
    margin: 0 10px 0 0
}
.list_posts .post .item_thumb .thumb_icon {
    z-index: 5;
    opacity: 0;
    position: absolute;
    margin-left: -13px;
    margin-top: -13px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.list_posts .post .item_thumb .thumb_icon a {
    font-size: 10px;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.list_posts .post:hover .item_thumb .thumb_icon {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.list_posts .post:hover .item_thumb img {
    opacity: 0.3
}
.list_posts .post .item_thumb .thumb_hover a {
    display: block
}
.list_posts .post .item_thumb img {
    width: 100%;
	height: 75px;/**Ruby**/
	width: 75px;/**Ruby**/
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
/* Content */
.list_posts .post .item_content {
    padding-left: 1px;
    overflow: hidden
}
.list_posts .post .item_content h4 {
    margin: 0 0 10px 0;
    line-height: 22px;
    font-size: 16px;
    font-weight: 700
}
.list_posts .post .item_content h4 a {
    display: block
}
.list_posts .post .item_content p {
    margin: 0
}

/*------------------------------------------------------------------------------
    15. Top reviews
-------------------------------------------------------------------------------*/
.top_review {
    overflow: hidden;
    text-align: center;
    margin-bottom: 15px;
    background-color: #eee
}
.top_review .transition_line {
    width: 0;
    height: 3px;
    left: 0;
    -webkit-transition: width 0.2s ease;
    -moz-transition: width 0.2s ease;
    -o-transition: width 0.2s ease;
    transition: width 0.2s ease
}
.top_review:hover .transition_line {
    width: 100%
}
.top_review img {
    width: 100%;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
/* Hover effect */
.top_review .hover_effect {
    color: #fff;
    position: relative;
    display: block
}
.top_review .hover_effect:hover img {
    opacity: 0.3
}
.top_review .hover_effect .result {
    background-color: #222;
    opacity: 0;
    z-index: 1;
    position: absolute;
    line-height: 44px;
    text-align: center;
    left: 50%;
    top: 50%;
    width: 44px;
    height: 44px;
    margin-left: -22px;
    margin-top: -22px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
.top_review .hover_effect:hover .result {
    opacity: 1
}
/* Content */
.top_review .item_content {
    padding-bottom: 5px
}
.top_review .item_content h4 {
    margin: 10px 0;
    line-height: 20px;
    font-size: 14px;
    font-weight: 700
}
/* Rating */
.top_review .full_meta {
    background-color: #444;
    text-align: center;
    width: 100%
}
.top_review .full_meta span.meta_rating {
    display: inline-block;
    float: none;
    margin: 0
}

/*------------------------------------------------------------------------------
    16. Shortcodes
------------------------------------------------------------------------------*/
/*------------------------------------------------------------------------------
    16.1 Google map
------------------------------------------------------------------------------*/
.google_map {
    width: 100%;
    margin-bottom: 20px;
}
.google_map iframe {
    width: 100%;
    max-width: 100%;
}
/*------------------------------------------------------------------------------
    16.2 Popup
------------------------------------------------------------------------------*/
/* Magnific Popup CSS */
.mfp-bg {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1042;
    overflow: hidden;
    position: fixed;
    background: #0b0b0b;
    opacity: 0.8;
    filter: alpha(opacity=80)
}
.mfp-wrap {
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 1043;
    position: fixed;
    outline: none !important;
    -webkit-backface-visibility: hidden
}
.mfp-container {
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    padding: 0 8px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}
.mfp-container:before {
    content: '';
    display: inline-block;
    height: 100%;
    vertical-align: middle
}
.mfp-align-top .mfp-container:before {
    display: none
}
.mfp-content {
    position: relative;
    display: inline-block;
    vertical-align: middle;
    margin: 0 auto;
    text-align: left;
    z-index: 1045
}
.mfp-inline-holder .mfp-content, .mfp-ajax-holder .mfp-content {
    width: 100%;
    cursor: auto
}
.mfp-ajax-cur {
    cursor: progress
}
.mfp-auto-cursor .mfp-content {
    cursor: auto
}
.mfp-loading.mfp-figure {
    display: none
}
.mfp-hide {
    display: none !important
}
.mfp-preloader {
    color: #cccccc;
    position: absolute;
    top: 50%;
    width: auto;
    text-align: center;
    margin-top: -0.8em;
    left: 8px;
    right: 8px;
    z-index: 1044
}
.mfp-preloader a {
    color: #cccccc
}
.mfp-preloader a:hover {
    color: white
}
.mfp-s-ready .mfp-preloader {
    display: none
}
.mfp-s-error .mfp-content {
    display: none
}
button.mfp-close, button.mfp-arrow {
    overflow: visible;
    cursor: pointer;
    background: transparent;
    border: 0;
    -webkit-appearance: none;
    display: block;
    outline: none;
    padding: 0;
    z-index: 1046;
    -webkit-box-shadow: none;
    box-shadow: none
}
button::-moz-focus-inner {
    padding: 0;
    border: 0
}
.mfp-close {
    width: 44px;
    height: 44px;
    line-height: 44px;
    position: absolute;
    right: 0;
    top: 0;
    text-decoration: none;
    text-align: center;
    opacity: 0.65;
    filter: alpha(opacity=65);
    padding: 0 0 18px 10px;
    color: white;
    font-style: normal;
    font-size: 28px;
    font-family: Arial, Baskerville, monospace; }
.mfp-close:hover, .mfp-close:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-close:active {
    top: 1px
}
.mfp-close-btn-in .mfp-close {
    color: #333333
}
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
    color: white;
    right: -6px;
    text-align: right;
    padding-right: 6px;
    width: 100%
}
.mfp-counter {
    position: absolute;
    top: 0;
    right: 0;
    color: #cccccc;
    font-size: 12px;
    line-height: 18px
}
.mfp-arrow {
    position: absolute;
    opacity: 0.65;
    filter: alpha(opacity=65);
    margin: 0;
    top: 50%;
    margin-top: -55px;
    padding: 0;
    width: 90px;
    height: 110px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
.mfp-arrow:active {
    margin-top: -54px
}
.mfp-arrow:hover, .mfp-arrow:focus {
    opacity: 1;
    filter: alpha(opacity=100)
}
.mfp-arrow:before,
.mfp-arrow:after,
.mfp-arrow .mfp-b,
.mfp-arrow .mfp-a {
    content: '';
    display: block;
    width: 0;
    height: 0;
    position: absolute;
    left: 0;
    top: 0;
    margin-top: 35px;
    margin-left: 35px;
    border: medium inset transparent
}
.mfp-arrow:after,
.mfp-arrow .mfp-a {
    border-top-width: 13px;
    border-bottom-width: 13px;
    top: 8px
}
.mfp-arrow:before,
.mfp-arrow .mfp-b {
    border-top-width: 21px;
    border-bottom-width: 21px;
    opacity: 0.7
}
.mfp-arrow-left {
    left: 0
}
.mfp-arrow-left:after,
.mfp-arrow-left .mfp-a {
    border-right: 17px solid white;
    margin-left: 31px
}
.mfp-arrow-left:before,
.mfp-arrow-left .mfp-b {
    margin-left: 25px;
    border-right: 27px solid #3f3f3f
}
.mfp-arrow-right {
    right: 0
}
.mfp-arrow-right:after,
.mfp-arrow-right .mfp-a {
    border-left: 17px solid white;
    margin-left: 39px
}
.mfp-arrow-right:before,
.mfp-arrow-right .mfp-b {
    border-left: 27px solid #3f3f3f
}
.mfp-iframe-holder {
    padding-top: 40px;
    padding-bottom: 40px
}
.mfp-iframe-holder .mfp-content {
    line-height: 0;
    width: 100%;
    max-width: 900px
}
.mfp-iframe-holder .mfp-close {
    top: -40px
}
.mfp-iframe-scaler {
    width: 100%;
    height: 0;
    overflow: hidden;
    padding-top: 56.25%
}
.mfp-iframe-scaler iframe {
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: black
}
img.mfp-img {
    width: auto;
    max-width: 100%;
    height: auto;
    display: block;
    line-height: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 40px 0 40px;
    margin: 0 auto
}
.mfp-figure {
    line-height: 0
}
.mfp-figure:after {
    content: '';
    position: absolute;
    left: 0;
    top: 40px;
    bottom: 40px;
    display: block;
    right: 0;
    width: auto;
    height: auto;
    z-index: -1;
    box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
    background: #444444
}
.mfp-figure small {
    color: #bdbdbd;
    display: block;
    font-size: 12px;
    line-height: 14px
}
.mfp-figure figure {
    margin: 0
}
.mfp-bottom-bar {
    margin-top: -36px;
    position: absolute;
    top: 100%;
    left: 0;
    width: 100%;
    cursor: auto
}
.mfp-title {
    text-align: left;
    line-height: 18px;
    color: #f3f3f3;
    word-wrap: break-word;
    padding-right: 36px
}
.mfp-image-holder .mfp-content {
    max-width: 100%
}
.mfp-gallery .mfp-image-holder .mfp-figure {
    cursor: pointer
}
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) {
    .mfp-img-mobile .mfp-image-holder {
        padding-left: 0;
        padding-right: 0; }
    .mfp-img-mobile img.mfp-img {
        padding: 0; }
    .mfp-img-mobile .mfp-figure:after {
        top: 0;
        bottom: 0; }
    .mfp-img-mobile .mfp-figure small {
        display: inline;
        margin-left: 5px; }
    .mfp-img-mobile .mfp-bottom-bar {
        background: rgba(0, 0, 0, 0.6);
        bottom: 0;
        margin: 0;
        top: auto;
        padding: 3px 5px;
        position: fixed;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box; }
    .mfp-img-mobile .mfp-bottom-bar:empty {
        padding: 0; }
    .mfp-img-mobile .mfp-counter {
        right: 5px;
        top: 3px; }
    .mfp-img-mobile .mfp-close {
        top: 0;
        right: 0;
        width: 35px;
        height: 35px;
        line-height: 35px;
        background: rgba(0, 0, 0, 0.6);
        position: fixed;
        text-align: center;
        padding: 0; } }

@media all and (max-width: 900px) {
    .mfp-arrow {
        -webkit-transform: scale(0.75);
        transform: scale(0.75); }
    .mfp-arrow-left {
        -webkit-transform-origin: 0;
        transform-origin: 0; }
    .mfp-arrow-right {
        -webkit-transform-origin: 100%;
        transform-origin: 100%; }
    .mfp-container {
        padding-left: 6px;
        padding-right: 6px; } }

.mfp-ie7 .mfp-img {
    padding: 0
}
.mfp-ie7 .mfp-bottom-bar {
    width: 600px;
    left: 50%;
    margin-left: -300px;
    margin-top: 5px;
    padding-bottom: 5px
}
.mfp-ie7 .mfp-container {
    padding: 0
}
.mfp-ie7 .mfp-content {
    padding-top: 44px
}
.mfp-ie7 .mfp-close {
    top: 0;
    right: 0;
    padding-top: 0
}
.mfp-with-zoom .mfp-container,
.mfp-with-zoom.mfp-bg {
    opacity: 0;
    -webkit-backface-visibility: hidden;
    -webkit-transition: all 0.3s ease-out;
    -moz-transition: all 0.3s ease-out;
    -o-transition: all 0.3s ease-out;
    transition: all 0.3s ease-out
}
.mfp-with-zoom.mfp-ready .mfp-container {
    opacity: 1
}
.mfp-with-zoom.mfp-ready.mfp-bg {
    opacity: 0.8
}
.mfp-with-zoom.mfp-removing .mfp-container,
.mfp-with-zoom.mfp-removing.mfp-bg {
    opacity: 0
}

/*------------------------------------------------------------------------------
    16.3 Slider
------------------------------------------------------------------------------*/
.bx-wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0
}
.bx-wrapper img {
    max-width: 100%;
    width: 100%;
    display: block;
}
.bx-wrapper .bx-viewport {
    background: #222;
    -webkit-transform: translatez(0);
    -moz-transform: translatez(0);
    -ms-transform: translatez(0);
    -o-transform: translatez(0);
    transform: translatez(0)
}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
    position: absolute;
    bottom: -30px;
    width: 100%
}

/* LOADER */
.bx-wrapper .bx-loading {
    background: url(../images/bx_loader.gif) center center no-repeat #fff;
    height: 100%;
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2000
}

/* PAGER */
.bx-wrapper .bx-pager {
    text-align: center;
    font-weight: bold;
    color: #666;
    padding-top: 20px
}
.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
    *zoom: 1;
    *display: inline
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #666;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 5px;
    outline: 0;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #000;
}

/* Pre/Next */
.bx-wrapper .bx-prev,
.bx-wrapper .bx-next {
    font-family: "FontAwesome";
    background-color: #222;
    background-color: rgba(34,34,34,0.3);
    color: #fff;
    font-size: 16px
}
.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
    background-color: #222;
    background-color: rgba(34,34,34,1);
}
.bx-wrapper .bx-controls-direction a {
    position: absolute;
    top: 15px;
    outline: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center;
    z-index: 7
}
.bx-wrapper .bx-controls-direction a.disabled {
    display: none
}

/* AUTO CONTROLS (START / STOP) */
.bx-wrapper .bx-controls-auto {
    text-align: center
}
.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 10px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -11px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
    background-position: -86px 0
}
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 9px;
    height: 11px;
    outline: 0;
    background: url(../img/controls.png) -86px -44px no-repeat;
    margin: 0 3px
}
.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
    background-position: -86px -33px
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: left;
    width: 80%
}
.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
    right: 0;
    width: 35px
}

/* IMAGE CAPTIONS */
.bx-wrapper .bx-caption {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #666\9;
    background: rgba(80, 80, 80, 0.75);
    width: 100%
}
.bx-wrapper .bx-caption span {
    color: #fff;
    display: block;
    font-size: .85em;
    padding: 10px
}

/*------------------------------------------------------------------------------
    16.4 Head title
------------------------------------------------------------------------------*/
.head_title {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}
.head_title:first-child {
    margin-top: 0
}
.head_title:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: 50%
}
.head_title h2 {
    font-weight: 700;
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding-right: 20px;
    margin: 0
}
.head_title h4 { /**Ruby**/
    font-weight: normal;
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding-right: 20px;
    margin: 0
}
div.product + .head_title {
	clear: both;
}
.head_title h4 .fa-li {
	position: static;
	left: auto;
	width: 0.5em;
	color: #f85050;
}

.head_title_category {
    position: relative;
    margin-top: 15px;
    margin-bottom: 15px
}
.head_title_category:first-child {
    margin-top: 0
}
.head_title_category:before {
    content: " ";
    position: absolute;
    width: 100%;
    height: 1px;
    background-color: #eee;
    top: 50%
}
.head_title_category h3 {
    font-weight: normal;
    display: inline-block;
    background-color: #fff;
    position: relative;
    padding-right: 20px;
    margin: 0
}
.head_title_category h3 span.glyphicon {
	margin: 0 5px 0 0;
	color: #898989;
}
.head_title_category span.read-more {
	position: absolute;
    right: 0;
    top: 12%;
    background-color: #ffffff;
    padding-left: 20px;
}
.head_title_category span.read-more .fa-li {
    position: static;
    left: auto;
    width: 0.5em;
    color: #f85050;
}
.fa-play-circle:before {
    content: "\f0da" !important;
}
/*------------------------------------------------------------------------------
    16.5 Dropcaps
------------------------------------------------------------------------------*/
.dropcap:first-letter {
    font-size: 48px;
    text-transform: uppercase;
    float: left;
    margin: 20px 25px 15px 10px;
    display: block;
    font-weight: 400
}
.top_wrapper + p.dropcap {
	margin-top: 20px;
}
.s-dropcap:first-letter {
    font-size: 36px;
    text-transform: uppercase;
    float: left;
    margin: 10px 15px 8px 10px;
    display: block;
    font-weight: 400
}
.s-dropcap:first-letter:after {
    content:'';
    display:block;
    clear: both;
}
/*------------------------------------------------------------------------------
    16.6 Accordions
------------------------------------------------------------------------------*/
.accordion_content {
    margin-bottom: 20px;
    border-bottom: 1px #EEE solid;/** Ruby **/
    padding: 5px 0 10px 0;/** Ruby **/
}
.accordion_content + .accordion_content {
    margin-top: -19px
}
.accordion_content .accordion_content_title {
    background-color: #fff;

    padding: 12px 60px 8px 0;
	/** Set 60px for Mobile Device View **/

    outline: none;
    display: block;
    cursor: pointer;
    position: relative;
    font-size: 14px;
    margin: 0
}
.accordion_content .accordion_content_title:after {
    font-family: "FontAwesome";
    content: "\f107";
    right: 0px;
    top: 0px;
    display: block;
    width: 38px;/** Ruby **/
    height: 38px;/** Ruby **/
    line-height: 45px;
    color: #999;
    position: absolute;
    background-color: #eee;
    text-align: center;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -o-transition: 0.2s;
    transition: 0.2s
}
.accordion_content .accordion_content_title.ui-state-active:after {
    content: "\f106"
}
.accordion_content .accordion_content_inner {
    padding: 15px 0;
    font-size: 14px;
    line-height: 21px
}
.accordion_content .accordion_content_inner p:last-child {
    margin-bottom: 0
}
h4.accordion_content_title span.date {/**Ruby**/
	padding-right: 20px;
	color: #999;
}
/*------------------------------------------------------------------------------
    16.7 Tabs
------------------------------------------------------------------------------*/
.tab_content {
    margin-bottom: 20px
}
.ui-tabs-nav {
    list-style: none;
    padding: 0;
    margin: 0
}
.ui-tabs-nav li {
    font-size: 14px;
    list-style: none;
    float: left;
    position: relative;
    top: 0;
    margin: 0 1px 0 0;
    border-bottom-width: 0;
    padding: 0;
    white-space: nowrap
}
.ui-tabs-nav li h4 {
    font-size: 16px;/**Ruby**/
}
.ui-tabs-nav li a {
    background-color: #fff;
    padding: 15px;
    float: left;
    text-decoration: none;
    outline: none;
    text-decoration: none
}
.tab_content .ui-tabs-nav li.ui-tabs-active a {
    background-color: #eee;
}
.ui-tabs-panel {
    padding: 15px 0 0 0;
    font-size: 14px;/**Ruby**/
    line-height: 21px;
	clear: both;
}
.woocommerce-tabs.hotresearch .tab_content ul:first-child {
	width: 50%;
	float: left;
}
.view-select {
	float: right;
	width: 50%;
	padding: 10px 0;
	font-size: 14px;
	text-align: right;
}
.view-select a {
	padding: 8px 8px;
	font-size: 18px;
}
.view-select a:first-child {
	margin: 0 0 0 10px !important;
}
/*------------------------------------------------------------------------------
    16.8 Alerts
------------------------------------------------------------------------------*/
.alert_message {
    padding: 10px;
    margin-bottom: 20px
}
.alert_message ul { /**Ruby**/
    margin-bottom: 8px;
}
.item_thumb + .alert_message { /**Ruby**/
    padding: 10px;
    margin: 20px 0 25px 0;
}
.alert_message p:last-child {/**Donna-font-size**/
    margin-bottom: 0;
	font-size: 17px;
}
.alert_message.white {
    border: 1px solid #eee;
    background-color: #fff
}
.alert_message.grey {
    border: 1px solid #e9e9e9;
    background-color: #f9f9f9;
/*	display: table;*/
	/*donna-TRI-Scan頁面按紐*/
}
.alert_message.red {
    background-color: #ffe6e3;
    border: 1px solid #f2c3bf;
    color: #bf210e
}
.alert_message.yellow {
    background-color: #fff7d6;
    border: 1px solid #e9d477;
    color: #956433;
}
.alert_message.green {
    background-color: #edfdd3;
    border: 1px solid #c4dba0;
    color: #657e3c;
}
/*----------------------------TRI Scan button--------------------------------*/
.alert_message.grey .p_width {
    width: 80%;
    display: table-cell;
}
.scan_button {
    display: table-cell;
    width: 18%;
    margin-right: 0;
	vertical-align: middle;
}

.scan_button a {
    background: #f85050;
    line-height: 30px;
    text-align: center;
    font-size: 16px;
    color: #fff;
    padding: 8px 40px;
	font-weight: bold;
}
.scan_button a:hover {
    background: #444;
    color: #f85050;
}
@media only screen and (max-width: 1300px){
.alert_message.grey .p_width {
    display: block;
    width: 100%;
  }
.scan_button {
    display: block;
    width: 100%;
}
}
/*------------------------------------------------------------------------------
    16.9 Buttons
------------------------------------------------------------------------------*/
.btn {
    color: #fff;
    border: 0;
    background-color: #333;
    display: inline-block;
    padding: 6px 16px;
    margin: 0 5px 10px 0;
    font-size: 14px;
    font-weight: 400;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    background-image: none;
    position: relative
}

.btn.text-inline {
    padding: 3px 16px !important;
    margin: 0 0 5px 0 !important;
}
div.summary .btn { /**Ruby**/
    background-color: #F85050;
}
div.summary .btn:hover { /**Ruby**/
    background-color: #C0392B;
}
.btn:hover,
.btn:focus {
    background-color: #222;
    color: #fff;
    text-decoration: none;
    outline: 0
}
.btn_small {
    padding: 2px 8px;
    font-size: 11px
}
.btn_large {
    padding: 12px 28px;
    font-size: 18px
}
.btn_expand {
    display: block;
    width: 100%
}
.btn_turquoise {
    background-color: #1abc9c
}
.btn_turquoise:hover {
    background-color: #16a085
}
.btn_green {
    background-color: #2ecc71
}
.btn_green:hover {
    background-color: #27ae60
}
.btn_blue {
    background-color: #3498db
}
.btn_blue:hover {
    background-color: #2980b9
}
.btn_darkblue {
    background-color: #34495e
}
.btn_darkblue:hover {
    background-color: #2c3e50
}
.btn_purple {
    background-color: #9b59b6
}
.btn_purple:hover {
    background-color: #8e44ad
}
.btn_red {
    background-color: #f85050
}
.btn_red:hover {
    background-color: #c0392b
}
.btn_orange {
    background-color: #f1c40f
}
.btn_orange:hover {
    background-color: #f39c12
}
.btn_grey {
    background-color: #95a5a6
}
.btn_grey:hover {
    background-color: #7f8c8d
}

.dlButton {
	/*-moz-box-shadow:inset 0px 39px 0px -24px #e67a73;
	-webkit-box-shadow:inset 0px 39px 0px -24px #e67a73;
	box-shadow:inset 0px 39px 0px -24px #e67a73;*/
	background-color:#e4685d;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	border:1px solid #ffffff;
	display:block;
	cursor:pointer;
	color:#ffffff;
	font-size:15px;
	margin: 20px auto 10px auto !important;
	width: 280px;
	padding: 8px 12% 7px 0 !important;
	text-decoration:none;
	text-shadow:0px 1px 0px #b23e35;
	background-image: url(../images/dl-btn-bg.png);
	background-repeat: no-repeat;
	-background-position: 0 -2px;
	text-align: center;
}
.dlButton:hover {
	background-color:#eb675e;
	color:#ffffff;
}
.dlButton:active {
	position:relative;
	top:1px;
	color:#ffffff;
}

/* Switch Flat */
.jquery-checkbox       {display: inline; font-size: 20px; line-height: 20px; cursor: pointer; cursor: hand;}
.jquery-checkbox .mark {display: inline;}

.jquery-checkbox img {vertical-align: middle; width: 60px; height: 20px;}
.jquery-checkbox img{background: transparent url(../images/checkbox.png) no-repeat;}

.jquery-checkbox img{
	background-position: 0px 0px;
}
.jquery-checkbox-hover img{
	background-position: 0px -20px;
}
.jquery-checkbox-checked img{
	background-position: 0px -40px;
}
.jquery-checkbox-checked .jquery-checkbox-hover img {
	background-position: 0px -60px;
}

.jquery-checkbox-disabled img{
	background-position: 0px -80px;
}
.jquery-checkbox-checked .jquery-checkbox-disabled img{
	background-position: 0px -100px;
}
.table_black.memberadmin input {
	width: auto;
}

/*------------------------------------------------------------------------------
    Images
------------------------------------------------------------------------------*/
.alignleft {
    display: inline;
    float: left;
    margin: 5px 20px 10px 0
}
.alignright {
    display: inline;
    float: right;
    margin: 5px 0 10px 20px
}
.aligncenter {
    text-align: center;
    display: block;
    margin-right: auto;
    margin-left: auto
}
.wp-caption {
    border: 1px solid #eee;
    padding: 10px;
    max-width: 100%;
    background: #fff
}
div.entry_content figure.wp-caption.aligncenter {/**Ruby**/
	border: none;
}
.wp-caption img {
    margin: 0
}
.wp-caption-text {
    text-align: center;
    color: #999;
    font-size: 12px;
    line-height: 18px;
    margin: 5px 0 0 0
}
.wp-caption-title {
    text-align: center;
    color: #999;
    font-size: 14px;
    line-height: 18px;
    margin: 0 0 5px 0;
	font-weight: 700;
}

/*------------------------------------------------------------------------------
    17. Header
------------------------------------------------------------------------------*/
#header {
    margin-bottom: 30px;
    background-color: #fff;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
}
/* Meta */
.weather_forecast img { /**Ruby**/
	padding-right: 5px;
}
#header .header_meta {/**Ruby**/
    background-color: #222;
	/*background-image: url(../images/header_meta-bg.jpg);
	background-repeat: repeat-x;*/
	background-image: url(../images/header-logo-bg.jpg);/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	background-repeat: no-repeat;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	background-position: -2% 0;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
#TF-logo {
	margin-top: -3px;
    width: 100%;
    max-width: 180px;
}
/* Weather forecast */
#header .header_meta .weather_forecast {
    float: left;
    line-height: 56px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*line-height: 50px;*/
	margin-left: 65px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}
#header .header_meta .weather_forecast i {
    margin-right: 5px;
    font-size: 14px
}
#header .header_meta .weather_forecast .city {
    color: #fff;
}
#header .header_meta .weather_forecast .city a {
    color: #fff;
}
#header .header_meta .weather_forecast .temp {}
/* Main */
#header .header_main {
    z-index: 9;
    display: block;
    position: relative;
	background-image: url(../images/nav-bg.jpg);/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	background-repeat: repeat-x;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
	background-position: bottom;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
    width: 100%;
	background-color: #FFFFFF;
}
#header_main .container {
    padding-top: 5px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*padding-top: 23px;*/
/*    padding-bottom: 10px;*//** donna - menu高度*/
}
#header_main.fixed {
    background-color: #fff;
	background-image: none;
    position: fixed;
    width: 100%;
    left: 0px;
    top: 0px;
    -webkit-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    -moz-box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
    box-shadow: 0px 0px 10px 0px rgba(34, 34, 34, 0.2);
}
.header_main-parent {
    clear: both;
    display: block;
    background-color: #fff;
}
.header_main-parent #header_main.fixed .container {
    padding-top: 12px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*padding-top: 5px;*/
    padding-bottom: 5px
}

/* Logo */
.site_brand {/**Ruby**/
    float: left;
}
.site_brand img {/**Ruby**/
    max-height: 57px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*max-height: 67px;*/
}
#site_title {
    text-transform: uppercase;
    font-weight: 700;
    font-size: 40px;
    margin: 0
}
#site_title span {
    font-weight: 300
}
#site_description {
    margin: 0;
    color: #999;
    font-size: 14px
}
/* Top navigation */
nav.top_navigation ul {
    list-style: none;
    padding: 0;
    margin: 0;
}
nav.top_navigation ul li {
    position: relative
}
/* Search */
div.sub-search span.complete {
	display: inline-block;
	padding-top: 8px;
	color: #FFFFFF;
}
div.sub-search span.complete a {
	background: none;
	color: #FFFFFF;
	border-top: none;
}
div.sub-search span.complete a:hover {
	color: #F85050;
}

/*------------------------------------------------------------------------------
    18. Navigation
------------------------------------------------------------------------------*/
nav.site_navigation ul {
    z-index: 9;
    list-style: none;
    padding: 0;
    margin: 0
}
nav.site_navigation ul.menu > li > .cart_content .total a {/**Ruby**/
	color: #222;
	font-weight: 700;
}
nav.site_navigation ul.menu > li > .cart_content .total a:hover {/**Ruby**/
	color: #f85050;
}
nav.site_navigation ul.cart_list li {/**Ruby**/
	color: #222;
}
nav.site_navigation ul.menu > li > .cart_content .total:last-child {/**Ruby**/
    border-bottom: none;
}
div.widget_shopping_cart_content form {/**Ruby**/
	margin: 0;
}

nav ul li.menu-item.menu-item {
    border-right: 1px solid #000;/** donna - menu選單切割 - 20200825 **/
    text-align: center;
}
nav.site_navigation {/** donna - menu底高 - 20200825 **/
    margin-bottom: 10px;
}
/*
nav ul li.menu-item a img {
	margin-right: 5px;* /Ruby - Research Items Menu move to Main Nav - 201607121/ *
}
*/
nav ul li.menu-item.menu-item img {
    display: none;
}

/* Top toggle */
.top_navigation_toggle {
    -border-left: 1px solid #333;
    color: #fff;
    text-align: center;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 15px;
    top: 5px;/**Ruby**/
    width: 32px;
    height: 45px;
    line-height: 45px
}
.top_sub_menu_toggle {
    color: #fff;
    border-left: 1px solid #333;
    cursor: pointer;
    position: absolute;
    right: 0;
    top: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center
}
.top_sub_menu_toggle:before{
    font-family: "FontAwesome";
    content: "\f0c9";
    width: 100%;
    height: 100%
}
/* Site toggle */
.site_navigation_toggle {
    background-color: #eee;
    text-align: center;
    cursor: pointer;
    display: block;
    position: absolute;
    right: 15px;
    top: 0;
    width: 30px;
    height: 43px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*height: 38px;*/
	padding-top: 7px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*padding-top: 4px;*/
    line-height: 30px
}
.site_navigation_toggle.active {
    background-color: #222;
    color: #fff
}
.site_sub_menu_toggle {
    border-left: 1px solid #eee;
    cursor: pointer;
    position: absolute;
    right: 15px;
    top: 0;
    width: 32px;
    height: 32px;
    line-height: 32px;
    text-align: center
}
.site_sub_menu_toggle:before {
    font-family: "FontAwesome";
    content: "\f0c9";
    width: 100%;
    height: 100%
}
/* Cart */
nav.site_navigation ul.cart_list {
    display: block
}
nav.site_navigation ul.cart_list li {
    -border-bottom: 1px solid #eee;
    min-height: 80px;
    padding: 10px
}
nav.site_navigation ul.cart_list li a {
    border: none;
    padding: 0;
    font-size: 12px;
    line-height: 16px;
    font-weight: 700;
    width: auto;
    display: block;
    position: relative;
    padding-left: 70px
}
nav.site_navigation ul.cart_list li a img {
    position: absolute;
    left: 0;
    width: 60px;
    height: 60px
}
nav.site_navigation ul.cart_list li .quantity {
    font-size: 12px;
    margin-left: 70px
}

/*------------------------------------------------------------------------------
    19. Main content
------------------------------------------------------------------------------*/
.main_content {
    width: 810px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    min-height: 1px;
    margin-right: 30px
}
/** Content Search **/
.content-search ul {
    z-index: 9;
    list-style: none;
    padding: 0;
    margin: 0;
	white-space: nowrap;
}
.content-search ul.cart_list li {/**Ruby**/
	color: #222;
	display: inline-block;
	width: 40%;
}
.content-search ul.cart_list li:last-child {/**Ruby**/
	width: 20%;
}
.content-search input, textarea {/**Ruby**/
	width: 85%;
}
.content-search p.buttons {
	margin-top: 10px;
}
.content-search form {
	margin-bottom: 0;
}
.content-search ul.cart_list > li a.btn_red {
	padding: 5px 15px;
	margin: 0 5px 7px 0;
}
/*------------------------------------------------------------------------------
    Data List Tab
------------------------------------------------------------------------------*/
div.data-tab, div.download-data-tab, div.press-data-tab {
	margin-bottom: 10px;
}
div.data-tab:nth-child(even), div.download-data-tab:nth-child(even), div.press-data-tab:nth-child(even) {
	padding: 5px 0;
}
div.data-tab:hover, div.download-data-tab:hover, div.press-data-tab:hover {
	color: #F85050;
}
div.data-tab:after, div.download-data-tab:after, div.press-data-tab:after {
    content:'';
    display:block;
    clear: both;
}
div.data-tab-date, div.download-data-tab-speaker, div.press-data-tab-date {
	color: #999;
	-text-indent: 15px;
	padding-left: 15px;
}
div.data-tab-title, div.download-data-tab-report, div.press-data-tab-title {
	-text-indent: 15px;
	padding-left: 15px;
}
div.data-tab-title>img{padding-right:5px;
}
div.data-tab-dl, div.download-data-tab-dl, div.press-data-tab-dl {
	text-align: center;
}
div.data-tab-dl a, div.download-data-tab-dl a, div.press-data-tab-dl a {
	color: #666;
}
div.data-tab-dl a:hover, div.download-data-tab-dl a:hover, div.press-data-tab-dl a:hover {
	color: #F85050;
}
div.datalist, div.download-datalist, div.press-datalist {
	margin-bottom: 30px;
}
div.datalist:after, div.download-datalist:after, div.press-datalist:after {
    content:'';
    display:block;
    clear: both;
}
/*------------------------------------------------------------------------------
    20. General style
------------------------------------------------------------------------------*/
/* Thumb meta */
.thumb_meta {
    height: 30px;
    line-height: 30px;
    overflow: hidden;
    position: absolute;
    left: 10px;
    bottom: 10px
}
.thumb_meta span {
    padding: 0 10px;
    font-size: 12px;
    float: left
}
.thumb_meta span.category {
    color: #fff
}
.thumb_meta span.category a {
    color: #fff
}
.thumb_meta span.comments:before {
    font-size: 14px;
    margin-right: 10px;
    font-family: "FontAwesome";
    color: #fff;
    content: "\f0c9";
    background-color: #222;
    display: block;
    float: left;
    width: 30px;
    text-align: center
}
.thumb_meta span.comments {
    padding-left: 0;
    background-color: #fff
}
.thumb_meta span.comments a {
    color: #222
}
/* Item meta */
.item_meta { /**Donna-font-size**/
    font-size: 14px;
    line-height: 1;
    margin-top: 5px;
    margin-bottom: 5px;
    color: #999
}
.item_meta span {
    float: left;
    margin-right: 10px
}
.item_meta span:before {
    margin: 0 5px 0 0;
    font-family: "FontAwesome"
}
.item_meta span.meta_date:before {
    content: "\f017"
}
.item_meta span.meta_author a {
    color: #999
}
.item_meta span.meta_author:before {
    content: "\f007"
}
.item_meta span.meta_comments a {
    color: #999
}
.item_meta span.meta_comments:before {/**Ruby**/
    content: "\f080"
}
.item_meta span.meta_price a {/**Ruby**/
    color: #999
}
.item_meta span.meta_price:before {/**Ruby**/
    content: "\f0d6"
}
.item_meta span.meta_likes a, .item_meta span.meta_dl a {
    color: #999
}
.item_meta span.meta_likes:before {
    content: "\f040"
}
.item_meta span.meta_dl:before {
    content: "\f019"
}
/* Span format */
span.format {
    margin-right: 5px;
    color: #fff;
    font-size: 10px;
    text-transform: uppercase;
    padding: 1px 4px;
    line-height: 1;
    display: inline;
    white-space: nowrap;
    vertical-align: 1px;
    font-weight: 400
}
/* Ratings */
@font-face {
    font-family: "fontello";
    src: url('../fonts/Fontello/fontello.eot?48740449');
    src: url('../fonts/Fontello/fontello.eot?48740449#iefix') format('embedded-opentype'),
        url('../fonts/Fontello/fontello.woff?48740449') format('woff'),
        url('../fonts/Fontello/fontello.ttf?48740449') format('truetype'),
        url('../fonts/Fontello/fontello.svg?48740449#fontello') format('svg');
    font-weight: normal;
    font-style: normal;
}
.full_meta span.meta_rating,
.item_meta span.meta_rating {
    letter-spacing: 2px;
    overflow: hidden;
    position: relative;
    height: 14px;
    line-height: 14px;
    font-size: 14px;
    width: 70px;
    font-family: "fontello";
}
.full_meta span.meta_rating:before,
.item_meta span.meta_rating:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    font-variant: normal;
    color: #ddd;
    content: "\e800\e800\e800\e800\e800";
    float: left;
    top: 0;
    left: 0;
    position: absolute;
}
.full_meta span.meta_rating span,
.item_meta span.meta_rating span {
    overflow: hidden;
    float: left;
    top: 0;
    left: 0;
    position: absolute;
    padding-top: 14px;
}
.full_meta span.meta_rating span:before,
.item_meta span.meta_rating span:before {
    font-family: "fontello";
    font-style: normal;
    font-weight: normal;
    speak: none;
    text-align: center;
    font-variant: normal;
    color: #F89406;
    content: "\e800\e800\e800\e800\e800";
    top: 0;
    position: absolute;
    left: 0;
}
/** Project Col **/
.title-mark {
	font-size: 15px;
	padding: 7px 12px;
	background-color: #eeeeee;
	color: #666;
	border-radius: 4px;
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}
.title-area {
	text-align: center;
}
.title-area i {
	padding-bottom: 15px;
	font-size: 30px;
	color: #F85050;
	display: block;
}
.row.project_table {
	width: 100%;
	display: table;
	vertical-align:middle;
}
.row.project_table + .row.project_table {
	margin-top: 10px;
}
.col.col_3_of_12.project_table, .col.col_9_of_12.project_table {
	display: table-cell;
	vertical-align:middle;
	float: none;
}


/*------------------------------------------------------------------------------
    21. Widgets
------------------------------------------------------------------------------*/
.sidebar {
    width: 300px;
    float: left;
    position: relative;
    margin-bottom: 15px;
    min-height: 1px
}
.widget {
    margin-bottom: 30px
}
.widget .widget_title {
    background-color: #eee;
    height: 15px;
    line-height: 15px;
    margin-bottom: 15px
}
#footer .widget .widget_title {
    background-color: #444
}
.widget .widget_title h3 { /*Donna-font-size*/
    font-weight: 400;
    padding-right: 10px;
    font-size: 17px;
    height: 17px;
    line-height: 15px;
    text-transform: uppercase;
    background-color: #fff;
    display: inline-block;
    margin: 0
}
.dt_mega_menu .widget .widget_title h3 {
    background-color: #fff
}
#footer .widget .widget_title h3 {
    background-color: #222;
    color: #fff;
}
#footer .widget .widget_title h3 i {
	font-size: 20px;
    color: #F85050
}
/* Search widget */
.tb_widget_search form {
    position: relative;
    margin-bottom: 0
}
.tb_widget_search form input[type="text"] {
    line-height: 34px;
    height: 34px;
    padding-right: 70px
}
.tb_widget_search form input[type="submit"] {
    font-size: 13px;
    padding: 7px 15px;
    position: absolute;
    right: 0;
    top: 0
}

/*------------------------------------------------------------------------------
    22.1 Widget authors
-------------------------------------------------------------------------------*/
.tb_widget_authors .author {
    position: relative;
    background-color: #eee;
    padding: 5px;
    margin-bottom: 1px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#footer .tb_widget_authors .author {
    background-color: #333
}
.tb_widget_authors .author:hover {
    background-color: #e9e9e9
}
#footer .tb_widget_authors .author:hover {
    background-color: #444
}
.tb_widget_authors .author .order {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 28px;
    color: #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#footer .tb_widget_authors .author .order {
    color: #555
}
.tb_widget_authors .author:hover .order {
    color: #999
}
#footer .tb_widget_authors .author:hover .order {
    color: #999
}
.tb_widget_authors .author_avatar {
    position: relative;
    float: left;
    margin: 0 8px 0 0;
}
.tb_widget_authors .author_avatar img {
    border: 3px solid #fff;
    width: 70px;
    max-width: 100%;
    display: block
}
.tb_widget_authors .author_info {
    overflow: hidden;
    padding-right: 25px;
}
.tb_widget_authors .author_info h3 {
    line-height: 26px;
    font-size: 14px;
    margin: 0;
    font-weight: 700
}
#footer .tb_widget_authors .author_info h3 a {
    color: #fff
}
.tb_widget_authors .author_info p {
    line-height: 18px;
    font-size: 12px;
    margin: 0
}
#footer .tb_widget_authors .author_info p {
    color: #999
}
.tb_widget_authors .author_info p:before {
    font-family: "FontAwesome";
    margin-right: 4px;
    display: inline-block;
    width: 16px;
    text-align: center
}
.tb_widget_authors .author_info p.role:before {
    content: "\f091"
}
.tb_widget_authors .author_info p.articles:before {
    content: "\f1ea"
}

/*------------------------------------------------------------------------------
    22.2 Widgets (Wordpress)
-------------------------------------------------------------------------------*/
.widget_meta ul,
.widget_categories ul,
.widget_archive ul,
.widget_pages ul,
.widget_recent_entries ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.widget_meta ul ul,
.widget_categories ul ul,
.widget_archive ul ul,
.widget_pages ul ul,
.widget_recent_entries ul ul {
    margin-top: 5px;
    border-top: 1px solid #eee;
    padding-top: 5px
}
#footer .widget_meta ul ul,
#footer .widget_categories ul ul,
#footer .widget_archive ul ul,
#footer .widget_pages ul ul,
#footer .widget_recent_entries ul ul {
    margin-top: 5px;
    border-top: 1px solid #444;
    padding-top: 5px
}
.widget_meta ul li,
.widget_categories ul li,
.widget_archive ul li,
.widget_pages ul li,
.widget_recent_entries ul li {
    color: #999;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px
}
.widget_meta ul li:before,
.widget_categories ul li:before,
.widget_archive ul li:before,
.widget_pages ul li:before,
.widget_recent_entries ul li:before {
    font-size: 10px;
    color: #ddd;
    left: 0;
    position: absolute;
    font-family: "FontAwesome";
    content: "\f105";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.widget_meta ul li:last-child,
.widget_categories ul li:last-child,
.widget_archive ul li:last-child,
.widget_pages ul li:last-child,
.widget_recent_entries ul li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px
}
#footer .widget_meta ul li:last-child,
#footer .widget_categories ul li:last-child,
#footer .widget_archive ul li:last-child,
#footer .widget_pages ul li:last-child,
#footer .widget_recent_entries ul li:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px
}

/*------------------------------------------------------------------------------
    22.3 Widget categories (custom)
-------------------------------------------------------------------------------*/
/*div.row div.col.col_3_of_12 div.widget div.tb_widget_categories {/**Ruby**/
	/*margin-top: -15px;
	margin-bottom: -20px;
}*/
footer#footer div.container div.row div.col.col_3_of_12 div.widget div.tb_widget_categories {/**Ruby**/
	margin-top: 15px;
	margin-bottom: 15px;
}
.tb_widget_categories ul {
    list-style: none;
    padding: 0;
    margin: 0
}
.tb_widget_categories ul ul {
    margin-top: 5px;
    border-top: 1px solid #eee;
    padding-top: 5px
}
.tb_widget_categories ul li.checked {/**Ruby**/
	border-bottom: none;
}
.tb_widget_categories ul li.checked a {/**Ruby**/
	color: #F85050;
}
.tb_widget_categories ul ul.ul-child {/**Ruby**/
    margin-top: -5px;
    padding-left: 15px;
	padding-bottom: 10px;
	border-top: none;
}
.tb_widget_categories ul ul.ul-child li {/**Ruby**/
    border-bottom: none;
}
.tb_widget_categories ul li {
    color: #999;
    padding-left: 10px;
    position: relative;
    margin-bottom: 5px;
    border-bottom: 1px solid #eee;
    padding-bottom: 5px
}
#footer .tb_widget_categories ul li {
    border-bottom: 1px solid #444
}
#footer .tb_widget_categories ul li a {
    color: #fff;
}
.tb_widget_categories ul li:before {
    color: #ddd;
    left: 0;
    position: absolute;
    font-family: "FontAwesome";
    content: "\f105";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.tb_widget_categories ul li:last-child,
#footer .tb_widget_categories ul li:last-child{
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px
}
.tb_widget_categories.project_style ul li {
	border-bottom: none;
}
.tb_widget_contact.project_style {
    border-bottom: 1px solid #eee;
	padding-bottom: 5px;
    margin-bottom: 10px;
}

/*------------------------------------------------------------------------------
    22.4 Widget posts big
-------------------------------------------------------------------------------*/
.tb_widget_posts_big .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee
}
.tb_widget_posts_big .item:last-child {
    margin-bottom: 0px;
    border-bottom: none
}
#footer .tb_widget_posts_big .item {
    border-bottom: 1px solid #444
}
#footer .tb_widget_posts_big .item:last-child {
    margin-bottom: 0px;
    border-bottom: none
}
.tb_widget_posts_big .item .item_content h4 {/**donna-font-size、line-height**/
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin: 0 0 4px 0
}
.tb_widget_posts_big .item .item_content h4 a {
    display: block
}
#footer .tb_widget_posts_big .item .item_content h4 a {
    color: #fff
}
.tb_widget_posts_big .item .item_content p {
    margin-bottom: 10px;
    font-size: 14px;
    line-height: 20px
}
.tb_widget_posts_big .item .item_content .item_meta {
    margin-bottom: 10px
}

/*------------------------------------------------------------------------------
    22.5 Widget timeline
-------------------------------------------------------------------------------*/
.tb_widget_timeline article {
    min-height: 48px;
    position: relative;
    padding-left: 85px;
	display: table;/**Ruby**/
}
.tb_widget_timeline span.date,
.tb_widget_timeline span.time {
    font-size: 11px;
    position: absolute;
    color: #999;
    left: 0;
    width: 70px;
    text-align: right
}
.tb_widget_timeline span.date { /**Ruby**/
    top: 8px;
}
.tb_widget_timeline span.time {
    top: 14px
}
.tb_widget_timeline .timeline_content {
    min-height: 48px;
    border-left: 1px solid #ddd;
    padding-left: 17px;
    padding-bottom: 12px;/**Ruby**/
    position: relative;
	vertical-align: middle;/**Ruby**/
	display: table-cell;/**Ruby**/
}
.tb_widget_timeline article:last-child .timeline_content {
        border-left: 1px solid #fff;
    -padding-bottom: 0;/**Ruby**/
}
.tb_widget_timeline .timeline_content i {
    height: 36px;
    line-height: 36px;
    background-color: #fff;
    width: 12px;
    text-align: center;
    position: absolute;
    left: -6px;
    top: 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.dt_mega_menu .tb_widget_timeline .timeline_content i {
    background-color: #fff
}
.tb_widget_timeline article:hover .timeline_content i {
    font-size: 20px;
    left: -9px
}
.tb_widget_timeline .timeline_content h3 {  /**Donna-font-size**/
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}
.tb_widget_timeline .timeline_content h3 a {
    display: block
}
.widget .tb_widget_timeline.clearfix {
	margin-bottom: -20px;/**Ruby**/
}

/** Inside Page Timeline **/
.panel_title + .tb_widget_timeline.clearfix {
	margin-top: -10px;
	margin-bottom: 10px;
}
.panel_title + .tb_widget_timeline span.date {
    font-size: 14px;
	white-space:nowrap ;/**Text inline **/
}
.panel_title + .tb_widget_timeline span.date + .space {
	width: 18px;
}
.panel_title + .tb_widget_timeline .timeline_content {
    padding-left: 30px;
}
.panel_title + .tb_widget_timeline .timeline_content i {
    height: 36px;
    width: 30px;
    left: -15px;
	font-size: 17px;
}
.panel_title + .tb_widget_timeline article:hover .timeline_content i {
    font-size: 22px;
    left: -15px;
}
.panel_title + .tb_widget_timeline .timeline_content h3 {
    font-size: 15px;
	padding-bottom: 10px;
	display: inline;
}
.panel_title + .tb_widget_timeline .timeline_content h3 a {
	display: inline;
}
/** Forum Read More Button **/
.btn_line {/*Donna-font-size*/
    background: white;
    padding: 2px 6px;
    color: #bbb;
    border: 1px solid #bbb;
    font-size: 15px;
    white-space: nowrap;
	margin-left: 10px;
}
.btn_line:hover,
.btn_line:active,
.btn_line:focus {
    border: 1px solid #f85050;
    color: #f85050;
    transition: all 1s ease;
	-webkit-transition: all 1s ease;
	-o-transition: all 1s ease;
}
a.btn_line {
    text-decoration: none;
}
/** Dropdown Effects **/
.collapse {
	display:none;
	visibility:hidden;
}
.collapse.in {
	display:block;
	visibility:visible;
}
.collapsing {
	position:relative;
	height:0;
	overflow:hidden;
	-webkit-transition-timing-function:ease;
	-o-transition-timing-function:ease;
	transition-timing-function:ease;
	-webkit-transition-duration:.35s;
	-o-transition-duration:.35s;
	transition-duration:.35s;
	-webkit-transition-property:height,visibility;
	-o-transition-property:height,visibility;
	transition-property:height,visibility;
}
p.wow.fadeInDown {
	margin: 20px 0 15px 0;
	color: #666;
}
/** Milestones **/
h4.timeline-title {
	font-size: 22px;
	color: #F85050;
	font-weight: 700;
	background-color: #F4F4F4;
    padding: 5px 10px;
}
.timeline-body div ul {
	margin-bottom: 5px;
	padding-left: 10px;
	list-style: none;
}
.timeline-body div ul li {
	padding-bottom: 8px;
}
.timeline-body div ul li .fa-li {
	position: static;
	width: auto;
	padding-right: 8px;
	color: #F85050;
}
/**/
/*------------------------------------------------------------------------------
    22.6 Widget tags
-------------------------------------------------------------------------------*/
.tb_widget_tagcloud a {/*Donna-font-size*/
    float: left;
    height: 25px;
    line-height: 25px;
    position: relative;
    font-size: 14px;
    margin: 0 5px 5px 12px;
    padding: 0 10px 0 12px;
    background: #222;
    color: #fff;
    text-decoration:none
}
#footer .tb_widget_tagcloud a {
    background: #fff;
    color: #222
}
.tb_widget_tagcloud a:before {
    content: " ";
    float: left;
    position: absolute;
    top: 0;
    left: -12px;
    width: 0;
    height: 0;
    border-top-color: transparent !important;
    border-right-color: #222;
    border-bottom-color: transparent !important;
    border-left-color: transparent !important;
    border-style: solid;
    border-width: 12px 12px 12px 0;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#footer .tb_widget_tagcloud a:before {
    border-right-color: #fff;
}
.tb_widget_tagcloud a:after{
    content: " ";
    position: absolute;
    top: 10px;
    left: 0;
    float: left;
    width: 4px;
    height: 4px;
    background: #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
#footer .tb_widget_tagcloud a:after{
    background: #222
}
#footer .tb_widget_tagcloud a:hover {
    color: #fff
}

/*------------------------------------------------------------------------------
    22.7 Widget socialize
-------------------------------------------------------------------------------*/
.tb_widget_socialize a.icon .symbol {
    margin: 0 8px 0 0;
    color: #fff;
    float: left;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 26px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.tb_widget_socialize a.icon .text {
    padding-top: 8px;
    overflow: hidden
}
.tb_widget_socialize a.icon .text p:first-child {
    font-weight: 700;
    color: #222;
    font-size: 18px;
    margin-bottom: 4px;
    line-height: 1
}
#footer .tb_widget_socialize a.icon .text p:first-child {
    color: #fff
}
.tb_widget_socialize a.icon .text p {/*Donna-font-size*/
    font-size: 14px;
    margin: 0;
    color: #999;
    line-height: 1
}
.tb_widget_socialize a.icon .text p:last-child {/*Donna-font-size*/
    font-size: 14px
}
.tb_widget_socialize a.icon {
    color: #222;
    width: 49.2%;
    display: block;
    float: left;
    margin: 0 1.6% 4px 0
}
.tb_widget_socialize a.icon:nth-child(2n) {
    margin-right: 0
}
.tb_widget_socialize a.icon.facebook .symbol {
    background-color: #3b5998
}
.tb_widget_socialize a.icon.twitter .symbol {
    background-color: #00aced
}
.tb_widget_socialize a.icon.google .symbol {
    background-color: #dd4b39
}
.tb_widget_socialize a.icon.linkedin .symbol {
    background-color: #007bb6
}
.tb_widget_socialize a.icon:hover .symbol {
    background-color: #000
}

/*------------------------------------------------------------------------------
    22.8 Widget recent list
-------------------------------------------------------------------------------*/
.tb_widget_recent_list .item {
    margin-bottom: 10px;
    border-bottom: 1px solid #eee;
    padding-bottom: 10px
}
#footer .tb_widget_recent_list .item {
    border-bottom: 1px solid #444
}
.tb_widget_recent_list .item:last-child,
#footer .tb_widget_recent_list .item:last-child {
    margin-bottom: 0px;
    border-bottom: none;
    padding-bottom: 0px
}
.tb_widget_recent_list .item .item_thumb {
    width: 75px;
    position: relative;
    overflow: hidden;
    background-color: #fff;
    float: left;
    margin: 0 10px 0 0
}
.tb_widget_recent_list .item .item_thumb .thumb_icon {
    z-index: 5;
    opacity: 0;
    position: absolute;
    margin-left: -13px;
    margin-top: -13px;
    top: 50%;
    left: 50%;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.tb_widget_recent_list .item .item_thumb .thumb_icon a {/*Donna-font-size*/
    font-size: 12px;
    color: #fff;
    width: 26px;
    height: 26px;
    line-height: 26px;
    display: inline-block;
    text-align: center;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
}
.tb_widget_recent_list .item:hover .item_thumb .thumb_icon {
    opacity: 1;
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    transform: rotate(360deg)
}
.tb_widget_recent_list .item:hover .item_thumb img {
    opacity: 0.3
}
.tb_widget_recent_list .item .item_thumb .thumb_hover a {
    display: block
}
.tb_widget_recent_list .item .item_thumb img {
    width: 100%;
	max-height: 75px;/**Ruby**/
	max-width: 75px;/**Ruby**/
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
/* Content */
.tb_widget_recent_list .item .item_content {
    padding-left: 1px;
    overflow: hidden
}
.tb_widget_recent_list .item .item_content h4 {/*Donna-font-size、line-height*/
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}
.tb_widget_recent_list .item .item_content h4 a {
    display: block
}
#footer .tb_widget_recent_list .item .item_content h4 a {
    color: #fff
}

/*------------------------------------------------------------------------------
    22.9 Widget banner 125
-------------------------------------------------------------------------------*/
.tb_widget_banner_125 a {
    float: left;
    margin: 0 5px 7px 0;
    -border: 5px solid #eee;
    width: 130px;
}
.tb_widget_banner_125 img {
    max-width: 100%;
}
.col_2_of_12 .tb_widget_banner_125 a {
    width: 100%;
    display: block;
    margin: 0 0 5px 0;
    border: 0;
    text-align: center;
    float: none
}
.col_2_of_12 .tb_widget_banner_125 img {
    border: 5px solid #eee;
}
/*------------------------------------------------------------------------------
    22.9 Widget banner 320x100
-------------------------------------------------------------------------------*/
.tb_widget_banner_320 a {
    float: left;
    margin: 0 5px 5px 0;
    width: 320px;
}
.tb_widget_banner_320 a:nth-child(2n) {
    margin-right: 0
}
.tb_widget_banner_320 img {
    max-width: 100%;
}
.col_2_of_12 .tb_widget_banner_320 a {
    width: 100%;
    display: block;
    margin: 0 0 5px 0;
    border: 0;
    text-align: center;
    float: none
}
/*------------------------------------------------------------------------------
    22.9 Widget banner 300x250
-------------------------------------------------------------------------------*/
.tb_widget_banner_300 {
}
/*------------------------------------------------------------------------------
    22.9 Widget banner 180x80
-------------------------------------------------------------------------------*/
.tb_widget_banner_180 img {
    float: left;
    margin: 0 5px 5px 0;
    width: 48%;
}
.tb_widget_banner_180 a:nth-child(2n) {
    margin-right: 0
}
.col_2_of_12 .tb_widget_banner_180 img {
    width: 100%;
    display: block;
    margin: 0 0 5px 0;
    border: 0;
    text-align: center;
    float: none
}
.tb_widget_banner_180 .logo_title {
	display: block;
	clear: both;
	border-bottom: 5px solid #F3F3F3;
	padding: 20px 0 5px 0;
}
.tb_widget_banner_180 .logo_title:first-child {
	padding: 0 0 5px 0;
}

/*------------------------------------------------------------------------------
    22.91 Widget top rated
-------------------------------------------------------------------------------*/
.tb_widget_top_rated .item {
    position: relative;
    padding: 5px;
    margin-bottom: 1px;
    background-color: #eee;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#footer .tb_widget_top_rated .item {
    background-color: #333
}
.tb_widget_top_rated .item:hover {
    background-color: #e9e9e9
}
#footer .tb_widget_top_rated .item:hover {
    background-color: #444
}
.tb_widget_top_rated .item .item_thumb {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    float: left;
    margin: 0 10px 0 0
}
.tb_widget_top_rated .item img {
    border: 3px solid #fff;
    width: 80px;
    max-width: 100%;
    display: block
}
/* Content */
.tb_widget_top_rated .item .item_content {
    padding-right: 30px;
    overflow: hidden
}
.tb_widget_top_rated .item .item_content h4 {/*Donna-font-size、line-height*/
    font-size: 15px;
    font-weight: 700;
    line-height: 20px;
    margin: 0
}
.tb_widget_top_rated .item .item_content h4 a {
    display: block
}
#footer .tb_widget_top_rated .item .item_content h4 a {
    color: #fff
}
.tb_widget_top_rated .item .order {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 28px;
    color: #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
#footer .tb_widget_top_rated .item .order {
    color: #555
}
.tb_widget_top_rated .item:hover .order {
    color: #999
}
#footer .tb_widget_top_rated .item:hover .order {
    color: #999
}
.secondary_sidebar .tb_widget_top_rated .item .item_thumb {
    display: none
}

/*Main Content Post Use*/
.main_content_top_rated .item:nth-child(odd) {
    position: relative;
    padding: 8px;/**Ruby**/
    margin-bottom: 1px;
    background-color: #eee;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.main_content_top_rated .item:nth-child(odd):hover {
    background-color: #e9e9e9
}
.main_content_top_rated .item:nth-child(even) {
    position: relative;
    padding: 8px;/**Ruby**/
    margin: 15px 0;
    background-color: #fff;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.main_content_top_rated .item:nth-child(even):hover {
    background-color: #e9e9e9
}
.main_content_top_rated .item .item_thumb {
    position: relative;
    overflow: hidden;
    background-color: #fff;
    float: left;
    margin: 0 10px 0 0
}
.main_content_top_rated .item img {
    border: 5px solid #fff;/**Ruby**/
    width: 150px;/**Ruby**/
	height: 195px;/**Ruby**/
    max-width: 100%;
    display: block
}
.main_content_top_rated .item:nth-child(even) img {
    border: 5px solid #F6F6F6;/**Ruby**/
}
.main_content_top_rated .item .item_content {
    padding-right: 30px;
    overflow: hidden
}
.main_content_top_rated .item .item_content ul, ul.analyst-work {
	list-style: none;
	margin-bottom: 0;
	margin-left: -17px;
}
.main_content_top_rated .item .item_content ul li, ul.analyst-work li {
	padding: 5px 0;
	border-bottom: 1px dotted #999;
}
.main_content_top_rated .item .item_content ul li a, ul.analyst-work li a {
	color: #666;
	font-size: 15px;
}
.main_content_top_rated .item .item_content ul li a:hover, ul.analyst-work li a:hover {
	color: #F85050;
}
.main_content_top_rated .item .item_content ul li:before, ul.analyst-work li:before {
    color: #F85050;
    -left: 0;
    -position: absolute;
	padding-right: 8px;
    font-family: "FontAwesome";
    content: "\f192";
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.main_content_top_rated .item .item_content h2 {
    font-size: 16px;
    font-weight: 700;
    line-height: 18px;
    margin: 0 0 2px 0;
}
.main_content_top_rated .item .item_content h4 {
    font-size: 20px;
    font-weight: 700;
    line-height: 18px;
    margin: 5px 0;
}
.main_content_top_rated .item .item_content h4 a {
    display: block
}
.main_content_top_rated .item .order {
    position: absolute;
    right: 10px;
    top: 10px;
    font-size: 28px;
    color: #ddd;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.main_content_top_rated .item:hover .order {
    color: #999
}

/*------------------------------------------------------------------------------
    22.92 Widget Contact
-------------------------------------------------------------------------------*/
.tb_widget_contact a.icon .symbol {
    margin: 0 8px 0 0;
    color: #fff;
    float: left;
    width: 50px;
    height: 50px;
    display: block;
    text-align: center;
    line-height: 50px;
    font-size: 26px;
    -webkit-transition: all 0.2s;
    -moz-transition: all 0.2s;
    -o-transition: all 0.2s;
    transition: all 0.2s
}
.tb_widget_contact a.icon .text {
    padding-top: 8px;
    -overflow: hidden; /**Ruby**/
}
.tb_widget_contact a.icon .text p:first-child {
    -font-weight: 700; /**Ruby**/
    color: #222;
    font-size: 15px; /**Ruby**/
    margin-bottom: 4px;
    line-height: 1
}
#footer .tb_widget_contact a.icon .text p:first-child {
    color: #fff
}
.tb_widget_contact a.icon .text p {/*Donna-font-size*/
    font-size: 14px;
    margin: 0;
    color: #999;
    line-height: 1
}
.tb_widget_contact a.icon .text p:last-child {/*Donna-font-size*/
    font-size: 14px
}
.tb_widget_contact a.icon {
    color: #222;
    width: 100%; /**Ruby**/
    display: block;
    float: left;
    margin: 0 0 8px 0; /**Ruby**/
}
.tb_widget_contact a.icon:nth-child(2n) {
    margin-right: 0
}
.tb_widget_contact a.icon.phone .symbol, .tb_widget_contact a.icon.mail .symbol {/**Ruby**/
    background-color: #A0A0A0
}
.tb_widget_contact a.icon:hover .symbol {/**Ruby**/
    background-color: #F85050
}
.contact_title {
	display: block;
	clear: both;
	border-bottom: 5px solid #F3F3F3;
	padding: 10px 0 5px 0;
	font-size: 15px;
	font-weight: 700;
	color: #222;
	margin-bottom: 10px !important;
}

/*------------------------------------------------------------------------------
    23. Footer
------------------------------------------------------------------------------*/
#footer {
    color: #999;
    padding-top: 30px;
    margin-top: 30px;
    background-color: #222;
}
/** Scroll arrows **/
.scroll-to-top {
	font-size: 36px;
	text-align: center;
	padding-bottom: 30px;
}
.scroll-to-top a {
	color: #555;
}
.scroll-to-top a:hover, .scroll-to-top a:focus, .scroll-to-top a:active {
	outline: 0;
	opacity: 0.6;
	color: #ddd;
}

/*------------------------------------------------------------------------------
    24. Copyright
-------------------------------------------------------------------------------*/
#copyright {/*Donna-font-size*/
    text-align: center;
    font-size: 14px;
    padding: 20px 0;
    background-color: #333
}
#copyright a {
    color: #999
}
#copyright a:hover {
    color: #fff
}
#copyright p {
    margin: 0;
	color: #666666;
}

/*------------------------------------------------------------------------------
    25. Search
-------------------------------------------------------------------------------*/
.search-more input[name="keyword"] {
	width: 50%;
}
.search-more input[name="keyword"] + .button {
	margin: 0 5px 5px 10px;
}
.search-more input[type="radio"], .search-more input[type="text"], .search-more input[type="checkbox"] {
	width: auto;
}

/* Search List */
div.search-tab {
	margin-bottom: 10px;
}
div.search-tab:nth-child(even) {
	padding: 5px 0;
}
div.search-tab:hover {
	color: #F85050;
}
div.search-tab:after {
    content:'';
    display:block;
    clear: both;
}
div.search-tab-category {
	text-indent: 15px;
}
div.search-tab-date {
	color: #999;
}
div.search-tab-title a:hover {
	color: #F85050;
}
div.searchlist {
	margin-bottom: 30px;
}
div.searchlist:after {
    content:'';
    display:block;
    clear: both;
}
/*------------------------------------------------------------------------------
    26. Calendar
-------------------------------------------------------------------------------*/
div#ui-datepicker-div {
	z-index: 999 !important;
	margin-top: 10px;
}
div#ui-datepicker-div > table th,
div#ui-datepicker-div > table td {
    padding: 0;
    vertical-align: top;
    border-right: 1px solid #E9E9E9;
    border-bottom: 1px solid #E9E9E9
}
.ui-datepicker-header {
  height: 50px;
  line-height: 50px;
  color: #666;
  background: #EEEEEE;
  padding-bottom: 10px;
  -margin-bottom: 10px;
}
.ui-datepicker-prev,
.ui-datepicker-next {
  width: 20px;
  height: 20px;
  text-indent: 9999px;
  border: 2px solid #b0aead;
  border-radius: 100%;
  cursor: pointer;
  overflow: hidden;
  margin-top: 15px;
}
.ui-datepicker-prev {
  float: left;
  margin-left: 12px;
}
.ui-datepicker-prev:after {
  transform: rotate(45deg);
  margin: -94px 0px 0px 6px;
}
.ui-datepicker-next {
  float: right;
  margin-right: 12px;
}
.ui-datepicker-next:after {
  transform: rotate(-135deg);
  margin: -94px 0px 0px 6px !important;
}
.ui-datepicker-prev:after,
.ui-datepicker-next:after {
  content: '';
  position: absolute;
  display: block;
  width: 4px;
  height: 4px;
  border-left: 2px solid #b0aead;
  border-bottom: 2px solid #b0aead;
}
.ui-datepicker-prev:hover,
.ui-datepicker-next:hover,
.ui-datepicker-prev:hover:after,
.ui-datepicker-next:hover:after {
  border-color: #222222;
}
.ui-datepicker-title {
  text-align: center;
}
.ui-datepicker-calendar {
  width: 100%;
  text-align: center;
}
.ui-datepicker-calendar thead tr th span {/*Donna-font-size*/
  display: block;
  width: 40px;
  color: #666;
  margin-bottom: 5px;
  margin-top: 5px;
  font-size: 14px;
}
.ui-state-default {/*Donna-font-size*/
  display: block;
  text-decoration: none;
  color: #666;
  line-height: 40px;
  font-size: 14px;
}
.ui-state-default:hover {
  background: rgba(0,0,0,0.02);
}
.ui-state-highlight {
  color: #FFFFFF;
  background-color: #FF8F8F;
}
.ui-state-active {
  color: #FFFFFF;
  background-color: #F85050;
}
.ui-datepicker-unselectable .ui-state-default {
  color: #eee;
  border: 2px solid transparent;
}
/*------------------------------------------------------------------------------
    27. Error
-------------------------------------------------------------------------------*/
.error-windows-l {
	float: left;
	text-align: right;
	margin-left: -10px;
	margin-top: 55px;

	-webkit-transform: rotate(90deg); /**Chrome**/
	-moz-transform: rotate(90deg); /**FireFox**/

	/**0、1、2或3，對應著將元素旋轉0、90、180或270度。**/
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*IE6,7***/
	-ms-filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); /*IE8,9***/
	-ms-transform: rotate(90deg); /*IE10***/
}
.error-windows-l .error-number {
	font-size: 110px;
    line-height: 70px;
	color: #FFFFFF;
	background-color: #E7E7E7;
	padding-left: 120px;
}
.error-windows-l .error-text {
	font-size: 45px;
    line-height: 70px;
	color: #F85050;
}
.error-windows-r {
	float: left;
	text-align: center;
	width: 62%;
}
.error-windows-r h3 {
	font-size: 135px;
	font-variant: 700;
	color: #B8B8B8;
}
.error-windows-r p {
	font-size: 16px;
	border-bottom: 1px solid #E7E7E7;
	padding-bottom: 20px;
}
.error-windows-r i {
	font-size: 160px;
	color: #EBEBEB;
}
/*------------------------------------------------------------------------------
    28. FB Plugin
-------------------------------------------------------------------------------*/
#FB-Page-Plugin {
	border:none;
	overflow:hidden;
	width: 100%;
	height: 215px;
}
.social-topbar-fb {
	width:397px;
	height: 44px;
	float:left;
    padding-top: 11px;/** Donna - Tag Category Search text light **/
	margin: 0 10px 0 7px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*margin: 0 18px 0 8px;*/
	background-image: url(../images/top-bar_fb-plugin_bg.png);
	background-repeat: no-repeat;
	background-position: 100% 12px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **//*background-position: 100% 8px;*/
}
.social-topbar-fb .fb-like {
	padding-left: 10px;
	padding-top: 3.3px;/** Ruby - Research Items Menu move to Main Nav - 20160630 **/
}

.social-inside {
	float: right; /** Ruby - Tag Category move to header under title **/
}
.social-inside-google {
	/*float: left;*/ /** Ruby - Tag Category move to header under title **/
	float: right; /** Ruby - Tag Category move to header under title **/
}
.social-inside-linkedin {
    float: right;  /** Annie - 20160907 add LinkedIn share button **/
    margin-left: 5px;
}
.social-inside-fb {
	/*float: left;*/ /** Ruby - Tag Category move to header under title **/
	float: right; /** Ruby - Tag Category move to header under title **/
/*	margin-top: -2px;*//** Donna - Tag Category icon light **/
    margin-left: 10px;
	margin-right: 5px; /** Ruby - Tag Category move to header under title **/
	padding-top: 3px;/** Donna - Tag Category icon light **/
}
.IN-6d5494f8-69f0-4a9d-8c6b-3e3c3eb1b33b-1G9ISYhSF8XoOmdcl0yKDu{
    margin-top: 3px;/** Donna - Tag Category icon light **/
}
/*----------------------------------------------------	*/


/* ask_the_analyst Stacey 20191216 */
.entry_content #font_description img.pic_align{ display:block; margin: 0 auto;}
.entry_content #font_description span#report1-1,#font_description span#ask_the_analyst_btn {display:inline-block; width: 35%;}
.entry_content #font_description span#ask_the_analyst_btn i{ padding:5px;}
.entry_content #font_description .report_btn{text-align:center;}



/**[TR-133](4)[前台]導航選單改版-Yaru-20221230**/
/* top_navigation.top_navigation_collapse */
nav.top_navigation.top_navigation_collapse{
    float: right;
}
nav.top_navigation.top_navigation_collapse ul.menu{
    display: block;
    padding: 0;
    clear: inherit;
}
nav.top_navigation.top_navigation_collapse ul.menu > li {
    display: block;
    float: left;
}
nav.top_navigation.top_navigation_collapse ul.menu > li > a {
    position: relative;
    color: #fff;
    line-height: 57px;
    display: block;
    padding: 0 10px;
}
nav.top_navigation.top_navigation_collapse .top_navigation_toggle{
    display: none !important;
}
nav.top_navigation.top_navigation_collapse .social-topbar-fb{
    display: block !important;
}
.site_navigation_toggle.active{
    z-index: 99;
}
@media(max-width:992px){
    nav.top_navigation.top_navigation_collapse ul.menu > li > a {
        line-height: 56px;
    }
    nav.top_navigation.top_navigation_collapse ul.menu > li{
        margin: 0;
        padding: 0;
        border: none;
    }
    nav.top_navigation.top_navigation_collapse ul.menu > li.search_icon_form a{
        display: block !important;
    }
    nav.top_navigation.top_navigation_collapse ul.menu > li.translate a {
        background-color: #C83333;
    }
}
@media(max-width:992px){
    nav.top_navigation.top_navigation_collapse .social-topbar-fb{
        display: none !important;
    }
}
@media(max-width: 680px){
    .weather_forecast .city {
        display: none !important;
    }
}
@media(max-width: 550px){
    #header .header_meta .weather_forecast {
        display: none;
    }
}

/* #header_main.collapse_header */
#header_main.collapse_header .site_navigation{
    width: 100%;
}

@media(min-width:993px){
    #header_main.collapse_header .site_navigation ul.menu{
        display: flex !important;
        justify-content: space-around;
        align-items: center;
    }
}
#header_main.collapse_header nav.site_navigation ul.menu li.menu-item{
    border: none;
}
#header_main.collapse_header nav.site_navigation ul.menu li a{
    text-align: left;
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > ul.sub-menu > li > a{
    text-align: left;
}
@media(min-width:993px){
    #header_main.collapse_header .site_navigation ul.menu > li > a{
        margin: 0;
        padding: 15px 10px;
    }
}
@media(min-width:993px){
    #header_main.collapse_header .site_navigation ul.menu > li{
        margin: 0;
        margin-top: 5px;
        display: block;
        height: auto;
        width: auto;
    }
    #header_main.collapse_header .site_navigation ul.menu > li > a{
        padding: 15px 5px;
    }
}

@media(max-width: 1200px){
    #header_main.collapse_header nav.site_navigation ul.menu > li > a{
        margin-top: 0 !important;
        padding-right: 0;
    }
}
@media(max-width:992px){
    #header_main.collapse_header .site_navigation ul.menu{
        display: none;
        margin-top: 20px;
    }
    #header_main.collapse_header nav.site_navigation ul.menu li a,
    #header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > ul.sub-menu > li > a{
        text-align: center;
    }
    #header_main.collapse_header nav.site_navigation ul.menu > li:first-child > a{
        border-top: 1px solid #eee;
    }
    #header_main.collapse_header .site_navigation_toggle{
        right: 0;
        left: 50%;
        transform: translateX(-50%);
        background-color: transparent;
        width: auto;
    }
    #header_main.collapse_header .site_navigation_toggle.active{
        color: #000;
    }
    #header_main.collapse_header #nav_mobile_text{
        color: #000;
        display: block;
        width: 120px;
        float: left;
        margin: 0;
    }
}
@media(max-width:768px){
    #header_main.collapse_header .site_navigation_toggle.active{
        height: auto;
    }
    #header_main.collapse_header #nav_mobile_text{
        font-size: 14px;
        width: 100px;
    }
}

/* menu-item-has-children */
nav ul li.menu-item.menu-item img,
nav ul li.menu-item-has-children img{
    display: none;
}
#header_main.collapse_header nav.site_navigation ul.menu > li > ul.sub-menu{
    display: inherit;
    pointer-events: none;
    min-width: 125px;
}
#header_main.collapse_header nav.site_navigation ul.menu > li:hover > ul.sub-menu{
    pointer-events: auto;
}
#header_main.collapse_header nav.site_navigation ul.menu ul.sub-menu li a{
    font-size: 15px;
    color: #636363;
}
#header_main.collapse_header nav.site_navigation ul.menu ul.sub-menu li a:hover,
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > a:hover::after{
    color: #f85050;
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > a::after{
    position: absolute !important;
    top: 50%;
    right: auto;
    left: 98%;
    transform: translateY(-50%);
    line-height: 0;
}
#header_main.collapse_header nav.site_navigation ul.menu >  li.menu-item-has-children .site_sub_menu_toggle:before{
    content: "\f107";
}
#header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > a,
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > a{
    cursor: pointer;
}
@media(min-width:1200px){
    #header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > a::after{
        left: 100%;
    }
}
@media(min-width:993px){
    #header_main.collapse_header nav.site_navigation ul.menu > li:hover > ul.sub-menu{
        display: block !important;
    }
}
@media(max-width:992px){
    #header_main.collapse_header nav.site_navigation ul.menu ul.sub-menu li a{
        font-size: 14px;
    }
}


/* dt_mega_menu */
#header_main.collapse_header nav.site_navigation li.has_dt_mega_menu ul.dt_mega_menu{
    padding: 30px 20px;
    display: flex;
    pointer-events: none;
    justify-content: space-between;
    align-items: flex-start;
    align-content: flex-start;
    flex-wrap: wrap;
}
#header_main.collapse_header nav.site_navigation li.has_dt_mega_menu:hover ul.dt_mega_menu{
    pointer-events: auto;
}
@media(min-width:993px){
    #header_main.collapse_header nav.site_navigation li.has_dt_mega_menu:hover ul.dt_mega_menu{
        display: flex !important;
    }
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children,
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item{
    width: 25%;
    padding: 15px 10px;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a{
    font-size: 17px;
    font-weight: 700;
    border-bottom: 2px solid #eee;
    display: block;
    visibility: visible;
    text-align: left;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li > a:hover{
    color: inherit;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > .site_sub_menu_toggle{
    display: none !important;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu{
    position: relative;
    display: block;
    opacity: 1;
    visibility: visible;
    border: none !important;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children:hover ul.sub-menu{
    transform: none;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a{
    color: #636363;
    text-align: left;
    padding-left: 15px;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a::before{
    content: "-";
    font-size: 15px;
    color: #636363;
    position: absolute;
    left: 2px;
    top: 50%;
    transform: translateY(-50%);
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a:hover,
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a:hover::before{
    color: #C83333;
}
@media(max-width:992px){
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children,
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item{
        padding: 0 10px 10px 10px;
        width: 50%;
    }
    #header_main.collapse_header nav.site_navigation > ul.menu li > ul.sub-menu,
    #header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
        background-color: #fff2f2;
        display: none;
    }
    #header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu[style="display: block;"]{
        display: flex !important;
    }
    #header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
        height: 100% !important;
        overflow: hidden;
        padding: 15px;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a{
        font-size: 15px;
        border-width: 1px;
        padding: 0 5px;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a,
    #header_main.collapse_header nav.site_navigation ul.sub-menu > li > a{
        border-color: #edcece;
    }
    #header_main.collapse_header nav.site_navigation ul.sub-menu > li:last-child > a{
        border-color: #eee;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu{
        background-color: transparent;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a{
        border: none;
        padding-top: 3px;
        padding-bottom: 3px;
    }
}
@media(max-width:578px){
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children,
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item{
        width: 100%;
    }
}
#header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
    height: auto;
}
@media(max-height: 600px) and (min-width: 993px){
    #header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
        height: calc(100vh - 103px);
        overflow: auto;
    }
    #header_main.collapse_header.fixed nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
        height: calc(100vh - 53px);
    }
}


/**[TR-141]導航選單修改-Yaru-20230119**/
#header_main.collapse_header nav.site_navigation ul.menu li a{
    font-size: 18px;
}
#header_main.collapse_header nav.site_navigation ul.menu li a i{
    font-size: 16px;
    position: relative;
    top: -2px;
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > ul.sub-menu > li > a,
#header_main.collapse_header nav.site_navigation ul.menu ul.sub-menu li a{
    font-size: 18px;
    padding: 7px 10px;
}
#header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
    max-width: 800px;
    width: 100%;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children a.first-level{
    padding-bottom: 5px;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu{
    min-width: 100%;
    margin: 0;
}
/* bt_mega_menu */
@media (min-width: 993px){
    #header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children.has_bt_mega_menu:hover ul.sub-menu.bt_mega_menu{
        display: flex !important;
        flex-wrap: wrap;
        justify-content: center;
        align-items: center;
    }
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children.has_bt_mega_menu ul.sub-menu.bt_mega_menu li{
    width: 50%;
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children.has_bt_mega_menu ul.sub-menu.bt_mega_menu{
    min-width: 250px;
}

@media(max-width:992px){
    #header_main.collapse_header nav.site_navigation ul.menu li a{
        font-size: 16px !important;
    }
    #header_main.collapse_header nav.site_navigation ul.menu li a i{
        top: -1px;
    }
    #header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children.has_bt_mega_menu ul.sub-menu.bt_mega_menu li{
        width: 100%;
    }
}


/* [TR-141]會員中心-會員權益頁修改-Yaru-20230130 */
.member-items-section .inner.clearfix{
    background-color: #fff;
    border: 1px solid #444;
}
.member-items-title{
    background: #ddd;
    text-align: center;
    font-size: 20px;
    font-weight: 700;
    padding: 7px 10px;
    margin: 0;
}
.member-items-title i{
    font-size: 16px;
    position: relative;
    top: -1px;
}
.member-items-wrapper{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.member-items-content{
    width: 100%;
    margin-right: 25px;
}
.member-items-content:last-child{
    margin: 0;
}
.member-items-content.member-items-content-chart{
    width: 66%;
}
.member-items-content.member-items-content-data{
    width: 33%;
}
.member-items-content-title{
    position: relative;
    margin-top: 20px;
    margin-bottom: 5px;
}
.member-items-content-title::before{
    content: '';
    display: block;
    width: 100%;;
    height: 2px;
    background-color: #ddd;
    position: absolute;
    z-index: 0;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
}
.member-items-content-title h4{
    font-weight: 700;
    color: #222;
    background-color: #fff;
    margin: 0;
    padding: 10px 8px 10px 0;
    position: relative;
    z-index: 1;
    display: inline-block;
}
.member-items-content-detail{
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.member-items {
    font-size: 16px;
    width: 100%;
}
.member-items input{
    margin-right: 7px;
    margin-bottom: 12px;
}
@media(max-width:1200px){
    .member-items-wrapper{
        flex-wrap: wrap;
    }
    .member-items-content{
        width: 100% !important;
        margin: 0;
    }
    .member-items-content-detail{
        display: block;
    }
}


/* [TR-141]會員中心-會員權益頁-已購買的產品項目效果優化-Ruby-20230217 */
/* 注意：與我聯絡頁面也有類似的 checkbox 欄位，設定時要避免相互影響 */
.member-items-content-detail .member-items input[name*="category_id"] {
    pointer-events: none;
}


/* [TR-151]導航選單-二級下拉選單顯示效果優化-Yaru-20230426 */
#header_main.collapse_header nav.site_navigation li.has_dt_mega_menu ul.dt_mega_menu{
    padding: 10px 20px 20px 20px;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a{
    color: #A1A1A1;
    font-size: 16px;
    text-align: center;
    position: relative;
    border: none;
    pointer-events: none;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a span{
    font-weight: 400;
    background-color: #fff;
    display: inline-block;
    padding: 0 5px;
    position: relative;
    z-index: 99;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a::after{
    content: '';
    display: block;
    background-color: #EEEEEE;
    width: 100%;
    height: 1px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 9;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a{
    color: #575757;
    background-color: #D9D9D9;
    font-weight: 700;
    padding: 7px 15px 7px 8px;
    margin-bottom: 8px;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a:hover{
    background-color: #fff2f2;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu li:last-child a{
    margin-bottom: 0;
}
#header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a::before{
    content: "\f105";
    display: block;
    color: #636363;
    width: 8px;
    position: absolute;
    right: 3px;
    left: auto;
    top: 50%;
    transform: translateY(-50%);
    font-family: "FontAwesome";
}
#header_main.collapse_header nav.site_navigation ul.menu > li.menu-item-has-children > ul.sub-menu > li > a{
    padding: 5px 10px;
}
@media (max-width: 992px){
    #header_main.collapse_header nav.site_navigation ul.menu > li.has_dt_mega_menu > ul.dt_mega_menu{
        background-color: #fff;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children{
        padding-bottom: 20px;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu li.menu-item-has-children ul.sub-menu a{
        background-color: #fff2f2;
    }
    #header_main.collapse_header nav.site_navigation ul.dt_mega_menu > li > a span{
        font-size: 14px !important;
    }
}
/*導航選單-二級下拉選單改成點擊式開啟*/
@media(min-width:993px){
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click,
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click.dt_mega_menu,
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click.sub-menu.bt_mega_menu{
        display: none !important;
        pointer-events: none;
        transform: translate(0,-5px);
    }
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click.active{
        display: block !important;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click.dt_mega_menu.active,
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.sub_menu_click.sub-menu.bt_mega_menu.active{
        display: flex !important;
        flex-wrap: wrap;
        visibility: visible;
        opacity: 1;
        pointer-events: auto;
    }
    #header_main.collapse_header nav.site_navigation ul.menu li.menu-item-has-children.menu-click ul.active a{
        pointer-events: auto;
    }
}