/*.header_box { background-color:auto !important; background-image:url("https://www.asmag.com/images/ny_bg.jpg"); background-position:center;}*/

body {
  padding: 0;
  margin: 0;
  font-family: "Lato", sans-serif;
  line-height: normal;
}
a > img {
  border: none;
}
.header_div,
.banner_box,
.content_box,
.banner_580_box,
.eMn_box,
.pts_box,
.case_study_box,
.case_study_div,
.middle_box,
.copyright,
.login_box {
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.header_menu:after,
.search_box:after,
.header_top:after,
.asia_div:after,
.product_insight li:after,
.middle_box:after,
.container:after,
.banner_ab:after,
.NP_products_tab:after,
.choice_article_box:after,
.clear_box:after {
  clear: both;
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}

.header_menu {
  font-family: "Crete Round", serif;
}

.product_big_4 ul,
.s_menu_div ul,
.media ul,
.product_insight ul,
.detail_right_box ul,
.supplier_box ul,
.popular_box ul,
.news_box ul,
.footer_div ul,
.case_study_box ul,
.detail_article_info ul,
.related_box ul,
.list_right_box ul,
.latest_box ul,
.search_box_list ul,
.copyright ul,
.supplier_other_box ul,
.event_box ul,
.supplier_index ul,
.list_ul {
  margin: 0;
  padding: 0;
}

.content_box {
  position: relative;
}
.content_box_h2 {
  font-size: 32px;
  width: 100%;
  color: #c62129;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0;
  margin: 0;
  font-weight: normal;
}
.cookie {
  position: absolute;
  right: 0;
  top: 18px;
}
.bold {
  font-weight: bold;
}
.list_ul li {
  list-style: none;
  color: #888;
  line-height: 26px;
  font-size: 15px;
}
.list_ul li > a {
  text-decoration: none;
  color: #1e60bd;
  font-weight: normal;
}

/*cookie*/
.bread_crumbs,
.bread_crumbs > a {
  font-size: 13px;
  color: #959595;
  margin-bottom: 10px;
  text-decoration: none;
}
.bread_crumbs > a:hover {
  text-decoration: underline;
}
.bread_on {
  font-size: 15px;
  font-weight: bold;
  color: #757575;
}

/*top_banner*/
/*.top_banner {width:700px; height:60px; }*/

/*other_title*/
.other_title {
  font-size: 16px;
  color: #151515;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  margin: 20px 0 5px;
}
.other_text {
  font-size: 13px;
  color: #555;
  line-height: 22px;
}

/*s_menu*/
.s_menu_box_1 {
  width: 100%;
  max-height: 60px;
  padding: 10px 0; /*background-color:rgba(0,11,31,1) !important; position:absolute;*/
}
.s_menu_box_2 {
  width: 100%;
  max-height: 100px;
  padding: 10px 0; /*background-color:rgba(0,11,31,1) !important; position:absolute;*/
}
.s_menu_div {
  width: 1200px;
  margin: auto;
}
.s_menu_div li {
  display: inline-block;
  margin-right: 15px;
  padding: 8px 0;
}
.s_menu_div a {
  color: #fff;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  text-decoration: none;
}
.s_menu_div li:before {
  content: "‧";
  margin-right: 3px;
}

/*ABC Banner*/
.banner_ab {
  width: 1200px;
  height: 110px;
  margin: 30px 0 30px;
  display: -moz-box;
  display: -webkit-box;
}
.banner_a {
  width: 850px;
  height: 110px;
  background-color: #ccc;
}
.banner_b {
  width: 320px;
  height: 110px;
  background-color: #ccc;
  margin-left: 30px;
}
.banner_c {
  width: 320px;
  height: 250px;
  margin: 8px auto 5px;
  position: relative;
}
.banner_video {
  width: 320px;
  height: 250px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.7);
  background-image: url("images/video.png");
  background-position: center;
  background-repeat: no-repeat;
  z-index: 5;
}
_:-ms-fullscreen,
:root .banner_a,
.banner_b {
  float: left;
}
.banner_D {
  width: 320px;
  height: 250px;
  margin: 20px auto 10px;
}
.banner_H {
  margin: 40px auto;
  width: 728px;
  height: 90px;
}

/*container*/

.left_850 {
  width: 850px;
  position: relative;
}
.center_30 {
  width: 30px;
}
.right_320 {
  width: 320px;
}
.left_850,
.center_30,
.list_left_box,
.editor_choice {
  float: left;
}
.right_320,
.list_right_box,
.popular_article {
  float: right;
}

/*article_headline 業務*/
.article_headline {
  width: 100%;
  height: 370px;
  margin-bottom: 10px;
}
.article_headline_pic {
  width: 605px;
  height: 370px;
  float: left;
}
.article_headline_pic img {
  width: 605px;
  height: 370px;
}
.article_headline_list {
  float: right;
}
.article_headline_list ul {
  margin: 0;
  padding: 0;
}
.article_headline_list li {
  width: 245px;
  height: 74px;
  display: block;
  background-color: #151515;
  border-bottom: 1px solid #fff;
  border-left: 1px solid #fff;
  box-sizing: border-box;
  position: relative;
}
.article_headline_list [class="on"] {
  background-color: #c62129;
}
.article_headline_list li:last-child {
  border-bottom: none;
}
.article_headline_list li > a {
  display: table-cell;
  vertical-align: middle;
  width: 225px;
  padding: 0 10px;
  height: 74px;
  color: #fff;
  font-size: 15px;
  text-decoration: none;
}

/*article_headline 編輯*/
.article_headline:after {
  clear: both;
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
  position: relative;
}
.article_bigpic_title {
  position: absolute;
  z-index: 6;
  color: #fff;
  bottom: 0;
  width: 100%;
  padding: 0 15px 10px 15px;
  box-sizing: border-box;
}
.bigpic_title01 {
  font-size: 26px;
}
.bigpic_title02 {
  font-size: 16px;
  line-height: 22px;
}
.bigpic_title03 {
  font-size: 20px;
}
.article_headline_bigpic_01,
.article_headline_bigpic_02,
.article_headline_bigpic_03 {
  float: left;
  z-index: 1;
  overflow: hidden;
  position: relative;
  display: block;
}
.article_headline_bigpic_01:before {
  content: "";
  display: block;
  width: 570px;
  height: 350px;
  position: absolute;
  z-index: 5;
}
.article_headline_bigpic_02:before {
  content: "";
  display: block;
  width: 285px;
  height: 175px;
  position: absolute;
  z-index: 5;
}
.article_headline_bigpic_03:before {
  content: "";
  display: block;
  width: 425px;
  height: 260px;
  position: absolute;
  z-index: 5;
}
.article_headline_bigpic_01:before,
.article_headline_bigpic_02:before,
.article_headline_bigpic_03:before {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+34,0.5+100 */
  background: -moz-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 34%,
    rgba(0, 0, 0, 0.8) 100%
  ); /* FF3.6-15 */
  background: -webkit-linear-gradient(
    top,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 34%,
    rgba(0, 0, 0, 0.8) 100%
  ); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(
    to bottom,
    rgba(0, 0, 0, 0) 0%,
    rgba(0, 0, 0, 0) 34%,
    rgba(0, 0, 0, 0.8) 100%
  ); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#80000000',GradientType=0 ); /* IE6-9 */
}
.bigpic_01,
.bigpic_01 img {
  width: 568px;
  height: 346px;
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  border-right: 2px solid #fff;
}
.bigpic_02,
.bigpic_02 img {
  width: 282px;
  height: 173px;
  box-sizing: border-box;
  border-bottom: 2px solid #fff;
  overflow: hidden;
}
.bigpic_03,
.bigpic_03 img {
  width: 425px;
  height: 260px;
  box-sizing: border-box;
  overflow: hidden;
}
.bigpic_03:nth-child(5) {
  border-left: 2px solid #fff;
}

/*New & Popular Products*/
.NP_products {
  width: 100%;
}
.NP_products_tab {
  width: 850px;
  display: -moz-box;
  display: -webkit-box;
}
.NP_on,
.NP_off {
  width: 425px;
  height: 50px;
  font-size: 18px;
  text-align: center;
  line-height: 50px;
}
_:-ms-fullscreen,
:root .NP_on,
.NP_off {
  float: left;
}
.NP_on {
  background-color: #c62129;
  color: #fff;
}
.NP_off {
  background-color: #e2e2e2;
  color: #878787;
}
.product_big_4 {
  margin-top: 10px;
}
.product_big_4 li {
  display: inline-block;
  margin-right: 18px;
  text-align: center;
  vertical-align: top;
}
.product_big_4 li:last-child {
  margin-right: 0;
}
.big_product_pic {
  width: 150px;
  height: 150px;
  border: 1px solid #c7c7c7;
  overflow: hidden;
  text-align: center;
}
.big_product_pic img {
  width: 120px;
  height: 120px;
  margin-top: 15px;
}
.big_product_text {
  width: 150px;
  text-align: left;
  margin-top: 5px;
  padding-bottom: 15px;
}
.big_product_text > a {
  font-size: 15px;
  color: #333;
  line-height: 22px;
  text-decoration: none;
}
.new_product_insight {
  margin-top: 0;
  font-family: Arial, Helvetica, sans-serif;
}
.new_product_insight li {
  padding: 15px;
  border-left: 1px solid #e7e7e7;
  border-right: 1px solid #e7e7e7;
  border-bottom: 1px solid #e7e7e7;
  display: inline-block;
  margin-right: -5px;
  text-align: left;
}
.new_product_insight .new_product_title {
  height: 50px;
  margin-bottom: 10px;
  overflow: hidden;
}
.new_product_title a {
  font-size: 16px;
  color: #212121;
  line-height: 24px;
  text-decoration: none;
}
.new_product_insight .new_product_list {
  float: left;
  width: 154px;
  height: 85px;
  font-size: 13px;
  color: #555;
  line-height: 22px;
  overflow: hidden;
}
.new_product_insight .new_product_pic {
  float: right;
  width: 85px;
  height: 85px;
  border: 1px solid #c7c7c7;
  margin-left: 10px;
  vertical-align: top;
}
.new_product_insight .new_product_pic img {
  width: 85px;
  height: 85px;
}
.new_product_list .new_list {
  display: list-item;
}
.new_product_list .new_list:before {
  content: "●";
  font-size: 11px;
  display: inline-block;
  width: 10px;
  height: 11px;
}

/*Asia Focus & product_insight*/
.asia_news_right_title {
  width: 100%;
  color: #c62129;
  border-bottom: 1px solid #3d3d3d;
  padding: 5px 0;
  font-size: 24px;
}
.product_insight,
.detail_right_box {
  width: 100%;
  margin-bottom: 30px;
}
.asia_div {
  border-bottom: 1px solid #c7c7c7;
}
.product_insight li {
  display: block;
  border-bottom: 1px solid #c7c7c7;
  padding-bottom: 10px;
}
.detail_right_box li {
  display: block;
  border-bottom: 1px solid #c7c7c7;
  padding: 20px 0 20px;
}
.asia_title,
.insight_productname {
  width: 100%;
  padding: 10px 0 10px;
}
.right_titlename {
  width: 100%;
  padding: 0 0 5px;
}
.right_titlename > a {
  font-size: 15px;
  color: #151515;
  text-decoration: none;
  line-height: 22px;
}
.right_date,
.try,
.right_text {
  font-size: 13px;
  color: #9f9f9f;
  margin-top: 5px;
}
.country {
  font-size: 15px;
  color: #9f9f9f;
}
.country:before {
  content: "";
  font-size: 13px;
  color: #9f9f9f;
}
.right_text {
  line-height: 22px;
}

/*product_insight*/
.insight_productname > a {
  font-size: 15px;
  line-height: 22px;
  text-decoration: none;
  color: #151515;
}
.insight_productname {
  height: 20px;
}
.insight_list {
  float: left;
  width: 230px;
  height: 75px;
  padding-top: 5px;
  margin-bottom: 7px;
}
.insight_list ul {
  margin: 0 0 0 15px;
  padding: 0;
}
.insight_list li {
  font-size: 13px;
  color: #777;
  line-height: 24px;
  list-style-type: disc;
  display: list-item;
  border-bottom: none;
  padding-bottom: 0;
}

/*Asia_box*/
.asia_box {
  width: 290px;
  float: left;
  overflow: hidden;
  margin-left: 45px;
}
.middle_box .asia_box:nth-child(3) {
  margin-bottom: 50px;
}
.asia_div_index {
  margin-top: 15px;
}
.asia_pic {
  margin-top: 10px;
}
.asia_title > a {
  font-size: 16px;
  line-height: 22px;
  text-decoration: none;
  color: #151515;
}
.asia_div > .asia_title:before {
  content: "► ";
  font-size: 13px;
  color: #c62129;
}
.asia_div > .asia_title > a:hover,
.number_title > a:hover,
.solution_title > a:hover,
.news_title > a:hover,
.case_study_title > a:hover {
  color: #c62129;
}
.insight_pic {
  float: left;
  margin-right: 8px;
  border: 1px solid #c7c7c7;
  box-sizing: border-box;
  overflow: hidden;
}
.asia_pic,
.asia_pic img {
  width: 290px;
}
.insight_pic,
.insight_pic img {
  width: 80px;
  height: 80px;
}
.asia_text {
  font-size: 15px;
  color: #777;
  line-height: 22px;
  padding-bottom: 15px;
}

/*1200*/
.middle_box,
.case_study_box,
.eMn_box,
.banner_580_box {
  margin-bottom: 50px;
}
.middle_box {
  margin-top: 30px;
}

/*middle_box*/
.solutions_box,
.popular_box,
.news_box {
  float: left;
}
.solution_div,
.news_div {
  margin-top: 5px;
  vertical-align: top;
}
.solutions_box {
  width: 570px;
}
.popular_box {
  width: 250px;
  margin-left: 45px;
}
.news_box {
  width: 320px;
  margin-left: 0;
  margin-bottom: 30px;
}

/*solution*/
.solution_big_pic,
.solution_big_pic img {
  width: 570px;
  height: 349px;
  margin-top: 5px;
}
.solution_small_pic,
.solution_small_pic img {
  width: 260px;
  height: 159px;
}
.solution_div:nth-child(3),
.solution_div:nth-child(4) {
  display: inline-block;
  margin-top: 20px;
}
.solution_div:nth-child(4) {
  margin-left: 35px;
}
.solution_title {
  margin-top: 10px;
}
.solution_title > a {
  color: #151515;
  text-decoration: none;
}
.solution_text {
  font-size: 15px;
  color: #888;
  line-height: 24px;
  margin: 12px 0 10px;
}
.s_t_big {
  width: 570px;
  font-size: 30px;
  line-height: 36px;
}
.s_t_small {
  width: 260px;
  font-size: 16px;
  line-height: 22px;
}

/*popular*/
.popular_box [class="asia_news_right_title"] {
  text-align: left;
}

.popular_box li {
  display: block;
  border-bottom: none;
  padding: 15px 0;
  margin-top: 10px;
}
.number {
  width: 45px;
  padding: 5px;
  background-color: #c62129;
  color: #fff;
  font-size: 15px;
  text-align: center;
  margin: 0 0 10px;
}
.number_title {
  text-align: left;
}
.number_title > a {
  font-size: 16px;
  color: #151515;
  line-height: 22px;
  text-decoration: none;
}
.number_date {
  font-size: 13px;
  color: #999;
  text-align: left;
  line-height: 30px;
}

/*news*/
.news_box li {
  display: block;
  padding: 15px 0;
  border-bottom: 1px solid #c7c7c7;
}
/*.news_pic { margin-top:8px;}
.news_pic,.news_pic img { width:320px; height:196px;}*/
.news_title > a {
  font-size: 15px;
  color: #151515;
  line-height: 22px;
  text-decoration: none;
}

/*Case study*/
.case_study_box .title_div {
  background-color: transparent;
  margin-bottom: 10px;
  width: 100%;
  box-sizing: border-box;
  padding: 0 0 5px;
  display: flex;
  align-items: center;
}
.title_div span {
  flex: 1;
  width: 100%;
  display: block;
  height: 2px;
  background-color: #666;
  margin-left: 15px;
  margin-top: 19px;
}
.title_div a {
  color: #c62129;
  text-decoration: none;
  font-size: 24px;
  max-width: 300px;
  display: block;
}
.case_study_box .title_line {
  width: 100%;
  height: 2px;
  background-color: #343434;
  margin-bottom: 10px;
  display: none;
}
.case_study_box ul {
  display: flex;
  justify-content: space-between;
}
.case_study_box li {
  width: 280px;
  vertical-align: top;
  margin: 0;
  list-style: none;
}
.case_study_box li:last-child {
  margin-right: 0;
}
.case_study_pic {
  width: 278px;
  height: 168px;
  overflow: hidden;
  border: 1px solid #e1e1e1;
  margin-bottom: 10px;
}
.case_study_pic img {
  width: 280px;
  height: 170px;
}
.case_study_text {
  width: 280px;
  margin-top: 5px;
}
.case_study_text > a {
  font-size: 15px;
  color: #151515;
  line-height: 20px;
  text-decoration: none;
}

/*eMn_box*/
.eMn_div {
  width: 380px;
  height: 350px;
  border: 1px solid #c7c7c7;
  display: inline-block;
  margin-right: 25px;
  box-sizing: border-box;
  vertical-align: top;
  border-radius: 5px;
}
.eMn_div:last-child {
  margin-right: 0;
}
.eMn_div .eMn_title {
  width: 90%;
  padding: 18px 10px 15px;
  margin: auto;
  text-align: left;
  color: #c62129;
  font-size: 20px;
}
.eMn_div .eMn_title a {
  color: #c62129;
  text-decoration: none;
}
.events_box,
.magazine_box {
  width: 90%;
  margin: auto;
  margin-bottom: 15px;
}
.events_box:after,
.magazine_box:after {
  content: ".";
  clear: both;
  height: 0;
  font-size: 0;
  visibility: hidden;
  display: block;
}

/*events*/
.events_date {
  float: left;
  width: 75px;
  height: 75px;
  border-radius: 5px;
  border: 1px solid #c7c7c7;
  text-decoration: none;
  display: block;
}
.events_name {
  float: right;
  width: 245px;
  text-align: left;
  margin-top: 5px;
}
.events_name > a {
  color: #151515;
  font-size: 16px;
  text-decoration: none;
}
.events_text {
  float: right;
  width: 245px;
  color: #999;
  font-size: 13px;
  text-align: left;
  margin-top: 5px;
  line-height: 20px;
}
.events_date_D,
.events_date_M {
  display: block;
  text-align: center;
}
.events_date_D {
  font-size: 35px;
  color: #555;
  margin-bottom: -25px;
  margin-top: 8px;
}
.events_date_M {
  font-size: 22px;
  color: #555;
}
.events_date:hover {
  background-color: #c62129;
  border: 1px solid #c62129;
}
.events_date:hover > .events_date_D,
.events_date:hover > .events_date_M {
  color: #fff;
}

/*magazine*/
.magazine_cover {
  float: left;
  width: 95px;
  height: 125px;
  background-color: #ccc;
  margin-right: 20px;
}
.magazine_cover img {
  width: 95px;
}
.magazine_title {
  float: left;
  width: 225px;
  color: #151515;
  font-size: 16px;
  text-align: left;
  margin-top: 5px;
}
.magazine_text {
  float: left;
  width: 225px;
  color: #999;
  font-size: 13px;
  text-align: left;
  margin-top: 5px;
  line-height: 20px;
}
.pdf_download {
  float: left;
  display: block;
  background-color: #c62129;
  border: 1px solid #c62129;
  width: 40px;
  text-align: center;
  padding: 5px;
  color: #fff;
  text-decoration: none;
  font-size: 13px;
  margin-top: 10px;
}
.pdf_download:hover {
  background-color: #151515;
  color: #fff;
  border: 1px solid #151515;
}

/*newsletter*/
.newsletter_text {
  width: 90%;
  margin: auto;
  font-size: 18px;
  color: #151515;
  line-height: 30px;
  text-align: left;
}
.newsletter_text li {
  font-size: 13px;
  color: #555;
  line-height: 24px;
  margin-bottom: 10px;
}
.newsletter_form {
  width: 90%;
  margin: 10px auto 0;
  text-align: left;
  font-size: 13px;
  color: #555;
}
.newsletter_form [type="text"] {
  width: 100%;
  height: 30px;
  font-size: 15px;
  border: 1px solid #c62129;
  color: #555;
  margin-bottom: 8px;
  background-color: #eee;
  box-sizing: border-box;
  padding: 0 5px;
}
/*.newsletter_form input:nth-child(3) { margin-left:30px;}*/
.newsletter_form [type="submit"],
.right_newsletter [type="submit"] {
  background-color: #c62129;
  color: #fff;
  border: 1px solid #c62129;
  margin-top: 10px;
  width: 100px;
  height: 35px;
  text-align: center;
  cursor: pointer;
  padding: 5px;
  box-sizing: border-box;
}

.newsletter_form [type="submit"]:hover,
.right_newsletter [type="submit"]:hover {
  background-color: #333;
  color: #fff;
  border: 1px solid #333;
}

/*banner_580_box*/
.banner_580 {
  width: 580px;
  height: 90px;
  background-color: #ccc;
  display: inline-block;
}
.banner_580:first-child {
  margin-right: 35px;
}

/*detail_page*/
.article_h1 {
  font-size: 40px;
  line-height: 50px;
  color: #151515;
  font-weight: normal;
  margin: 0 0 5px;
  padding: 0;
}
/*.container h3{ font-size:26px; color:#151515; line-height:24px; font-weight:normal; margin:35px 0 -5px; padding:0;}*/
.detail_article_info {
  font-size: 15px;
  color: #555;
  margin-bottom: 20px;
}
.detail_article_info a {
  font-size: 15px;
  color: #555;
  text-decoration: none;
}
.detail_article_info a:hover {
  text-decoration: underline;
}
.detail_article_info li {
  display: inline-block;
  margin-right: 10px;
  margin-top: 10px;
}
.detail_article_info span {
  color: #000;
}
.detail_content {
  padding: 25px 0 35px;
  border-top: 1px solid #c7c7c7;
  font-size: 18px;
  color: #666;
  line-height: 36px;
}
.detail_content h1,
.detail_content h2 {
  font-size: 30px;
  line-height: 38px;
  color: #c62129;
  font-weight: normal;
  margin-top: 70px;
  margin-bottom: 20px;
}
.detail_content h3 {
  font-size: 20px;
  line-height: 30px;
  color: #151515;
  font-weight: normal;
  margin-top: 20px !important;
}
.detail_content a {
  color: #0053d0;
  text-decoration: none;
  border-bottom: 1px dotted #093c8a;
}
.detail_content a:hover {
  text-decoration: none;
  color: #bb0000;
}
.detail_content figcaption {
  line-height: 22px;
  margin-top: 8px;
  font-size: 15px;
  color: #666;
}
.detail_content p,
.right_newsletter p {
  font-size: 18px;
  color: #666;
  line-height: 38px;
}
#article_pic img {
  width: 500px;
  height: 306px;
  float: right;
  margin: 0 0 20px 50px;
}
blockquote p:nth-child(1) {
  display: block;
  width: 80%;
  margin: auto;
  font-size: 25px;
  color: #151515;
  line-height: 36px;
  font-family: "Times New Roman", Times, serif;
  font-style: italic;
  text-align: center;
  margin-bottom: 50px;
}
blockquote p:nth-child(1):before {
  content: "“";
  display: block;
  color: #c62129;
  font-size: 80px;
  font-style: normal;
  margin-top: 55px;
  margin-bottom: -10px;
}
blockquote p:nth-child(2) {
  display: block;
  width: 80%;
  margin: auto;
  text-align: center !important;
  font-size: 15px;
  color: #555;
  margin-bottom: 55px;
  font-style: italic;
}
#div_firstword:first-letter {
  display: block;
  float: left;
  font-size: 55px;
  margin-top: 8px;
  margin-right: 6px;
  margin-bottom: 5px;
  color: #333;
}
@media screen and (-webkit-min-device-pixel-ratio: 0) {
  #div_firstword:first-letter {
    padding-top: 8px;
  }
}
#paging {
  margin-bottom: 15px;
}

/*detail_other_box*/
.related_box,
.comments_box {
  border-top: 1px solid #c7c7c7;
  padding: 20px 0 40px;
}
.other_box_title {
  padding: 5px 0 5px;
  font-size: 24px;
  color: #c62129;
  position: relative;
}
.showing {
  position: absolute;
  top: 20px;
  right: 0;
  font-size: 15px;
  color: #555;
}
.related_box li {
  display: inline-block;
  margin-right: 15px;
  vertical-align: top;
  width: 270px;
}
.related_box img {
  width: 270px;
  height: 162px;
  margin-bottom: 10px;
}
.related_box li:last-child {
  margin-right: 0;
}
.related_a_title > a {
  font-size: 15px;
  color: #151515;
  text-decoration: none;
}

/*comments_box*/
.comment_icon {
  background-image: url("images/asmag_icon.svg");
  background-position: -70px -95px;
  width: 25px;
  height: 25px;
  background-repeat: no-repeat;
  margin-bottom: -1px;
}
.comment_name {
  font-size: 15px;
  color: #333;
  font-weight: bold;
}
.comment_date {
  font-size: 13px;
  color: #888;
  font-family: Verdana, Geneva, sans-serif;
}
.comment_date:before {
  content: "‧";
}
.comment_icon,
.comment_name,
.comment_date {
  display: inline-block;
}
.comments_box ul {
  margin: 0 0 25px;
  padding: 0;
}
.comments_box li {
  font-size: 13px;
  color: #888;
  line-height: 24px;
  list-style-type: none;
}
.comments_now {
  display: block;
  width: 200px;
  height: 65px;
  padding: 0 10px;
  color: #fff;
  background-color: #7ab300;
  text-align: center;
  text-decoration: none;
  line-height: 64px;
  font-size: 24px;
  border-radius: 10px;
  margin: 15px auto 15px;
  border: none;
}

/*comments_form*/
.comments_form {
  width: 100%;
  font-size: 18px;
  color: #9f9f9f;
  text-align: center;
}
.comments_form span {
  display: block;
  text-align: left;
}
.comments_form [type="text"] {
  display: block;
  width: 98%;
  height: 35px;
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  font-size: 15px;
  padding: 0 8px;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
  margin-bottom: 20px;
}
.comments_form textarea {
  display: block;
  width: 98%;
  height: 180px;
  border: 1px solid #c7c7c7;
  border-radius: 8px;
  font-size: 15px;
  padding: 5px 8px;
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 5px;
}
.comments_form [type="button"] {
  border: none;
  width: 200px;
  height: 65px;
  padding: 0 10px;
  color: #fff;
  background-color: #7ab300;
  text-align: center;
  text-decoration: none;
  line-height: 64px;
  font-size: 24px;
  border-radius: 10px;
  margin: 15px auto 0;
}

/*right_newsletter*/
.right_newsletter {
  width: 288px;
  border: 1px solid #c7c7c7;
  padding: 20px 15px;
  font-size: 13px;
  color: #555;
  margin-top: 15px;
}
.right_newsletter .newsletter_title {
  color: #c62129;
  font-size: 20px;
  margin-bottom: 15px;
}
.right_newsletter [type="text"] {
  border: 1px solid #c62129;
  background-color: #eee;
  width: 280px;
  height: 30px;
  font-size: 15px;
  padding: 0 5px;
}
.right_newsletter input:nth-child(5) {
  margin-left: 30px;
  margin-top: -8px;
}
.right_newsletter ol {
  margin: 20px 0 0 -25px;
}
.right_newsletter ol li {
  font-size: 15px;
  color: #555;
  line-height: 22px;
  list-style-type: decimal;
}

/*list_box*/
.list_left_box,
.product_list_left_box {
  width: 320px;
  padding-right: 14px;
  border-right: none;
  margin: 15px 0 10px;
}
.list_left_box li,
.list_left_box li > a {
  list-style-type: none;
  font-size: 18px;
  color: #555;
  line-height: 40px;
  text-decoration: none;
  position: relative;
}
.list_left_box li > a:hover,
.on_list {
  color: #c62129 !important;
}
.list_left_box li > span {
  position: absolute;
  right: 10px;
  font-size: 10px;
  font-family: Arial, Helvetica, sans-serif;
  color: #333;
}
.list_left_box ul {
  margin: 0 0 25px 0;
  padding: 0;
}
.list_left_box ul > ul {
  margin: 0 0 0 15px;
}
.black_list > a {
  text-decoration: underline !important;
  font-weight: bold;
}

.list_right_box {
  width: 850px;
  padding-left: 1%;
  margin-top: 15px;
  margin-bottom: 15px;
}
_:-ms-fullscreen,
:root .list_right_box {
  width: 849px;
}

.choice_article_box {
  margin-top: 10px;
  margin-bottom: 50px;
}
.list_right_box h3,
.list_right_box h4 {
  margin: 0;
  padding: 0;
  margin-bottom: 7px;
  font-weight: normal;
}
.list_right_box h3,
.list_right_box h3 > a {
  font-size: 24px;
  line-height: 30px;
  width: 500px;
  color: #151515;
  text-decoration: none;
}
.list_right_box h4,
.list_right_box h4 > a {
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 7px;
  color: #151515;
  text-decoration: none;
}
.editor_choice {
  width: 480px;
}
.popular_article {
  width: 320px;
  margin-left: 29px;
}
.editor_choice_pic img {
  width: 480px;
  height: 294px;
  overflow: hidden;
  background-color: #ccc;
  margin-bottom: 5px;
}
.popular_article li {
  display: block;
  height: 75px;
  margin-bottom: 19px;
}
.popular_article li:last-child {
  margin-bottom: 0;
}
.popular_article li img {
  display: block;
  width: 120px;
  height: 73px;
  float: left;
  margin-right: 15px;
}

/*news_list_box*/
#product_item {
  width: 320px;
  margin-bottom: 20px;
}
#product_item h1,
h2,
h3 {
  margin: 0;
  padding: 0;
}
#product_menu_header,
#product_menu {
  width: 100%;
}
#product_menu_header h1 {
  font-size: 16px;
  color: #353535;
  font-weight: bold;
}
#product_menu_header {
  margin-top: 15px;
}
#product_menu_header a {
  font-size: 16px;
  color: #353535;
  font-weight: bold;
  text-decoration: none;
}
#product_menu_header:last-child {
  margin-bottom: 15px;
}
#product_menu h2,
#product_menu h3 {
  font-size: 15px;
  color: #666;
  font-weight: normal;
}
#product_menu ul {
  margin: 0;
  padding: 0;
}
#product_menu ul li {
  list-style-type: none;
}
#product_menu ul li a {
  display: block;
  width: 320px;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  text-decoration: none;
  color: #666;
  font-size: 13px;
}
#product_menu ul li a:hover {
  background-color: #ececec;
  text-decoration: none;
}
/* #product_menu ul li:hover ul a { background-color: #555; text-decoration: none;} */
#product_menu ul li ul {
  background-color: #555;
  display: none;
  margin: -35px 0 0 320px;
  padding: 0;
  position: absolute;
  width: 320px;
  overflow: hidden;
  z-index: 99;
}
#product_menu ul li:hover ul {
  display: block;
}
#product_menu ul li ul li {
  display: block;
  float: none;
  margin: 0;
  padding: 0;
  background-color: #cecece;
}
#product_menu ul li:hover ul li a {
  font-weight: normal;
  font-size: 13px;
}
#product_menu ul li ul a {
  display: block;
  font-style: normal;
  padding: 0 10px;
  height: 35px;
  line-height: 35px;
  color: #666;
  text-decoration: none;
}
#product_menu ul li ul a:hover,
#product_menu ul li ul li:hover a {
  text-decoration: none;
}

/*article_list*/
.latest_box li {
  display: block;
  height: 185px;
  overflow: hidden;
  margin-bottom: 50px;
}
.latest_box li:last-child {
  margin: 10px 0 35px;
}
.latest_box li img {
  width: 300px;
  height: 183px;
  background-color: #ccc;
  float: left;
  margin: 0 25px 10px 0;
}
.list_right_title,
.list_right_title > a {
  font-size: 24px;
  color: #151515;
  line-height: 34px;
  margin-bottom: 20px;
  text-decoration: none;
}
.editor_choice_text,
.list_right_text {
  font-size: 15px;
  color: #666;
  line-height: 26px;
  margin-bottom: 10px;
}

/*article_search_list*/
.search_box_title {
  font-size: 15px;
  color: #353535;
  padding: 15px 0 10px;
}
.search_box_title a {
  color: #c62129;
  font-weight: bold;
}

/*products_search_list*/
.search_box_list li {
  display: block;
  margin: 0 0 10px;
  height: 102px;
  overflow: hidden;
  padding: 10px 0 20px;
  border-bottom: 1px solid #e1e1e1;
}
.p_search {
  width: 100px !important;
  height: 100px !important;
  float: left;
  margin: 0 25px 10px 0;
  border: 1px solid #ccc;
}
.p_search_title,
.p_search_title > a {
  font-size: 15px;
  color: #666;
  line-height: 24px;
  text-decoration: none;
  font-weight: bold;
}
.p_search_text,
.p_search_text > a {
  font-size: 13px;
  color: #666;
  line-height: 24px;
  margin-bottom: 2px;
  text-decoration: none;
}
.p_search_text > a:hover {
  color: #6cf;
}

/*popular_products_box*/
.popular_products li,
.other_produtc_box li {
  display: inline-block;
  width: 182px;
  margin-right: 4.1%;
  margin-top: 10px;
  vertical-align: top;
}
_:-ms-fullscreen,
:root .popular_products li,
.other_produtc_box li {
  margin-right: 30px;
}
.popular_products li:last-child {
  margin-right: 0;
}
.other_produtc_box li:nth-child(4n) {
  margin-right: 0;
}
.product_list_box {
  height: 280px;
  overflow: hidden;
}
.product_pic {
  border: 1px solid #c7c7c7;
  text-align: center;
  width: 180px;
  height: 180px;
  margin-bottom: 5px;
}
.product_pic img {
  width: 150px;
  height: 150px;
  margin-top: 15px;
}
.popular_products a.contact_y,
.other_produtc_box a.contact_b {
  display: block;
  text-decoration: none;
  font-size: 15px;
  text-align: center;
  width: 180px;
  height: 36px;
  line-height: 36px;
  margin-top: 15px;
  border-radius: 10px;
}
.popular_products a.contact_y {
  background-color: #ffcc00;
  color: #151515;
}
.other_produtc_box a.contact_b {
  background-color: #efefef;
  color: #333;
  margin-bottom: 50px;
}

/*product_filter_box*/
.product_filter_box {
  border-top: 1px solid #c7c7c7;
  border-bottom: 1px solid #c7c7c7;
  background-color: #efefef;
  padding: 15px 0;
  margin: 35px 0 50px;
  text-align: center;
}
.filter_tools select {
  border: 1px solid #c7c7c7;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  padding: 6px 6px;
  margin: 0 5px 0 0;
}
.filter_search {
  display: inline-block;
  width: 200px;
  height: 32px;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  overflow: hidden;
  margin-bottom: -11px;
  vertical-align: top;
}
.filter_search input {
  border: none;
  height: 32px;
  font-size: 15px;
  padding: 0 6px;
  width: 150px;
}
.search_icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #ff9;
  margin-bottom: -9px;
  background-image: url(images/search.jpg);
}
.supplier_index {
  margin: 8px 10px 0 0;
}
.supplier_index ul:before {
  content: "Supplier index";
  margin: 0 10px 0 15px;
}
.supplier_index li {
  display: inline-block;
  margin: 0 5px;
}
.supplier_index li > a {
  color: #333;
  text-decoration: none;
  font-size: 13px;
}
.supplier_index li > a:hover {
  color: #0c90ff;
}

/*supplier_map_box*/
.supplier_map_box {
  width: 100%;
  margin-top: 20px;
  margin-bottom: 25px;
}
.supplier_map_box .supplier_map {
  float: left;
  width: 570px;
  height: 295px;
  background-color: #6f0;
  overflow: hidden;
  border: 1px solid #c7c7c7;
}
.supplier_map_box .supplier_search {
  float: right;
  border: 1px solid #c7c7c7;
  background-color: #efefef;
  width: 245px;
  padding: 10px;
}
.supplier_search_title {
  position: relative;
  width: 100%;
  margin-bottom: 5px;
}
.supplier_search_title .title {
  font-size: 17px;
  color: #555;
  text-align: left;
}
.supplier_map_box select {
  border: 1px solid #c7c7c7;
  font-size: 15px;
  font-family: Arial, Helvetica, sans-serif;
  width: 235px;
  height: 30px;
  margin: 0 auto 5px;
  color: #999;
}
.supplier_map_search {
  width: 233px;
  height: 30px;
  background-color: #fff;
  border: 1px solid #c7c7c7;
  overflow: hidden; /*margin-bottom:-11px; vertical-align:top*/
  margin: 0 auto 10px;
}
.supplier_map_search input {
  border: none;
  height: 26px;
  padding: 0 5px;
  width: 180px;
  font-size: 15px;
  color: #999;
}
.supplier_map_icon {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-color: #ff9;
  margin-bottom: -9px;
  background-image: url(images/search.jpg);
}
.supplier_search_button {
  display: block;
  width: 100%;
  background-color: #89d510;
  text-align: center;
  color: #fff;
  padding: 12px 0;
  text-decoration: none;
}

/*supplier_box*/
.supplier_box,
.event_box {
  margin-top: 10px;
}
.supplier_box li {
  display: inline-block;
  width: 155px;
  margin-right: 14px;
  margin-top: 10px;
  vertical-align: top;
  position: relative;
}
.supplier_box li:nth-child(5n) {
  margin-right: 0;
}
.supplier_logopic {
  width: 153px;
  height: 153px;
  border: 1px solid #c7c7c7;
  overflow: hidden;
  text-align: center;
  margin-bottom: 8px;
}
.supplier_logopic img {
  width: 100px;
  height: 100px;
  margin-top: 26px;
}
.supplier_company_name,
.supplier_company_name a {
  font-size: 18px;
  color: #333;
  text-decoration: none;
  line-height: 28px;
  margin-bottom: 5px;
  font-weight: bold;
}
.supplier_other_box {
  margin-top: 8px;
}
.supplier_other_box li {
  display: inline-block;
  width: 415px;
  height: 155px;
  margin-right: 14px;
  margin-top: 10px;
  margin-bottom: 10px;
  vertical-align: top;
  position: relative;
}
.supplier_other_box li:nth-child(even) {
  margin-right: 0;
}
.supplier_o_logopic {
  width: 140px;
  height: 140px;
  border: 1px solid #c7c7c7;
  overflow: hidden;
  text-align: center;
  float: left;
  margin-right: 10px;
  margin-bottom: 10px;
}
.supplier_o_logopic img {
  width: 100px;
  height: 100px;
}
.supplier_o_logopic span {
  width: 140px;
  height: 140px;
  display: table-cell;
  vertical-align: middle;
}
.supplier_text {
  font-size: 15px;
  color: #777;
  margin-bottom: 8px;
  line-height: 22px;
}

/*supplier_50*/
.supplier_50_ascx {
  position: absolute;
  z-index: 9;
  top: 100px;
  left: 100px;
}
.supplier_50_ascx .supplier_50_pic {
  width: 70px;
  height: 55px;
}
.supplier_50 {
  position: absolute;
  z-index: 9;
  bottom: 0px;
  left: 100px;
}
.supplier_50 .supplier_50_pic {
  width: 80px;
  height: 63px;
}
.s_50 {
  width: 60px;
  height: 50px;
  display: inline-block;
  position: relative;
  top: 10px;
  left: 0;
  background-repeat: no-repeat;
}
.inline_box {
  display: inline-block;
}

/*events_table*/
.events_table_box {
  margin-top: 10px;
  margin-bottom: 20px;
}
.events_table {
  width: 100%;
  border-collapse: collapse;
  font-family: Arial, Helvetica, sans-serif;
}
.events_table td {
  padding: 5px 0;
  line-height: 22px;
}
.month_td {
  background-color: #efefef;
  font-size: 15px;
  color: #353535;
  height: 25px;
  font-weight: bold;
}
.table_title {
  background-color: #d4efff;
  font-size: 13px;
  color: #555;
  height: 25px;
  font-weight: bold;
}
.odd_td:nth-child(even) {
  background-color: #f9f9f9;
}
.odd_td td:nth-child(even) a {
  font-weight: bold;
  color: #151515;
}

/*events_content*/
.event_content_box {
  margin-top: 20px;
  margin-bottom: 25px;
}
.event_content_box .little_span {
  font-size: 13px;
  color: #888;
}
.event_content_h1 {
  font-size: 20px;
  color: #353535;
  margin: 0 0 10px 0;
  padding: 0;
  line-height: 24px;
}
.event_content_box ul {
  margin: 15px 0;
  border-bottom: 1px solid #c7c7c7;
  border-top: 1px solid #c7c7c7;
}
.event_content_box li {
  display: inline-block;
  padding: 0 10px 0 10px;
  margin: 10px 0 10px;
  font-size: 15px;
  text-align: left;
  list-style-type: none;
  color: #333;
  line-height: 20px;
}
.event_content_box li:nth-child(1) {
  width: 150px;
  padding: 0 10px 0 0;
  border-right: 1px solid #c7c7c7;
}
.event_content_box li:nth-child(2) {
  width: 120px;
  border-right: 1px solid #c7c7c7;
}
.event_content_box li:nth-child(3) {
  width: 522px;
}
.brief_descriptions {
  font-size: 15px;
  line-height: 24px;
  color: #333;
}
.events_website {
  display: inline-block;
  width: 80px;
  height: 30px;
  line-height: 30px;
  margin-top: 10px;
  margin-right: 10px;
  border: 1px solid #c7c7c7;
  color: #fff;
  text-align: center;
  font-size: 13px;
  text-decoration: none;
}
.events_website:hover {
  background-color: #8cc600;
  color: #fff;
  border: 1px solid #8cc600;
}
.gotoback {
  display: inline-block;
  width: 120px;
  height: 30px;
  line-height: 30px;
  border: 1px solid #c7c7c7;
  text-align: center;
}
.gotoback:hover {
  background-color: #c7c7c7;
  border: 1px solid #c7c7c7;
  color: #111;
}

/*page_box*/
.page_box {
  width: 100%;
  margin-top: 10px;
  padding: 30px 0 10px;
  text-align: center;
  margin-bottom: 30px;
}
.page_box a {
  display: inline-block;
  font-size: 15px;
  text-align: center;
  padding: 5px 10px;
  border: 1px solid #c7c7c7;
  color: #666;
  margin-right: 5px;
  text-decoration: none;
}
.page_box a:hover {
  border: 1px solid #c62129;
  color: #c62129;
}
.page_box .on_page,
.page_box .on_page:hover {
  border: 1px solid #c62129;
  background-color: #c62129;
  color: #fff;
  text-align: center;
}

/*privacy_policy*/
.privacy_box {
  padding-top: 25px;
}
.privacy_title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
}
.privacy_text {
  font-size: 15px;
  line-height: 30px;
  color: #666;
  margin: 5px 0;
}
.privacy_box ul {
  margin: 5px 0 0 15px;
  padding: 0;
}
.privacy_box li {
  font-size: 15px;
  line-height: 28px;
  color: #666;
  margin: 5px 0;
}
.privacy_box a {
  color: #151515;
  font-weight: bold;
}

/*product_profile*/
.product_detail_profile {
  width: 100%;
  margin: 15px 0 25px;
}
.product_profile_pic {
  border: 1px solid #c7c7c7;
  float: left;
  margin: 0 15px 15px 0;
  text-align: center;
}
.product_picbox {
  width: 150px;
  height: 150px;
}
.product_picbox img {
  width: 140px;
  height: 140px;
  margin-top: 5px;
}
.product_inquiry img {
  width: 50px;
  height: 50px;
}
.supplier_picbox,
.supplier_picbox img {
  width: 70px;
  height: 70px;
}
.product_detail_title {
  font-size: 20px;
  color: #353535;
  font-weight: bold;
  margin-bottom: 8px;
}
.product_other_title {
  padding: 10px 10px;
  width: 830px;
  background-color: #dcdcdc;
  color: #353535;
  font-size: 18px;
  font-weight: bold;
}
.product_other_ul {
  margin: 15px 0 10px !important;
  padding: 0;
}
.product_other_ul li {
  font-size: 15px;
  color: #555;
  list-style: none;
  line-height: 28px;
  margin-left: 10px;
}
.product_other_ul li > a {
  color: #1e60bd;
  text-decoration: underline;
}
.inquiry_input {
  width: 700px;
  height: 22px;
  padding: 0 5px;
}

/*wrong_box*/
.wrong_box {
  width: 1200px;
  height: 633px;
  margin: auto;
  position: relative;
  background-image: url("../images/error_404_2016.jpg");
}
.wrong_words_box {
  width: 460px;
  height: 450px;
  position: absolute;
  top: 170px;
  right: 70px;
}
.wrong_title {
  color: #fff;
  font-size: 45px;
  font-weight: bold;
}
.wrong_text {
  color: #fff;
  font-size: 15px;
  line-height: 24px;
  margin-top: 15px;
}

/*member*/
.login_account {
  float: left;
  width: 750px;
  height: 450px;
  padding: 25px 0px;
}
.login_other {
  float: right;
  width: 250px;
  height: 450px;
  padding: 25px 35px;
  background-color: #151515;
}
.login_other .button {
  display: block;
  width: 90px;
  padding: 7px 8px;
  color: #c7c7c7;
  border: 1px solid #c7c7c7;
  font-size: 10px;
  text-decoration: none;
  text-align: center;
  margin-top: 15px;
}
.login_other .button:hover {
  color: #fff;
  border: 1px solid #fff;
}

/*footer*/
.footer_box {
  width: 100%;
}
.footer_div {
  width: 1200px;
  margin: auto;
  border-top: 1px solid #ccc;
}
.footer_div div {
  display: inline-block;
  width: 236px;
  margin-right: 0;
  margin-bottom: 35px;
  vertical-align: top;
}
.footer_div p {
  font-size: 18px;
  color: #c62129;
  margin-top: 20px !important;
  margin-bottom: 10px !important;
}
.footer_div li {
  list-style-type: none;
}
.footer_div li > a {
  font-size: 13px;
  line-height: 24px;
  color: #888;
  text-decoration: none;
}

/*copyright*/
.copyright {
  padding-top: 15px;
  height: 40px;
  border-top: 2px solid #333;
}
.copyright ul {
  display: block;
  margin-bottom: 10px;
}
.copyright li {
  display: inline;
  margin-right: 10px;
  font-size: 13px;
}
.copyright li a {
  color: #555;
  font-size: 13px;
  font-weight: bold;
}
.copyright li a:hover {
  color: #c62128;
}
.copyright p {
  margin: 0;
  padding: 0;
  font-size: 13px;
  margin-bottom: 15px;
  display: block;
}

/*----2017 new css style----*/
.center_box {
  float: left;
  margin-top: 15px;
}
.flex_box {
  display: flex;
  width: 100%;
  flex-wrap: wrap;
}
.flex_box a {
  text-decoration: none;
}
.flex_box h3 {
  font-weight: normal;
}
.mg_top_15 {
  margin-top: 15px;
}
.mg_bot_15 {
  margin-bottom: 15px;
}
.mg_bot_20 {
  margin-bottom: 20px;
}
.mg_bot_25 {
  margin-bottom: 25px;
}
.mg_bot_30 {
  margin-bottom: 30px;
}
.mg_bot_35 {
  margin-bottom: 35px;
}
.mg_bot_40 {
  margin-bottom: 40px;
}
.mg_topbot_15 {
  margin-top: 15px;
  margin-bottom: 15px;
}

/*right_title_style*/
.rtitle_border_0 {
  width: 100%;
  color: #c62129;
  padding: 5px 0;
  font-size: 18px;
}

/*--Tag--*/
.tag_box {
  display: flex;
  padding: 8px 0;
}
.tag_box li {
  display: inline-flex;
  padding: 3px 0;
  border-bottom: none;
}
.tag_box a {
  display: block;
  color: #333;
  font-size: 15px;
  background-color: #e5e5e5;
  border-radius: 5px;
  text-decoration: none;
  padding: 4px 8px;
  font-family: "Lato", sans-serif;
}
.tag_box a:hover {
  background-color: #a1a1a1;
  color: #fff;
}

/*--Right_Pic&Left_text--*/
/*--Right_Pic--*/
.right_pic_95 {
  width: 95px;
}
.right_pic_200 {
  width: 220px;
}

/*--two_box_horizontal--*/
.two_flex_box {
  display: flex;
  justify-content: space-between;
}
.lr_box {
  width: 48%;
  flex-wrap: wrap;
}

/*--spbox_border--*/
.spbox_border {
  border-top: none;
  border-bottom: 2px solid #c1c1c1;
  padding: 25px 0 25px;
}

/*--last_line--*/
.last_line > div:last-child {
  border-bottom: 1px solid #3d3d3d;
  padding-bottom: 15px;
}

/*--Left_box--*/
.left_text_flex {
  flex: 1;
  display: flex;
  flex-wrap: wrap;
  margin-left: 15px;
}
.all_title,
.all_title a {
  color: #151515;
  margin-top: 15px;
  text-decoration: none;
  line-height: 26px;
}

.align-start {
  align-content: flex-start;
}
.align-space {
  align-content: space-between;
}

/*--Title_font_size--*/
.font_side {
  font-size: 16px;
}
.font_sec {
  font-size: 18px;
  line-height: 24px;
  margin-bottom: 7px;
  margin-top: 0;
}
.font_main {
  font-size: 24px;
  line-height: 50px;
  margin-bottom: 7px;
}

/*--Text_style--*/
.main_text {
  color: #666;
  font-size: 15px;
  line-height: 24px;
  margin-bottom: 10px;
}
.secondary_text {
  color: #999;
  font-size: 13px;
  margin-top: 5px;
  line-height: 20px;
  align-self: flex-start;
}

/*--Pic Size--*/
.auto_pic {
  max-width: 100%;
  height: auto;
}

/*--button_style--*/
.nonborder_btn {
  border: 1px solid #c62129;
  padding: 5px 8px;
  color: #c62129;
  font-size: 15px;
}
.nonborder_btn:hover {
  background-color: #c62129;
  color: #fff;
}
.fullbg_btn {
  background-color: #c62129;
  color: #fff;
  cursor: pointer;
  padding: 8px 10px;
  text-decoration: none;
  display: table;
}

/*2019 font-項目標題*/
.other_box_title,
.content_box_h2,
.eMn_title,
.events_name_magazime_title,
.asia_news_right_title,
.title_div,
.tabs-menu,
.footer_div p,
.newsletter_title,
.other_box_title,
.detail_right_box,
.content_box_h2 {
  font-family: "Oswald", sans-serif;
}
.tabs-menu {
  margin-top: 30px;
}

/*2019 font-文章標題*/
.article_h1,
.right_titlename,
.list_right_box h4 > a,
.list_right_title > a,
.list_right_box h3 > a,
.asia_title,
.number_title,
.new_product_title,
.news_title,
.events_name,
.magazine_title,
.solution_title > a,
.new_product_title,
.main_topics_title span,
.topics_list_txt,
.related_a_title,
.case_study_title > a,
.detail_content h2,
.all_title a,
.product_detail_title,
.supplier_company_name a,
.icon_text,
.detail_content h3 {
  font-family: "Crete Round", serif;
  color: #151515;
  font-weight: normal;
}

.main_topics_title span {
  color: #fff;
}
.case_study_title > a {
  text-decoration: none;
  line-height: 22px;
  font-size: 16px;
}
.topics_list_txt,
.related_a_title {
  line-height: 24px;
}

/*2019 font-內文*/
.editor_choice_text,
.detail_content,
.case_study_text,
.newsletter_text,
.magazine_text,
.events_text,
.solution_text,
.asia_text,
.new_product_list,
.footer_div li,
.list_right_text,
.pdf_download,
.big_product_text,
.detail_arti > a,
#subscribe_button,
.big_product_text,
.right_date,
.popular_article,
.right_newsleter,
.showing,
.list_ul li,
.text,
.form {
  font-family: "Lato", sans-serif !important;
}

/*2019 font-左測選單*/
.list_left_box li,
#product_menu_header h1,
#product_menu h2,
#product_menu h3 {
  font-family: "Archivo Narrow", sans-serif;
}

/*2019 button*/
#subscribe_button,
#Manage_subscription_button,
.pdf_download {
  border-radius: 5px;
}

/* 2020 login can delete */
.login_box_202006 {
  display: flex;
  justify-content: space-between;
}

.login_box_202006 .mb_10{
  margin-bottom: 10px;
}

.login_box_202006 .mt_15{
  margin-top: 15px;
}

.login_box_202006 .mt_20{
  margin-top: 20px;
}

.login_box_202006 .mt_30{
  margin-top: 30px;
}

.login_box_202006 .mt_60{
  margin-top:60px;
}

.login_box_202006.jcc{
  align-items: center;
  flex-direction: column;
}

.login_box_202006 .login_box {
  width: 465px;
  height: 640px;
  border-radius: 10px;
  display: flex;
  align-items: center;
  flex-direction: column;
  transition-duration: 0.8s;
}

.login_box_202006 .reg_box {
  width: 700px;
  height: 640px;
  border-radius: 10px;
  padding: 0 40px;
  box-sizing: border-box;
  transition-duration: 0.8s;
}

.login_box_202006 .register_box {
  width: 1200px;
  border-radius: 10px;
  display: flex;
  flex-direction: column;
  box-sizing: border-box;
  padding:75px 60px;
}

.login_box_202006 .regTitle_box,.login_box_202006 .Title_box{
  width: 100%;
  display: flex;
  font-size: 30px;
  padding-bottom:10px;
  margin-bottom: 40px;
}

.login_box_202006 .regTitle_box{

  justify-content: space-between;
  align-items: center;
  border-bottom:1px solid #e9e9e9;
}

.login_box_202006 .Title_box{
  flex-direction: column;
  line-height: 50px;
}

.login_box_202006 .row_2{
  display: flex;
  justify-content:space-between;
  font-size: 16px;
  line-height: 26px;
}

.login_box_202006 .process{
  display: flex;
  margin-top: 25px;
}

.process .process1,.process .process2{
  padding:5px;
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #ccc;
  font-size: 16px;
  color:#666;
  font-weight: bold;
  border-bottom: 1px solid #fff;
}

.process .process1{
  width:40%;
  border-right:1px solid #fff
}

.process .process2{
  width:60%;
}

.login_box_202006 .step_box{
  display: flex;
  margin-top: 0 !important;
}

.step_box .step{
  display:flex;
  flex-direction: column;
  width:20%;
  background-color: #eee;
  list-style: none;
  box-sizing: border-box;
  align-items: flex-start;
  padding:15px;
  font-size: 20px;
  border-right:1px solid #fff;
  color:#151515;
}

.step span{
  font-weight: bold;
  font-size: 16px;
  color:#909090;
}

.login_box_202006 .inputFocus{
  border:1px solid #6ecc10 !important;
  box-shadow:0 0 3px #6ecc10, 0 0 5px #6ecc10;
  outline: none;
}

.login_box_202006 .sel{
  display: flex;
  justify-content: space-between;
}

.login_box_202006 select{
  width: 49%;
  height: 65px;
  border:1px solid #C2C2C2;
  border-radius:8px;
  box-sizing: border-box;
  padding:20px;
  font-size: 18px;
  color:#5b5b5b;
  background-image: url("https://www.asmag.com/member/images/select.svg");
  background-repeat: no-repeat;
  background-position: 95% center;
  background-size: 20px;
  background-color: #f6f6f6;

  appearance:none;
  -webkit-appearance:none;
  -moz-appearance:none;
  -ms-appearance:none;
  -o-appearance:none;
  -khtml-appearance:none;
}

.login_box_202006 select option{
  background-color: #ffffff;
  height: 800px;
  padding:80px;
  margin: 80px;
  line-height: 80px;
}

.login_box_202006 .select::-ms-expand
{ display: none;}

.login_box_202006 .regTitle_box span{
  color:#A70808
}

.login_box_202006 .regTitle_box h2,.login_box_202006 .Title_box h2{
  margin-top: 0;
}

.login_box_202006 input[type="checkbox"]{
  display:none;
}
.login_box_202006 input[type="checkbox"] + label span i{
  display:none;
}

.login_box_202006 input[type="checkbox"]+ label{
  font-size: 14.5px;
  display: flex;
  align-items: center;
}

.login_box_202006 input[type="checkbox"] + label span{
  display:inline-flex;
  justify-content: center;
  align-items: center;
  width:19px;
  height:19px;
  border:2px solid #151515;
  margin-right: 5px;
}

.login_box_202006 input[type="checkbox"]:checked + label span{
  border:2px solid #83ae00;
}

.login_box_202006 input[type="checkbox"]:checked + label span i{
  display: block;
  color:#83ae00;
  font-size: 15px;
}

.login_box_202006 .imgButton{
  width: 305px;
  height: 96px;
  color:#fff;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 36px;
  background-color: #cc1313 !important;
  border-radius:50px;
  cursor: pointer;
}


.login_box_202006 .block_icon{
  display:flex;
  border:5px solid #98ad57;
  color:#6CA500;
  width: 100px;
  height:100px;
  border-radius:50%;
  align-items: center;
  justify-content: center;
  font-size: 40px;
  margin: 50px 0 -45px;
}

.login_box_202006 .block_icon.smile{
  border-color:#333;
  color:#333;
  margin: 0 0 -45px;
}

.login_box_202006 .content_text{
  font-size: 16px;
  line-height: 26px;
  color:#666;
  width: 80%;
  margin:30px 0;
}

.login_box_202006 .reg_box .red {
  color: #973b3b;
}

.login_box_202006 h2 {
  font-size: 36px;
  color: #0d0d0d;
  margin-top: 65px;
}

.login_box_202006 h6 {
  font-size: 16px;
  color: #989898;
  margin: 0;
  font-weight: normal;
  margin-bottom: 45px;
  line-height: 26px;
}

.login_box_202006 .login_form {
  width: 85%;
}

.login_box_202006 .input_box {
  width: 100%;
  height: 65px;
  border: 1px solid #c2c2c2;
  background-color: #f6f6f6;
  border-radius: 8px;
  margin-bottom: 15px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 20px;
  box-sizing: border-box;
}

.login_box_202006 textarea{
  border:1px solid #c2c2c2;
  background-color: #f6f6f6;
  border-radius: 8px;
  margin-bottom: 15px;
  padding:15px;
  box-sizing: border-box;
  font-size: 18px;
  color:#5b5b5b;
  font-family: "Lato", sans-serif;
  line-height: 30px;
}

.login_box_202006 .label {
  display: flex;
  width: 100%;
}

.login_box_202006 input {
  flex: 1;
  border: none;
  background-color: transparent !important;
  font-size: 18px;
  color: #5b5b5b;
  outline: none;
  box-shadow: none;
  background-image: none !important;
}

.login_box_202006 input:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f6f6f6 inset !important;
  font-size: 18px !important;
}
.login_box_202006 input:focus:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f6f6f6 inset !important;
  font-size: 18px !important;
}
.login_box_202006 select:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f6f6f6 inset !important;
  font-size: 18px !important;
}
.login_box_202006 textarea:-webkit-autofill {
  box-shadow: 0 0 0px 1000px #f6f6f6 inset !important;
  font-size: 18px !important;
}

.login_box_202006 .icon_box {
  display: flex;
  width: 30px;
  height: 30px;
  /* background-color: #e1e1e1; */
  margin-left: 10px;
  justify-content: center;
  align-items: center;
  font-size: 20px;
  color: #151515;
}

.login_box_202006 .note {
  font-size: 16px;
  color: #5b5b5b;
}

.login_box_202006 .note a {
  display: inline-block;
  margin-right: 10px;
}

.login_box_202006 .note a:nth-child(1)::after {
  content: " | ";
  display: inline-block;
  margin-left: 10px;
}

.login_box_202006 .note a:hover {
  color: #111;
  text-decoration: underline;
}

.login_box_202006 .login_box .button {
  width: 195px;
  height: 55px;
  margin: 160px auto 0;
  text-align: center;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  color: #cc1313;
  border: 2px solid #cc1313;
  transition-duration: 0.8s;
  cursor: pointer;
}

.login_box_202006 .login_box .green_btn{
  border:5px solid #6CA500;
  margin:10px;
  color:#6CA500;
}

.login_box_202006 .login_box .green_btn:hover{
  background-color: #6CA500;
  color:#fff
}

.login_box_202006 .alink{
  font-size: 20px;
  margin-top: 40px;
  display: table;
  margin-top: 90px;
  max-width: 550px;
  border:5px solid #999;
  /* background-color: #999999; */
  padding:20px 20px;
  box-sizing:border-box;
  border-radius:30px;
  transition-duration: 0.3s;
}

.login_box_202006 .alink:hover{
  background-color: #999999;
  color:#fff;
}

.login_box_202006 ol {
  margin: 0px 0px 0px -20px;
}

.login_box_202006 li {
  font-size: 18px;
  line-height: 28px;
  color: #989898;
  margin-bottom: 20px;
}

.login_box_202006 .reg_box .button {
  width: 270px;
  height: 55px;
  margin: 35px 0 0;
  text-align: center;
  border: 2px solid #cc1313;
  color: #cc1313;
  font-size: 22px;
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 30px;
  transition-duration: 0.8s;
  cursor: pointer;
}

.login_box_202006 .bgColor {
  background-color: #ffffff;
  box-shadow: 0 10px 20px #ccc;
}

.login_box_202006 .button_full {
  background-color: #cc1313 !important;
  color: #fff !important;
  border: none;
}

.login_box_202006 .textarea{
  width: 100%;
  height: 500px;
  overflow-y: scroll;
  border:1px solid #e1e1e1;
  font-size: 18px;
  padding:20px;
  font-family: Arial, Helvetica, sans-serif;
  color:#707070;
  line-height: 32px;
  box-sizing: border-box;
}

/* 2019 */
.label_both_sides {
  width: 715px;
  display: inline-flex;
  justify-content: space-between;
  border: 1px solid #c7c7c7;
  padding: 5px 8px;
  box-sizing: border-box;
  align-items: center;
}
.label_both_sides .input {
  flex: 1;
  border: none;
  padding: 0;
  height: 25px;
}
.label_both_sides #inputR_icon {
  width: 30px;
  height: 30px;
  cursor: pointer;
  font-size: 20px;
  display: flex;
  align-items: center;
}

.login_box_2019 {
  max-width: 1200px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  margin-bottom: 50px;
  margin-top: 40px;
}

.login_box_2019 .demo-icon {
  font-size: 60px;
}

.member_box_2019 .button {
  display: flex;
}

.login_box_2019 a.red_button {
  display: inline-block;
  max-width: 100px;
  background-color: #e40000;
  text-align: center;
  color: #fff;
  padding: 10px 20px;
  font-size: 16px;
  margin-top: 30px;
  margin-right: 15px;
  margin-bottom: 50px;
}

.login_box_2019 a.rborder_button {
  display: inline-block;
  max-width: 350px;
  border: 1px solid #e40000;
  text-align: center;
  color: #e40000;
  padding: 10px 20px;
  font-size: 16px;
  margin-top: 30px;
  margin-bottom: 50px;
}

.member_box_2019 {
  width: 60%;
}

.premier_box_2019 {
  width: 37%;
  height: 385px;
  box-sizing: border-box;
  padding-left: 50px;
  border-left: 1px solid #e1e1e1;
}

.member_box_2019,
.premier_box_2019 {
  display: flex;
  flex-direction: column;
}

.member_box_2019 .icon,
.premier_box_2019 .icon {
  display: flex;
  font-size: 39px;
  margin-bottom: 20px;
  margin-left: -10px;
  color: #464646;
  align-items: center;
}
.premier_box_2019 .icon_text {
  margin-left: 15px;
}

.member_box_2019 .text,
.premier_box_2019 .text {
  font-size: 16px;
  line-height: 28px;
  color: #464646;
}

.premier_box_2019 span {
  font-size: 20px;
  color: rgba(0, 0, 0, 0.3);
}

.member_box_2019 .member_forget {
  font-size: 13px;
}

figure {
  text-align: center;
  border: solid 1px #ccc;
  border-radius: 2px;
  background: rgba(0, 0, 0, 0.05);
  padding: 10px;
  margin: 10px 20px;
  display: inline-block;
}

figure>figcaption {
  text-align: center;
  display: block;
  /* For IE8 */
}

.insights_name,.insights_pic,.insights_subtitle{
  display: none;
}

.SubtoNew_box{
  display: flex;
  width:58%;
  border-radius: 15px;
  border:1px solid #efefef;
  box-shadow: 0 3px 5px #ccc;
  box-sizing: border-box;
  padding:20px 30px;
}

.SubtoNew_box .icon{
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 100%;
  border:1px solid #e10101;
  width:50px;
  height:50px;
  margin-right: 20px;
}

.SubtoNew_box i{
  font-size: 20px;
  color:#e10101;
}

.SubtoNew_box .info{
  display: flex;
  flex-direction: column;
  line-height: 24px;
  justify-content: center;
}

.SubtoNew_box .title{
  color:#e10101;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 10px;
}

.SubtoNew_box .text{
  color:#333;
  line-height: 20px;
}

.SubtoNew_box .link{
  /* margin-right:5px; */
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: 10px;
  background-color:#e10101;
  color:#fff;
  box-sizing: border-box;
  padding:10px 15px;
  width: 100px;
  margin-top: 10px;
  margin-left: auto;
}