@charset "utf-8";
/** background image file **/
/** benefits background image file **/
/** vip icon background image file **/
/** benefit channel background image file **/
/** hyperlinks anchor **/
/** buttons red **/
/** buttons red in header **/
/** buttons blue **/
/** green **/
/** buttons blink yellow **/
/** other **/
/**  header **/
/** 回饋標示 **/
/**main nav**/
/*query nav*/
/*reputation*/
/** touch **/
/**axiomtek**/
/**
 * respond( $a [ ,$b ] )
 * Generate media quereis string
 *
 * @include respond( 0, 799 ) {}    // <=800  (0~800)
 * @include respond( 800, 1199 ) {} // 800~1199
 * @include respond( 1200 ) {}      // >=1200
 */
/**
 * Cozy Layout ( 1240+ )
 */
/**
 * Compact Layout ( 0~1239 )
 */
/**
 * pad Layout ( 0~1096 )
 */
/**
 * Mobile Layout ( 0~640 )
 */
/**
 * Mobile Layout ( 0~500 )
 */
/**
 * Box-sizing
 */
/**
 * clearfix
 */
/**
 * font-family
 */
/**
 * hide text
 */
/**
 * border-radius
 */
/**
 * box-shadow
 */
/**
 * background-gradient
 */
/**
 * columns
 */
/**
 * Opacity
 */
/**
 * other minins by yougi
 */
/**
 * <div class="cover">
 *   <img/>
 * </div>
 * <p class="title">
 *   <strong>TITLE</strong>
 * </p>
 * <div class="info">
 * </div>
 * <p class="tel"></p>
 * <p class="addr"></p>
 */
/**
 * benefit background
 */
/**
 * benefit background2
 */
/**
 * vip icon background
 */
/**
 * vip icon background2
 */
/**
 * benefit channel background
 */
/**
 * benefit channel background2
 */
/**
 * background
 */
/**
 * background2
 */
/**
 * background-image
 */
@font-face {
  font-family: 'Roboto';
  src: url("Roboto-Light.ttf") format("truetype");
}
body {
  background-color: #555;
  /*font-family: 'Pontano Sans';*/
  font-family: Roboto, Helvetica, Arial, '微軟正黑體', '新細明體', sans-serif;
}

header {
  background-color: #fff;
}
.out_pakd{
    display: none;
}
.out_pakd h2{
    color: #000000;
    font-size: 2.3em;
    font-weight: bolder;
    margin-bottom: 30px;
    line-height: 1.2;
}
.out_pakd h3{
    color: #000000;
    font-size: 2em;
    font-weight: bolder;
    margin-bottom: 30px;
    line-height: 1.2;
}
.out_pakd p{
    color: #000000;
    font-size: 1.1em;
    line-height: 24px;
    margin-bottom: 30px;
}
.ef_to{
    margin-top: 30px;
    margin-bottom: 30px;

}
.de_mt{
    margin-top: 5vh;
}


.pakd{
    width: 100%;
    padding: 8%;
    position:relative;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.pakd.pcb1{
	background: -moz-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 30%, rgba(0,0,0,0) 40%, rgba(0,0,0,0.5) 60%, rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.pakd h2{
    font-size: 3em;
    font-weight: bolder;
    margin-bottom: 30px;
    line-height: 1.2;
    color:#ffffff;
}
.pakd h3{
    font-size: 1.5em;
    font-weight:normal;
    margin-bottom: 30px;
    line-height: 1.2;
    color:#ffffff;
}
.pakd p{
    font-size: 1.1em;
    color:#ffffff;
    line-height: 24px;
    /*margin-top: 30vh;*/
	position:absolute;
	bottom:8%;
	width:75%;
	text-align: justify;
}
.pakd.motype{
	background: linear-gradient(to bottom, rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 25%, rgba(0,0,0,0) 100%); 
}
.pakd.motype p{
    margin-top: 30px;
	background: linear-gradient(to bottom, rgba(0,0,0,0) 0%, rgba(0,0,0,0.6) 30%, rgba(0,0,0,0.65) 100%);
    padding: 30px 40px;    
	margin-left:-40px;
	margin-right:-40px;	
	bottom:0;
	width: calc( 100% + 20px );
}
.pakd.motype .nt_bm{
	margin-bottom: 0px;
}
.nt_bm{
    margin-bottom: 27px;
}
.ewe_box{
    background-position: center center;
    width: 100%;
    background-repeat: no-repeat;
    /*min-height: 75.5vh;*/
    background-size: cover;
	overflow:hidden;
	position:relative;
	margin-bottom:27px;

}
.ewe_bx_box{
    background-position: center center;
    width: 100%;
    background-size: cover;
    /*min-height: 37.75vh;*/
	position:relative;
	overflow:hidden;
}
.ewe_wrapper{
    max-width: 100%;
    width: 1200px;
    margin: 0 auto;
	margin-bottom:90px!important;
}
.oo_input{
    background-color: #ffffff;
    float: left;
    width: auto;
    height: 45px;
    margin-left: 50px;
}
.oo_input input{
    width: 100%;
    height: 45px;
}
.oo_sbbtn{
    background-color: #b50057;
    color: #FFFFFF;
    padding: 0 20px;
    float: right;
    height: 45px;
    border-radius: 0 50px 50px 0;
    text-align: center;
    width: 15%;
    /*padding-top: 11px;*/
    font-size: 1.2em;
}
.oo_sbbtn button{
  background: none;
  border: 0;
  width: 100%;
  padding: 13px;
  outline: none;
}
.oo_sbbtn button:focus{
  outline: none;
}
.oo_se_bar{
    background: #fff url(../images/search-icon.png) no-repeat 29px center;
    border: solid 1px #ccc;
    width: 100%;
    height: 46px;
    border-radius: 10em;
    transition: all 0.5s;
    overflow: hidden;
}
.omie_Bg{
    border-bottom: 1px solid #cecece;
    width: 100%;
    margin-top: 20px;
    font-size: 1.2em;
    margin-bottom: 10px;
    background-color: #e4e4e4;

}
.omie_Bg li{
    display: inline-block;
    border-bottom: 0;
    padding: 7px 30px 3px;
    cursor: pointer;
    padding: 20px 20px;
}
.oo_active{
    color: #b50057;
    font-weight: 600;
    border-bottom: 2px solid #b50057!important;
}

.page_bg {
  background-color: #f8f8f8;
  margin-top: 90px;
}

.wrapper {
  width: 1200px;
  margin: 0 auto;
}

.wrapper2 {
  width: 1200px;
  margin: 0 auto;
}
.header_container{
	margin-top:-5px;
}
.red {
  color: red;
  font-size: 1.2em;
  font-weight: bolder;
}

.ax_red {
  color: #b60057 !important;
}

.ax_gray {
  color: #676767 !important;
}

.logo {
  float: left;
  width: 199px;
}
.logo img {
  width: 100%;
}

.onder_table {
  position: absolute;
  width: 220px;
  top: 43px;
  right: 31%;
  background-color: #FFFFFF;
  padding: 10px;
  box-shadow: 2px 2px 6px #ccc;
}

.onder_table2 {
  position: absolute;
  width: 225px;
  top: 43px;
  right: 38%;
  background-color: #FFFFFF;
  padding: 10px;
  box-shadow: 2px 2px 6px #ccc;
}
.cpbtn{
	text-align:center
}
.cpbtn button{
	display:inline-block;
}

.style_table {
  top: 43px;
  right: 0px;
  background-color: #FFFFFF;
}

.Invisible-screen-mask {
  visibility: visible;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1100;
}

.top-menu {
  float: right;
  /*position:relative;*/
  margin-top:0px;
}
.top-menu .mx_btn {
  margin-right: 30px;
  margin-top: 3px;
  cursor: pointer;
}
.top-menu li {
  display: inline-block;
  color: #999;
  font-size: 1.2em;
}
.top-menu > li:hover > a {
  box-shadow: inset 0 -2px 0 0 #b60057;
  padding-bottom: 10px;
}
.top-menu li.rd {
  display: inline-block;
  margin-left: 30px;
  color: #999;
  font-size: 1.4em;
  box-shadow: inset 0 -2px 0 0 #b60057;
  padding-bottom: 10px;
}
.top-menu a {
  color: #676767;
}
.top-menu a.topon {
  color: #b60057;
  border-right: 2px solid #b60057;
}
.top-menu a:hover {
  color: #b60057;
  text-decoration: none;
}

.section-container {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
}

.productline {
  position: absolute;
  top: 0;
  left: 0;
  height: 64px;
  background-color: #b60057;
  width: 150px;
  margin-right: 20px;
  display: inline-block;
}
.productline .product_btn {
  color: #fff;
  font-size: 18px;
  width: 97px;
  margin: 20px auto 0;
}
.productline .product_btn a {
  color: #fff;
}
.productline .product_btn:after {
  content: "▼";
  font-size: 12px;
  margin-left: 10px;
}

.search_bg {
  height: 38px;
  border-bottom: 1px;
}
.pinblock{
	position:absolute;
	top:0;
	left:0;
}

.xice_banner{
    /* margin-bottom: 40px; */
}
.xi_got_title{
    background-color: #fff;
    color: #75073c;
    padding: 8px 8px 2px 8px;
}
.xi_got_title span{
	display: inline-block;
    width: 150px;
    vertical-align: middle;
}
.xi_got_title li{
    display: inline-block;
    vertical-align: middle;
    margin-right: 9px;
    font-weight: 600;
    font-size: 18px;
}
a:hover .xi_got_title span{
	color:fff!important;
}
.xi_got_list{
    background-color: rgba(255, 255, 255, 0.8);
    padding: 10px 22px;
}
a:hover .xi_got_list p{
	color:inherit!important;
}
.xi_got_list p{
	display: -webkit-box;
	-webkit-line-clamp: 6;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	line-height:inherit!important;
	margin-bottom:0!important;
	font-size: 1em!important;
    text-align: inherit!important;
}
.xi_got_pic{
    width: 40px;
	vertical-align: middle;
	display:inline-block;
	margin-right:10px;
	padding-bottom: 6px;
}
.xi_got_pic img{
    width: 100%;
}
.xice_pic{
    position: relative;
    width: 100%;
    padding-bottom: 22%;
    background-size: cover;
}

.xice_pic img{
    width: 100%;
}
.xice_pinetitle{
    position: absolute;
    top: 43%;
    left: 25%;
    margin-left: -120px;
    margin-top: -20px;
    margin-bottom: 30px;
    font-size: 3.5em!important;
    line-height: 1.3;
    color: #ffffff;
}
.ree_ppc{
    width: 100%;
    text-align: center;
	position:relative;
	margin:0 auto;
	background:#fff;
}
.ree_ppc img{
    width: 100%;
	margin-bottom: 10px;
	max-width:210px;
}
.ree_ppc.rrlist img{
    width: 100%;
	margin-bottom: 10px;
	max-width:250px;
}
.ree_ppc .ree_cate{
	position:absolute;
	left:0;
	bottom:6px;
	background:rgba(0,0,0,0.3);
	width:100%;
	color:#fff;
	text-align: left;
    padding: 8px 10px;
}
.ncce_title{
    text-align: center;
    font-size: 1.6em;
	color: #880544;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: bolder;
    margin-top: 30px;
}
.ncce_font{
    line-height: 2;
    color: #676767;
    margin-bottom: 20px;
    font-size: 1.1em;
    text-align: justify;
}
.ncce_icon{
    background-color: #ffffff;
    padding: 30px;
    border-radius: 50%;
    overflow: hidden;
    width:200px;
    height: 200px;
    margin: 0 auto;
}
.yo_wrap{
    padding: 70px 0;
    position: relative;
}
.yo_title{
    text-align: center;
    font-size: 1.4em;
    line-height: 1.5;
    margin-bottom: 10px;
    font-weight: bolder;
    padding-top: 20px;
}

.boek{
    background-color: #ffffff;
	box-shadow:0px 0px 9px #e3e3e3;
}
.yo_font{
    line-height: 2;
    color: #676767;
    margin-bottom: 20px;
    font-size: 1.1em;
    text-align: justify;
    padding: 0 20px;
}
.yo_center{
    text-align: center;
    margin-bottom: 30px;
    font-size: 2.5em;
    line-height: 1.3;
}
.ree_ft{
    text-align: center;
    margin-bottom: 20px;
	margin-top: 10px;
    font-size: 1.1em;
    height: 80px;
}
.ree_ft.ate{
    text-align: left;
	color:#000;
	font-weight:normal;
}
.ree_ft.ate:hover{
    text-align: left;
	color:#b60057;
}
.relat_tf{
    margin-bottom: 30px;
    font-size: 2.5em!important;
    line-height: 1.3;
    text-align: center;
}
.container .row.slnew{
	text-align:center;
}
.container .row.slnew .col-md-2, .relat_tf .row.slnew .col-xs-6, .relat_tf .row.slnew .col-lg-2{
	float: none;
    display: inline-block;
    vertical-align: middle;
}
.ncce_icon img{
    width: 100%;
}
.yu_pic{
    width: 100%;
}
.yu_pic img{
    width: 100%;
    vertical-align: bottom;
}
.xice_center{
    /* max-width: 1000px;
    margin: 0 auto;
    margin-bottom: 40px; */
    width: 100%;
    position: relative;
}
.xice_center img{
    width: 100%;
}
.xice_center a{
    color:#000000;
}
.xice_center a:hover{
    color:#b60057;
}
.xice_urnu{
    width: 100%;
}
.chou_icon{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 36px;
	height: 36px;
	cursor:pointer;
	-webkit-filter: drop-shadow(0px 0px 15px rgba(0,0,0,0.5));
    filter: url(#drop-shadow);
    -ms-filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
    filter: "progid:DXImageTransform.Microsoft.Dropshadow(OffX=0, OffY=0, Color='#000')";
}
.chou_icon span{
	position: absolute;
    top: 0px;
    left: 0px;
    width: 36px;
	height: 36px;
	//animation: myfirst 1.5s infinite;
	//box-shadow: 2px 2px 2px 1px rgba(255, 255, 255, 0.7);
	-webkit-animation: fadein 0.5s;
            animation: fadein 0.5s;
	-webkit-animation: pulse 1.5s infinite;
			animation: pulse 1.5s infinite;
	border-radius:50px;
}
.chou_icon img{
    width: 100%;
}
@-webkit-keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}

@keyframes fadein {
    from {
        opacity: 0;
    }
    to {
        opacity: 1;
    }
}
@-webkit-keyframes pulse {
    from {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255);
                box-shadow: 0 0 0 0px rgba(255, 255, 255);
    }
    to {
        -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}
@keyframes pulse {
    from {
        -webkit-box-shadow: 0 0 0 0px rgba(255, 255, 255);
                box-shadow: 0 0 0 0px rgba(255, 255, 255);
    }
    to {
        -webkit-box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
                box-shadow: 0 0 0 15px rgba(0, 0, 0, 0);
    }
}

.pinekuxice{
    position: absolute;
    top: 0px;
    left: 40px;
	width:220px;
	border: 1px solid #fff;
    border-radius: 10px 10px 0 0;
	box-shadow:5px 5px 10px rgb(0 0 0 / 50%);
}
.pinblocktitle{
	background-color: #e6e6e6;
    padding: 20px 15px 15px;
    color: #333;
    font-weight: bolder;
    border-radius: 10px 10px 0 0;
}
.pinekuxice.pinleft{
	left: -220px;
}
.pinekuxice.pinbottom{
	top: auto;
	bottom:-40px;
}
.rolat_rat{
    position: relative;
}
.rolat_right{
    position: absolute;
    top: 50%;
    margin-right: -30px;
    right:0;
}
.rolat_left{
    position: absolute;
    top: 50%;
    margin-left: -30px;
    left:0;
}
.xice_urnu img{
    width: 100%;
    vertical-align: bottom;
}
.solut_mt{
    margin-top: 0!important;
    padding-top: 9px;
}
.xice_graybg{
    background-color: #ffffff;
    padding: 70px 0;
}
.xice_graybg.darkbg{
    background-color: #f6f6f6;
}
.xice_bluebg{
    background-color: #e5e9f5;
    padding: 70px 0;
}
.xice_bluebg a{
    color:#000000;
}
.xice_bluebg a:hover{
    color:#b60057;
}
.liun_bar{
    background-color: #e6e6e6;
}
.liun_bar.gofix{
  position: fixed;
  top:100px;
  z-index: 1000;
  width:100%;
}
.liun_btn li{
    display: inline-block;
    padding: 10px 20px;
	cursor:pointer;
	}
.liun_active{
    background-color: #ffffff!important;
    color: #b50056!important;
    font-weight: 900;
    font-size: 18px;
}
.ap_psed{
    padding-right: 25px;
    padding-left: 25px;
}
.ap_psed.ate{
    border:#c7c7c7 solid 1px;
	border-radius: 5px;
	padding-bottom: 20px;
    padding-top: 20px;
    margin: 0 10px;
	background:#fff;
	width:calc( 25% - 20px );
}
.ap_psed.ate:hover .ree_ft.ate{
	color:#b50056;
}
.xa_box{
    width: 33.3%;
    display: inline-block;
}


@-moz-document url-prefix() {
  .search_bg {
    height: 28px;
  }

  .top-menu .mx_btn {
    margin-top: 14px;
  }

  .page_bg {
    margin-top: 81px;
  }

  .menu_box_header_6, .menu_box_header_5, .menu_box_header_4, .menu_box_header_3, .menu_box_header_2, .menu_box_header {
    top: 80px !important;
  }
}
@media screen\0 {
  .top-menu .mx_btn {
    margin-top: 19px;
  }

  .menu_box_header_6, .menu_box_header_5, .menu_box_header_4, .menu_box_header_3, .menu_box_header_2, .menu_box_header {
    top: 91px !important;
  }
}
@supports (-ms-accelerator: true) {
  .top-menu .mx_btn {
    margin-top: 20px;
  }
}
_:-ms-lang(x),
_::-webkit-meter-bar,
.top-menu .mx_btn {
  margin-top: 20px;
}

_:-ms-lang(x),
_:-webkit-full-screen,
.top-menu .mx_btn {
  margin-top: 20px;
}

@supports (-ms-accelerator: true) and (color: unset) {
  .top-menu .mx_btn {
    margin-top: 20px;
  }
}
_:-ms-lang(x), .top-menu .mx_btn {
  margin-top: 20px;
}

_:-ms-fullscreen,
:root
.top-menu .mx_btn {
  margin-top: 20px;
}

.search_font {
  margin-bottom: 0 !important;
}
.search_font li {
  position: relative;
  top: 0;
  left: 60%;
  display: inline-block;
  margin-top: 10px;
}
.search_font li:after {
  content: "｜";
  margin-right: 10px;
  font-size: 12px;
  margin-left: 10px;
}
.search_font li:last-child:after {
  content: " ";
}

.search_bar {
  position: relative;
  width: 200px;
  display: inline-block;
  background-color: #fff;
  border: 1px solid #f5f5f5;
}

/*search_input*/
input {
  outline: none;
}

input[type=search] {
  -webkit-appearance: textfield;
  -webkit-box-sizing: content-box;
  font-family: inherit;
  font-size: 100%;
}

input::-webkit-search-cancel-button,
input::-webkit-search-decoration {
  display: none;
}

input[type=search] {
  background: #fff url("../images/search-icon.png") no-repeat 9px center;
  border: solid 1px #ccc;
  padding: 3px 10px 3px 32px;
  width: 108px;
  border-radius: 10em;
  transition: all 0.5s;
}

input[type=Hemsearch] {
  background: #fff;
  border: solid 1px #ccc;
  width: 52px;
  border-radius: 10em;
  transition: all 0.5s;
}

input[type=search]:focus {
  width: 200px;
  background-color: #ededed;
}

input:-moz-placeholder {
  color: #999;
}

input::-webkit-input-placeholder {
  color: #999;
}

/*search_input*/
.search_box {
  padding-top: 5px;
  float: right;
}

.search_text {
  float: right;
  margin-top: 13px;
  font-weight: bolder;
  font-size: 12px;
}
.search_text:after {
  content: " ";
  margin-right: 10px;
  font-size: 12px;
  margin-left: 10px;
}
.search_text a {
  color: #999;
}
.search_text a:hover {
  color: #999;
}

.textaaa {
  height: 500px;
  background-color: #f2f2f2;
}

.footer_bg {
  background-color: #2b2b2b;
}

.footer_s_bg {
  background-color: #232323;
}

.footer_box {
  color: #fff;
  width: 1200px;
  margin: 0 auto;
  overflow: hidden;
  margin-bottom: 10px;
}
.footer_box i {
  display: none;
}

.box01 {
  width: 13%;
  float: left;
  display: inline-table;
  zoom: 1;
  margin: 20px 6px;
  color: #727272;
}
.box01 h3 {
  color: #fff;
  font-size: 1.1em;
  margin-bottom: 20px;
}
.box01 h3 a {
  color: #fff;
}
.box01 h3 .Iminus {
  float: right;
}
.box01 li {
  margin-bottom: 2px;
  font-size: 12px;
}
.box01 li a {
  color: #727272;
}

.footer_bottom {
  float: left;
  margin-top: 13px;
  color: #fff;
  font-size: 12px;
}
.footer_bottom:after {
  content: "｜";
  margin-right: 10px;
  font-size: 12px;
  margin-left: 10px;
}
.footer_bottom:nth-last-child(1):after {
  content: " ";
}
.footer_bottom a {
  color: #fff;
}
.footer_bottom a:hover {
  color: #fff;
}

.footer_middle {
  text-align: right;
  padding-top: 13px;
  color: #6d6d6d;
  font-size: 12px;
}

.service_all {
  overflow: hidden;
}

.service {
  color: #fff;
  padding-bottom: 20px;
  float: left;
}
.service img {
  width: 74%;
  margin-top: 4px;
  margin-top: -2px /9;
}
.service img _:-ms-lang(x) {
  margin-top: -2px;
}

*::-ms-backdrop,
.service {
  margin-top: 0px;
}

.service_email {
  color: #fff;
  padding-bottom: 20px;
  float: right;
}

.footer_icon,
_:-ms-lang(x) {
  padding-top: -4px;
}

*::-ms-backdrop,
.footer_icon {
  padding-top: -4px;
}

.footer_icon {
  border: 2px #6d6d6d solid;
  border-radius: 50%;
  margin-right: 5px;
  width: 36px;
  height: 36px;
  display: inline-block;
  vertical-align: middle;
  text-align: center;
  font-size: 1em;
  color: #6d6d6d;
  padding-top: 6px \9;
}
.footer_icon:hover {
  text-decoration: none;
}
.footer_icon i {
  font-size: 1.7em;
  color: #6d6d6d;
}
.footer_icon i:before {
  vertical-align: -webkit-baseline-middle;
}

.font_mail {
  float: left;
  width: 70%;
  color: #999;
  background-color: #fff;
  margin: 10px 0 0 20px;
}
.font_mail input {
  width: 100%;
}

.latest {
  width: 420px;
  height: 40px;
  background-color: #fff;
  border-radius: 99em;
}

.latest_btn {
  background-color: #b60057;
  width: 70px;
  height: 42px;
  border: 3px #fff solid;
  border-radius: 99em;
  float: right;
  background: #b60057 url("../images/email_03.png") no-repeat 10px center;
}

.footer_email {
  margin-bottom: 10px;
}

.newheight {
  height: 82px !important;
}

.latbanner {
  width: 78% !important;
  float: left;
  border: none !important;
  text-align: left;
}

.slideshow-container {
  position: relative;
  display: block;
  border-bottom: 3px #b60057 solid;
  margin-top: 0;
}
.slideshow-container img {
  width: 100%;
  height: auto;
}
.slideshow-container .swiper-wrapper .see, .slideshow-container .swiper-wrapper .latestnews .swiper-slide, .latestnews .slideshow-container .swiper-wrapper .swiper-slide {
  height: 500px;
}
.slideshow-container .swiper-wrapper .swiper-slide {
  margin: 0;
  padding: 0;
  background-size: cover;
  text-align: center;
  font-size: 18px;
  background: #fff;
  background-size: cover;
  background-position: center;
  /* Center slide text vertically */
  display: -webkit-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.slideshow-container .swiper-wrapper .swiper-slide.snews {
  height: 80px !important;
}
.slideshow-container .swiper-wrapper .bannerbg {
  margin: 0;
  padding: 0;
  background-size: cover;
  background-repeat: no-repeat;
  width: 100%;
  height: 100%;
}
.slideshow-container .swiper-wrapper .bannerbg .title_sample, .slideshow-container .swiper-wrapper .bannerbg.swiper01 .bannertext, .slideshow-container .swiper-wrapper .bannerbg.swiper02 .bannertext, .slideshow-container .swiper-wrapper .bannerbg.swiper03 .bannertext, .slideshow-container .swiper-wrapper .bannerbg.swiper04 .bannertext {
  font-size: 2.6em;
  line-height: 1.2em;
  position: absolute;
  color: #000;
  width: 574px;
  font-weight: bolder;
  text-align: left;
}
.slideshow-container .swiper-wrapper .bannerbg .st_sample, .slideshow-container .swiper-wrapper .bannerbg .bannertext span {
  font-size: 1em;
  position: absolute;
  font-weight: bolder;
  color: #000;
  width: 490px;
  font-weight: normal;
  text-align: left;
}
.slideshow-container .swiper-wrapper .bannerbg .bannertext {
  line-height: 1em;
}
.slideshow-container .swiper-wrapper .bannerbg .bannertext span {
  font-size: 0.45em;
  line-height: 1.2em;
  padding-top: 0.5em;
  margin-left: 5px;
}
.slideshow-container .swiper-wrapper .bannerbg.swiper01 .bannertext {
  top: 210px;
  left: 3%;
}
.slideshow-container .swiper-wrapper .bannerbg.swiper02 .bannertext {
  top: 210px;
  left: 3%;
}
.slideshow-container .swiper-wrapper .bannerbg.swiper03 .bannertext {
  top: 210px;
  left: 3%;
}
.slideshow-container .swiper-wrapper .bannerbg.swiper04 .bannertext {
  top: 210px;
  left: 3%;
}

.lat_01 {
  width: 20%;
  float: left;
  margin-top: 25px;
  margin-left: 30px;
}
.lat_01 h1 {
  font-size: 2em;
  color: #b60057;
  font-weight: bolder;
}
.lat_01 h1:after {
  content: "｜";
}

.flik_center {
  width: 1200px;
  margin: 0 auto;
}

.flik_continer {
  box-sizing: border-box;
}

.indexnews{
	background-color:#eee;
    padding-top: 10px;
    margin-bottom: 30px;
}
.joke_box {
  width: 70%;
  height: 20%;
  display: inline-block;
}

.latestnews {
  margin: 0;
  overflow: hidden;
  width: 100%;
}
.latestnews .swiper-container2 {
  width: 100%;
  height: 80px;
  display: inline-block;
}
.latestnews .strong_font {
  font-weight: bolder;
}
.latestnews .swiper-slide {
  margin: 0;
  padding: 0;
  background-size: cover;
}
.latestnews .snews.swiper-slide {
  height: 80px !important;
}
.latestnews h1 {
  font-size: 2em;
  color: #b60057;
  font-weight: bolder;
}
.latestnews h1:after {
  content: "｜";
}
.latestnews .news_font {
  font-size: 1.2em;
}
.latestnews .lat_02 {
  margin-left: 30px;
  padding-top: 20px;
  width: 74%;
  display: inline-block;
  font-size: 1.1em;
  text-align: left;
  margin-right: 20px;
  padding-top: 0px;
  margin-top: 10px;
}
.latestnews .lat_03 {
  display: inline-block;
  margin-top: 20px;
  font-size: 1.1em;
  margin-right: 20px;
  margin-top: 0px;
}

.ax_redbtn {
  background-color: #b60057;
  border-radius: 5px;
  padding: 10px;
  color: #fff;
}

.product-container {
  background-image: url("../images/index_bg2.jpg");
  position: relative;
  width: 100%;
  background-size: 100%;
  display: block;
  background-size: cover;
  background-position: top;
}

.index_title {
  font-size: 2.6em;
  text-align: center;
  padding-top: 30px;
  padding-bottom: 35px;
}
.feature_font{
    color:#242424;
}
.product_box {
  box-sizing: border-box;
  padding-bottom: 40px;
  /* overflow: hidden; */
  text-align: center;
}
.product_box .to_item_pic {
  float: left;
  width: 100%;
  overflow: hidden;
}
.product_box .to_item_pic img {
  width: 100%;
}
.product_box .effect-zoom-in {
  float: left;
  width: 100%;
  display: inline-block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  text-align: center;
  border-radius: 100%;
padding: 20px;
overflow: hidden;
background-color: #ffffff;
}
.product_box .effect-zoom-in img {
  display: block;
  width: 100%;
  position: relative;
  opacity: 1;
  transform: scale(1, 1);
  transition: all 0.3s ease-out;
  /*時間 特效*/
}
.product_box .effect-zoom-in:hover img {
  transform: scale(1.1, 1.1);
  /*XY放大倍率*/
}
.product_box .to_item_font {
    text-align: center;
  min-height: 150px;
  font-weight: bold;
  /* max-height: 200px; */

}
.product_box .to_item_font p a {
  color: #676767;
   text-decoration: none;
}
.product_box .to_item_font p a:hover {
  color: #676767;
}
.product_box .to_item_font h3 {
  font-size: 18px;
  margin-bottom: 10px;
  color:#b60057;
}
.product_box .to_item_font h3 a {
  color: #000;
  font-weight: bolder;
  font-size: 0.86em;
}
.product_box .to_item_font h3 a:hover {
  color: #000;
}
.fear_bt{
    padding:30px 0;
}
.product_box .item1 {
  display: inline-block;
  vertical-align: top;
  width: 22%;
  margin-right: 2%;
  padding: 0 13px;
  border-radius: 2px;
  flex: 1;
}
.product_box .item1 a:hover{
    text-decoration: none;

}
.product_box .link_more {
  color: #b60057;
}

.banner_wrapper {
  margin-top: 84px;
  background-image: url("../Download/banners/en-US/index-bn-1-01.jpg");
  background-size: 100%;
  padding-bottom: 31%;
  height: 0;
  background-repeat: no-repeat;
  width: 100%;
}
.banner_wrapper .bn_rp_font {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  background-position: center;
  background-size: cover;
}
.banner_wrapper .bn_rp_font .font {
  font-size: 48px;
  position: absolute;
  top: 58px;
  left: 777px;
  color: #00683d;
  width: 420px;
}
.banner_wrapper .bn_rp_font .small_font {
  font-size: 22px;
  position: absolute;
  top: 200px;
  left: 784px;
  font-weight: bolder;
}
.banner_wrapper .bn_rp_font .xs_font {
  position: absolute;
  width: 316px;
  top: 242px;
  left: 784px;
  font-size: 18px;
}
.banner_wrapper .to-slider-pages {
  position: absolute;
  height: 10px;
  left: 0;
  right: 0;
  bottom: 25px;
  text-align: center;
}
.banner_wrapper .to-slider-pages li {
  position: relative;
  display: inline-block;
  vertical-align: top;
  list-style-type: none;
  list-style: none;
  text-align: center;
  width: 10px;
  height: 10px;
  margin: 0 4px;
  padding: 0;
  background: rgba(255, 255, 255, 0.3);
  border-radius: 50%;
  opacity: 0.85;
  cursor: pointer;
  background: rgba(0, 0, 0, 0.3);
}
.banner_wrapper .to-slider-pages .active {
  background: #b60057 !important;
}

.swiper-pagination {
  color: #b60057;
}

.option_set {
    text-align: center;
    display: block;

}
.solu_title{
    font-size: 2.6em;
    padding-top: 30px;
    padding-bottom: 15px;
    text-align: center;
}
.option_set .font_set {
  color: #999;
  margin-right: 20px;
  display: inline-block;
  font-size: 1.2em;
  /*  &:after {
          margin-left: 20px;
          content: "｜";
          color: #999;
      }*/
  /*&:nth-child(4) {
          &:after {
              //margin-left: 20px;
              content: " ";
              color: #999;
          }
      }*/
}
.option_set .font_set:nth-child(1):after {
  margin-left: 20px;
  content: "｜";
  color: #999;
}
.option_set .font_set:nth-child(2):after {
  margin-left: 20px;
  content: "｜";
  color: #999;
}
.option_set .font_set:nth-child(3):after {
  margin-left: 20px;
  content: "｜";
  color: #999;
}
.option_set .font_set:nth-child(4):after {
  margin-left: 20px;
  content: "｜";
  color: #999;
}
.option_set .font_set a {
  color: #676767;
      padding: 10px 20px;
}
.option_set .font_set a:hover, .option_set .font_set a.active {
  color: #ffffff;
  background-color: #b60057;
  padding: 10px 20px;
  border-radius: 50px;
}

.option_set .active {
  color: #b60057;
  font-weight: bolder;
}
.option_set .active a {
  /* color: #b60057; */
  text-decoration: none;
  color: #ffffff;
  background-color: #b60057;
  padding: 10px 20px;
  border-radius: 50px;
}
.option_set .active a:hover {
  color: #b60057;
  text-decoration: none;
}

.solu_bn {
  background-image: url("../images/solut_bn01.jpg");
  width: 100%;
  height: 400px;
  margin-bottom: 70px;
  position: relative;
}

.solu_bg {
  background-color: rgba(255, 255, 255, 0.7);
  width: 426px;
  height: 450px;
  float: right;
  position: relative;
}
.solu_bg .box {
  margin: 40px 30px;
  position: relative;
}
.solu_bg h2 {
  font-size: 1.3em;
  font-weight: bolder;
  margin-bottom: 20px;
}
.solu_bg .solu_font_h {
  line-height: 22px;
  margin-bottom: 20px;
}

.touch-screen-mask {
  display: none;
}

.touch-menu {
  position: fixed;
  padding-top: 3em;
  width: 0;
  background: rgba(0, 0, 0, 0.8);
  z-index: 1200;
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: scroll;
}
.touch-menu:after {
  content: "";
  position: fixed;
  width: 100%;
  height: 120px;
  top: 0;
  background: 30;
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.8)), to(transparent));
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
  background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
  background: -o-linear-gradient(top, rgba(0, 0, 0, 0.8), transparent);
  background: linear-gradient(top bottom, rgba(0, 0, 0, 0.8), transparent);
}

.close_icon {
  color: #fff;
  position: fixed;
  right: 10px;
  top: 0;
  z-index: 5000;
}
.close_icon i {
  font-size: 3em;
}
.close_icon a {
  color: #fff;
}
.close_icon a:hover {
  color: #b60057;
}

.menu_header {
  display: none;
}

.menu_box_header {
  position: absolute;
  top: 84px;
  left: 0;
  width: 99vw;
  z-index: 5000;
  /* border-top: 3px solid #f2f2f2; */
  box-sizing: border-box;
  background-image: url("../images/index_02.jpg");
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-size: 100%;
  background-color: #fff;
}

.menu_box_header_2 {
  position: absolute;
  top: 84px;
  z-index: 5000;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.menu_box_header_3 {
  position: absolute;
  top: 84px;
  z-index: 5000;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.menu_box_header_4 {
  position: absolute;
  top: 84px;
  z-index: 5000;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

#SUB6{
	position:relative;
}


.menu_box_header_5 {
  position: absolute;
  top: 10px!important;
  z-index: 5000;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
  /*width: 260px;*/
  width: 480px;
  right: -100px;
}

.menu_box_header_6 {
  position: absolute;
  top: 84px;
  z-index: 5000;
  box-sizing: border-box;
  box-shadow: 1px 2px 4px rgba(0, 0, 0, 0.2);
  background-color: #fff;
}

.head_bg {
  padding: 20px 0 20px 20px;
  float: left;
  font-weight: bolder;
  vertical-align: top;
  font-size: 17px;
  margin-right: 0;
  width: 19%;
}
.head_bg li {
  margin-bottom: 10px;
  font-size: 1em;
  display: grid;
  display: block;
  width:190px;
}
.head_bg a {
  color: #676767;
  display: block;
  width: 100%;
  padding-right: 20px;
}
.head_bg a:hover {
  color: #b60057;
}
.head_bg .right_line {
  border-bottom: 2px solid #b60057;
  font-size: 17px;
}
.head_bg .right_line a {
  color: #b60057;
}
.head_bg ul {
  float: right;
}

.head_bg2 {
  background-color: #fff;
  padding: 8px 0;
  float: left;
  vertical-align: top;
  /*width: 71%;*/
  width: calc( 100% - 16% - 40px);
  max-height: 80vh;
  min-height: 54vh;
}
.head_bg2 .head_title {
  font-size: 14px;
  color: #333;
  font-weight: bolder;
  width: 200px;
}
.head_bg2 a {
  color: #676767;
  display: block;
  width: 100%;
}
.head_bg2 a:hover {
  color: #b60057;
}
.head_bg2 ul {
  display: inline-table;
  margin-right: 20px;
  vertical-align: top;
  margin-left: 20px;
  margin-bottom: 20px;
  width:200px;
}
.head_bg2 li {
  font-size: 13px;
  display: grid;
  padding: 2px 0 1px;
  display: block;
  line-height: 1.3em;
  margin: 5px 0;
}
.head_bg2 li.subthird {
  padding: 2px 5px 0;
  line-height: 1.2em;
}
ul.solright{width:auto;}



.head_bg3 {
  background-color: #fff;
  padding: 10px;
  vertical-align: top;
}
.head_bg3 .head_title {
  font-size: 14px;
  color: #333;
  font-weight: bolder;
}
.head_bg3 a {
  color: #676767;
}
.head_bg3 a:hover {
  color: #b60057;
}
.head_bg3 ul {
  display: grid;
  margin-right: 10px;
  vertical-align: top;
  margin-left: 10px;
  width:130px;
}
.head_bg3 ul.aboutmblock {
  display: inline-block;
}
.head_bg3 li {
  font-size: 13px;
  padding: 2px 0 1px;
  display: block;
}

.solution_menube {
  display: inline-block;
  width: 360px;
}
.solution_menube p {
  font-size: 12px;
  color: #676767;
  line-height: 1.5;
}
.solution_menube h3 {
  margin-top: 10px;
  color: #333;
  font-size: 18px;
  font-weight: bolder;
  margin-bottom: 10px;
}
.solution_menube img {
  width: 100%;
}

.solution_menu_pic {
  width: 400px;
  margin-bottom: 10px;
}
.solution_menu_pic img {
  width: 100%;
}

.fixed {
  position: fixed;
  top: 0;
  left: 0;
  z-index: 3000;
  width: 100vw;
  border-bottom: #e4e4e4 solid 1px;
  padding-bottom:5px;
}


table.adv_table td {
  padding: 5px 0;
}

input[type="submit"] {
  padding: 5px 10px !important;
}

.floatR {
  float: right;
}
.floatR select {
  margin-left: 10px;
}

.clear {
  clear: both;
}

.Hember_search {
  display: none;
  position: absolute;
  z-index: 1101;
  width: 100%;
}
.Hember_search.on {
  display: block;
}

.touch_showbar {
  background-color: #f6f6f6;
  width: 100%;
  height: auto;
  padding: 10px 0;
}
.touch_showbar input {
  width: 97%;
  height: 30px;
}

.aboutCate {
  font-weight: bolder;
  color: #555;
  font-size: 1.2em;
}

.aboutSub {
  margin-left: 10px;
}

.aboutCateFooter {
  font-weight: bolder;
  color: #fff;
}

.aboutCatehem {
  font-weight: bolder;
  color: #fff;
  margin: 10px 0 10px 12px;
  font-size: 1.1em;
}

.keyin input {
  margin: 0 !important;
}

.cam_list_m {
  margin-left: 7px;
  color: #fff;
}
.cam_list_m a {
  color: #fff;
}

.bannerfontcenter {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  padding: 0;
}

footer {
  position: relative;
}

.product_sheet {
  float: left;
  color: #fff;
  font-size: 1.2em;
  font-weight: bolder;
  background-color: #b60057;
  padding: 6px 20px;
}
.product_sheet a:hover {
  color: #fff;
  text-decoration: none;
}

.dark_box a:hover {
  color: #fff;
  text-decoration: none;
}
.dark_box a:focus {
  color: #fff;
  text-decoration: none;
}

.title_click {
  float: right;
  color: #0077b1;
}

.mdi-file-excel {
  padding-right: 5px;
}

.mdi-file-pdf {
  padding-right: 5px;
}

.tp2 a {
  color: #000000;
}

.cp_a a {
  margin-right: 20px;
}

.product_bread {
  float: left;
  width: 55%;
}

.SubmitClicking {
  margin-top: 15px;
  text-align: center;
}
.SubmitClicking a {
  color: #b60057 !important;
}

.bread_box {
  margin-top: 20px;
  font-size: 1.1em;
}
.bread_box .to-crumbs li {
  display: inline-block;
  margin-right: 5px;
  color: #ccc;
}
.bread_box .to-crumbs .current {
  color: #b60057;
  text-decoration: underline;
}
.bread_box .to-crumbs a {
  text-decoration: none;
  color: #999;
}
.bread_box .to-crumbs2 a {
  text-decoration: none;
  color: #fff;
}
.bread_box .to-crumbs a:hover {
  color: #676767;
}
.bread_box .to-crumbs a:focus {
  color: #676767;
}
.bread_box2 {
  margin-top: 20px;
  font-size: 1.1em;
}
.bread_box2 .to-crumbs li {
  display: inline-block;
  margin-right: 5px;
  color: #fff;
}
.bread_box2 .to-crumbs li a {
  color: #fff;
}
.bread_box2 .to-crumbs li a:hover {
  color: #fff;
}
.bread_box2 .to-crumbs .current {
  color: #fff;
  text-decoration: underline;
}
.bread_box2 .to-crumbs a {
  text-decoration: none;
  color: #999;
}
.bread_box2 .to-crumbs2 a {
  text-decoration: none;
  color: #fff;
}
.bread_box2 .to-crumbs a:hover {
  color: #676767;
}
.bread_box2 .to-crumbs a:focus {
  color: #676767;
}

.nav_icon {
  float: right;
  font-size: 2em;
  margin-right: 20px;
}
.nav_icon li {
  display: inline-block;
  margin-left: 10px;
}
.nav_icon li a {
  color: #676767;
}
.nav_icon li a:hover i {
  color: #999;
}

.dark {
  background: #e0e0e0;
  padding-bottom: 34px;
}

.nav_fb {
  float: right;
}
.nav_fb .in_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  background-color: #0077b5;
}
.nav_fb .in_icon i {
  font-size: 2em;
  color: #fff;
}
.nav_fb .g_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  background-color: #dc4e41;
}
.nav_fb .g_icon i {
  font-size: 2em;
  color: #fff;
}
.nav_fb .tr_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  background-color: #1ca3f6;
}
.nav_fb .tr_icon i {
  font-size: 2em;
  color: #fff;
}
.nav_fb .fb_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  text-align: center;
  padding-top: 10px;
  background-color: #3b5998;
}
.nav_fb .fb_icon i {
  font-size: 2em;
  color: #fff;
}
.nav_fb .ga_icon {
  display: inline-block;
  width: 40px;
  height: 40px;
  margin-top: 5px;
}
.nav_fb .ga_icon i {
  font-size: 2em;
  padding: 5px;
  color: #676767;
}

.product-wrapper {
  overflow: hidden;
  margin: 40px 0;
}
.product-wrapper h1 {
  font-family: Roboto, Helvetica, Arial;
  color: #b60057;
  font-size: 2.7em;
  font-weight: bold;
  line-height: 1.2;
  margin: 20px 0;
 }
.product-wrapper p {
  font-size: 1.2em;
  color: #676767;
}
.product-wrapper .float_box {
  float: left;
  width: 44%;
  margin-right: 10%;
  line-height: 2;
}
.product-wrapper .float_box2 {
  float: left;
  width: 45%;
}
.product-wrapper .item_pic {
  background-color: #fff;
  width: 400px;
  height: 400px;
  margin: 0 auto;
}
.product-wrapper .item_pic img {
  width: 100%;
}
.product-wrapper .s_item_pic {
  width: 400px;
  margin: 30px auto 0;
}
.product-wrapper .s_pic {
  background-color: #fff;
  width: 63px;
  height: 63px;
  float: left;
  overflow: hidden;
  margin-top: 20px;
  margin-right: 5px;
}
.product-wrapper .s_pic img {
  width: 100%;
}
.product-wrapper .pret {
  float: left;
  margin-top: 38px;
}
.product-wrapper .pret i {
  font-size: 2em;
  color: #b60057;
  vertical-align: middle;
}
.product-wrapper .next {
  float: left;
  margin-top: 38px;
}
.product-wrapper .next i {
  font-size: 2em;
  color: #b60057;
  vertical-align: middle;
}
.product-wrapper ul {
  float: left;
}

.no_result {
  font-size: 1.2em;
  text-align: center;
  margin: 20px 0;
  color: #b60057;
  font-weight: bolder;
}

.inside-container {
  width: 1100px;
  margin: 50px auto;
}
.inside-container .aboutinside p {
  text-align: justify;
}
.inside-container.aboutinside {
  width: 100vw;
}
.inside-container .font_article {
  width: 1100px;
  margin: 30px auto;
}
.inside-container .font_article h4.bb {
  font-weight: bolder;
}
.inside-container .font_article h4.pb20 {
  padding-bottom: 20px;
}
.inside-container .font_article h4.bfont {
  font-size: 1.2em;
}
.inside-container .font_btn {
  background-color: #F8F8F8;
  font-size: 15px;
}

.add_compare {
  font-size: 1.1em;
  font-weight: bolder;
  margin-right: 10px;
  color: #676767;
}
.add_compare .margin_add {
  margin-right: 10px;
}

.download_btn {
  background-color: #666;
  width: 166px;
  border-radius: 5px;
  padding: 2px 15px;
  color: #fff;
  margin-top: 10px;
  margin-bottom: 5px;
  font-size: 1.1em;
  text-align: center;
}
.download_btn a {
  color: #fff;
}
.download_btn a:hover {
  color: #fff !important;
}

.icon_box {
  margin-top: 20px;
}
.icon_box li {
  width: 50px;
  font-size: 8px;
  display: inline-block;
  margin-right: 10px;
  line-height: 10px;
  text-align: center;
}
.icon_box li img {
  margin-bottom: 10px;
  width: 100%;
}

.list_item {
  font-size: 1.2em;
}

.css3_content {
  margin-bottom: 20px;
  font-size: 1.1em;
}
.css3_content li {
  list-style-image: url("../images/icon_right.png");
  list-style-type: none;
  line-height: 2;
  margin-bottom: 3px;
  color: #676767;
  margin-left: 25px;
}
.css3_content li a {
  color: #676767;
}
.css3_content li a:hover {
  color: #b60057;
}

.solution_height {
  min-height: 155px;
  max-height: 770px;
}
.solution_height.over {
  height: 155px;
  overflow: hidden;
}
.solution_height.on {
  height: auto;
  overflow: visible;
}
.solution_height li {
  list-style-image: url("../images/icon_right.png");
  list-style-type: none;
  line-height: 1.8;
  margin-bottom: 3px;
  color: #676767;
  margin-left: 25px;
}
.solution_height li a {
  color: #676767;
}
.solution_height li a:hover {
  color: #b60057;
}

.point {
  list-style-type: disc;
  margin-left: 25px;
}
.point li {
  font-size: 1em;
}

.point_news li {
  font-size: 1.1em;
  color: #676767;
  list-style-image: url("../images/icon_right.png");
  list-style-type: none;
  line-height: 2;
}

.point_news .news_bottom {
  margin-bottom: 30px;

}

.point_news2 li {
  font-size: 1em;
  color: #676767;
  list-style-type: none;
  line-height: 2;
}
.point_news2 h4 {
  font-size: 1.2em;
  font-weight: bolder;
  color: #b60057;
  padding: 0 9px;
  border-left: 1px solid;
}
.point_news2 .news_bottom {
  margin-bottom: 30px;
}

.point_product {
  list-style-type: disc;
  margin-left: 25px;
}
.point_product li {
  font-size: 1em;
  color: #676767;
  margin-bottom: 6px;
}
.point_product a {
  color: #676767;
}
.point_product a:hover {
  color: #b60057;
}

.font_article .full_pic {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.font_article .full_pic2 {
  width: 100%;
  text-align: center;
  margin: 0 auto;
}
.font_article .full_pic2 img {
  width: 100%;
}
.font_article .full_pic3 {
  width: auto;
  text-align: center;
  margin: 0 auto;
}
.font_article h1 {
  margin-bottom: 30px;
  font-size: 2.5em;
  line-height: 1.3
}
.font_article h2 {
  font-size: 1.6em;
  line-height: 1.4;
  margin: 20px 0 20px 0;
  font-weight: bolder;
}
.font_article h3 {
  font-size: 1.4em;
  line-height: 1.5;
  margin-bottom: 10px;
  font-weight: bolder;
  margin-top: 20px;
}
.font_article h3.WhiteH3 {
  margin-bottom: 5px;
  margin-top: 10px;
}
.font_article h4 {
  font-size: 1.2em;
  font-weight: bolder;
}
.font_article p {
  line-height: 2;
  color: #676767;
  margin-bottom: 20px;
  font-size: 1.1em;
  text-align: justify;
}
.font_article strong {
  font-weight: bold!important
}
.font_article a {
  font-weight: bold
}
.font_article a:hover {
  color: #b60057;
}
.font_article p.newproduct {
  height: 120px;
  overflow: hidden;
}

.rr {
  background-color: #fff;
}
.rr img {
  width: 100%;
}

.line {
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
  margin-bottom: 40px;
}

.line_nobottom {
  width: 100%;
  height: 1px;
  background-color: #c9c9c9;
}

.relatednews {
  box-sizing: border-box;
}
.relatednews .title {
  display: inline-table;
  width: 31%;
  width: 31%;
  display: inline-grid;
  margin-right: 2%;
  margin-bottom: 20px;
}
.relatednews .title h2 {
  font-size: 1.4em;
}
.relatednews .title h2 a {
  color: #000;
}
.relatednews .title h2 a:hover {
  color: #000;
  text-decoration: none;
}
.relatednews .box {
  background-color: #fff;
  margin-bottom: 70px;
  padding: 20px;
  padding: 20px;
  height: 360px;
}
.relatednews .box:nth-child(3) {
  margin-right: 0;
}
.relatednews .box.maindown {
  height: 320px;
}
.relatednews .renew_font h3 {
  height: 30px;
  width: 270px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  font-weight: bolder;
  margin-bottom: 10px;
}
.relatednews .renew_font h3 a {
  color: #676767;
}
.relatednews .renew_font h3 a:hover {
  color: #b60057;
  text-decoration: none;
}
.relatednews .renew_font p {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  width: 95%;
}
.relatednews .forvideo_font {
  margin-top: 22px;
}
.relatednews .cat2_font {
  font-weight: bold;
  color: #676767;
}
.relatednews .cat2_font a {
  color: #676767;
}
.relatednews .pic {
  width: 100%;
  text-align: center;
  overflow: hidden;
  height: 235px;
}
.relatednews .pic img {
  width: 100%;
}
.relatednews .pic_sqa {
  width: 100%;
  text-align: center;
  height: 226px;
}
.relatednews .pic_sqa img {
  width: auto;
  height: 100%;
}

.red_line {
  background-color: #b60057;
  width: 100%;
  height: 1px;
  margin-bottom: 40px;
}

.feature_box {
  width: 800px;
  margin: 20px auto 0;
  text-align: center;
}
.feature_box li {
  display: inline-block;
  margin-right: 40px;
  font-size: 1em;
  font-weight: bolder;
}
.feature_box li:last-child {
  margin-right: 0;
}
.feature_box .none_bottom {
  margin-bottom: 0;
}
.feature_box .none_bottom a {
  color: #676767;
}
.feature_box .none_bottom a:hover {
  color: #b60057;
  text-decoration: none;
}
.feature_box .acture {
  padding-bottom: 10px;
  font-size: 1.2em;
}
.feature_box .acture.active {
  box-shadow: inset 0 -5px 0 0 #b60057;
}

.downmenu_wrapper {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  z-index: 100;
}

.product_downmenu {
  position: absolute;
  top: -90px;
  left: 0;
  background-color: #fff;
  box-shadow: 0 2px 2px 2px #ccc;
  display: none;
}
.product_downmenu.newsol {
  top: 0;
}
.product_downmenu .down_inside {
  margin: 20px;
}
.product_downmenu .down_inside ul {
  margin-bottom: 30px;
}
.product_downmenu .down_inside li {
  margin-bottom: 10px;
}
.product_downmenu .down_inside li a {
  color: #7a7a7a;
  font-size: 1em;
}
.product_downmenu .down_inside li a:hover {
  color: #b60057;
  font-weight: bolder;
  text-decoration: none;
}
.product_downmenu .title {
  font-size: 1.2em;
  font-weight: bolder;
}
.product_downmenu .active_font {
  font-weight: bolder;
  color: #b60057 !important;
}

.center_title {
  text-align: center;
  padding-bottom: 30px;
}
.center_title h2 {
  font-size: 2em;
}

.rss_center {
  margin-bottom: 0 !important;
}
.rss_center i {
  font-size: 5em;
  color: #d7d7d7;
}

.rss_btn_center {
  margin: 0 auto;
  text-align: center;
}
.rss_btn_center button {
  width: 110px;
  margin-right: 6px;
}
.rss_btn_center input {
  margin: 0 6px;
}

.rss_leftbtn {
  width: 312px;
  text-align: center;
  margin-left: 100px;
}
.rss_leftbtn button {
  width: 150px;
  margin-right: 6px;
  height: 40px;
  font-size: 1.3em;
}
.rss_leftbtn input {
  margin: 0 6px;
}

.max_btn_center {
  width: 300px;
  margin: 0 auto 30px;
}
.max_btn_center button {
  margin-right: 6px;
}
.max_btn_center button i {
  margin-right: 10px;
}

.oder {
  overflow: hidden;
}

.oder_flow {
  float: left;
  margin-right: 20px;
  vertical-align: middle;
  margin-bottom: 10px;
}

.motherboard_container {
  margin-bottom: 20px;
  display: flex;
  flex-wrap: wrap;
}
.motherboard_container .mtx_box_bg {
  background-color: #fff;
  width: 23.9%;
  display: inline-block;
  padding: 10px 10px 60px;
  margin-right: 1%;
  margin-bottom: 20px;
  flex: 0;
  position: relative;
  flex-basis: 21.9%;
  margin-bottom: 20px;
}
.motherboard_container .mtx_box_bg .mtx_font {
  position: absolute;
  bottom: 0;
  width: calc(100% - 20px );
}
.motherboard_container .mtx_box_bg .mtx_font button {
  width: 100%;
  margin: 10px 0;
}
.motherboard_container .mtx_box_bg h2 {
  text-align: center;
}
.motherboard_container .pic img {
  width: 100%;
}

.add_box {
  padding: 0 10px;
}

.newicon {
  background-color: #b60057;
  padding: 2px;
  font-size: 12px;
  color: #fff;
  border-radius: 4px;
  vertical-align: middle;
  font-weight: bolder;
  margin-left: 8px;
}

.newicon_2 {
  background-color: #fff;
  padding: 2px;
  font-size: 12px;
  color: #b60057;
  border-radius: 4px;
  vertical-align: middle;
  font-weight: bolder;
  margin-left: 8px;
  border: 1px solid #b60057;
}

.new_selectborder {
  border: 1px solid #b60057;
}

.compare_btm {
  margin-bottom: 30px;
}
.compare_btm button {
  margin-right: 6px;
}

.imb_btn {
  float: right;
}

.clean {
  zoom: 1;
}
.clean:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.imb_eum {
  min-width: 250px;
  position: absolute;
  text-align: left;
  color: #555;
  border: 1px solid #ababab;
  right: 0;
  padding: 3px;
  font-size: 1em;
  top: -56px;
  background: #fff;
  border-width: 1px;
  border-style: solid;
}
.imb_eum i {
  float: right;
  color: #676767;
}

.compare_all {
  position: relative;
}

.show_sub {
  float: right;
}

.down_sub {
  position: absolute;
  background: #fff;
  padding: 10px;
  right: 0;
  top: -26px;
  width: 250px;
  height: 200px;
  overflow-y: scroll;
  z-index: 1000;
}
.down_sub button {
  width: 100%;
  margin-bottom: 10px;
}
.down_sub li input {
  margin-right: 10px;
}

.limit_gray {
  background-color: #f7f7f7;
  padding: 5px;
  margin-bottom: 10px;
}

.select_flo {
  display: inline-block;
  margin-bottom: 10px;
  margin-right: 5px;
  margin-left: 5px;
}

.status {
  color: #b60057;
  font-weight: bolder;
}
.status a {
  color: #b60057;
  margin-left: 3px;
}

li.case {
  list-style: none;
  color: #b60057;
}
li.case a {
  color: #b60057;
}

.adbance_search {
  font-size: 16px;
  font-weight: bolder;
  margin-bottom: 20px;
}
.adbance_search i {
  font-size: 2em;
  vertical-align: middle;
}
.adbance_search a {
  color: #676767;
}
.adbance_search a:hover {
  color: #b60057;
}

.compake_pic {
  width: 30px;
  vertical-align: middle;
}
.compake_pic img {
  width: 100%;
}

.style_table table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  font-size: 1em;
  margin-bottom: 10px;
  table-layout: fixed;
}
.style_table tr {
  padding: 10px;
  background-color: #ececec;
}
.style_table th {
  padding: 10px;
  background: #E0E0E0;
}
.style_table td {
  padding: 10px;
}
.style_table td.stth {
  background: #E0E0E0;
  width: 20%;
}

.style_table_phone table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  font-size: 1em;
  margin-bottom: 10px;
}
.style_table_phone tr {
  padding: 10px;
  background-color: #ececec;
}
.style_table_phone th {
  padding: 10px;
  background: #E0E0E0;
}
.style_table_phone td {
  padding: 10px;
}
.style_table_phone td.stth {
  background: #E0E0E0;
}

.title_ord {
  font-size: 1.1em;
  font-weight: bolder;
}
.title_ord p {
  font-size: 1.1em;
  color: #676767;
  font-weight: lighter;
}

.emb_picbg {
  background-color: #fff;
  width: 250px;
  display: inline-table;
  margin-right: 20px;
  padding: 20PX;
}
.emb_picbg img {
  width: 100%;
}

.emb_font {
  width: 72%;
  display: inline-table;
  color: #676767;
  vertical-align: top;
}
.emb_font h2 {
  font-weight: bolder;
  color: #000;
}

.emb_box {
  margin-bottom: 30px;
}

.submit_btn {
  display: inline-block;
}
.submit_btn button {
  padding: 10px;
}

.tab_container {
  min-height: auto;
  margin-bottom: 20px;
}

ul#ProductPicSilder {
  display: inline-block;
}

.ord_Title {
  margin-top: 20px;
}

.ord_infor {
  color: #676767;
  margin-bottom: 20px;
}

.select_flo {
  display: inline-block;
  margin-right: 20px;
}

.eener {
  display: inline-block;
  margin-right: 10px;
}

.eener_more {
  margin-bottom: 10px;
}

.inqFrame input {
  margin-right: 10px;
}

.pdf_btn i {
  font-size: 2em !important;
}

.compake_title {
  font-weight: bolder;
  font-size: 1.2em;
  vertical-align: middle;
}

.pic_video {
  height: 235px;
}

.feed_access_img {
  float: left;
}

.feed_access_change {
  float: left;
}
.feed_access_change i {
  font-size: 1.8em;
  color: #676767;
}

.feed_access {
  box-sizing: border-box;
}

.edit_help i {
  float: right;
}

.lat_mail {
  margin-top: 20px;
}

.background-submit {
  background-color: rgba(0, 0, 0, 0.4);
  visibility: visible;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1100;
}

.paper_desc {
  margin-bottom: 16px;
  font-size: 1.1em;
  line-height: 1.5;
  color: #676767;
}

.login_sample {
  text-align: center;
}
.login_sample table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  margin-bottom: 10px;
}
.login_sample button {
  width: 100%;
}

.table_channel table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  font-size: 1.1em;
  margin-bottom: 10px;
}
.table_channel.datasheet {
  margin-bottom: 30px;
}
.table_channel tr {
  padding: 0px;
}
.table_channel td {
  padding: 0px;
}

.year_show i {
  float: right;
}
.year_show h2 {
  background-color: #ECECEC;
  padding: 10px;
}

.year_mdi {
  float: right;
}

.table_sample3 table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  font-size: 1em;
  margin-bottom: 10px;
}
.table_sample3 tr {
  padding: 10px;
}
.table_sample3 td {
  padding: 10px;
  background-color: #ffffff;
}

.table_sample2 {
  margin-top: -50px;
}
.table_sample2 table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
  font-size: 1em;
  margin-bottom: 10px;
}
.table_sample2 tr {
  padding: 10px;
}
.table_sample2 td {
  padding: 10px;
}

.table_sample i {
  padding: 2px;
  font-size: 1.8em;
  color: #b60057;
  vertical-align: middle;
}
.table_sample table {
  vertical-align: middle;
  border-collapse: separate;
  font-size: 1em;
  margin-bottom: 10px;
}
.table_sample input[type=radio] {
  zoom: 1 !important;
  margin-right: 5px;
}
.table_sample.datasheet {
  margin-bottom: 30px;
}
.table_sample a {
  color: #676767;
  vertical-align: middle;
}
.table_sample a:hover {
  color: #b60057;
}
.table_sample a.flie {
  text-decoration: underline;
}
.table_sample tr {
  padding: 10px;
  vertical-align: middle;
}
.table_sample td {
  padding: 10px;
  border-bottom: 1px solid #ccc;
  vertical-align: middle;
}
.table_sample .bold {
  font-weight: bolder;
}
.table_sample .white_font {
  color: #fff;
}
.table_sample .close_porduct img {
  width: 70%;
}
.table_sample .close_porduct i {
  float: right;
  color: #b60057;
  font-size: 2em;
}

.for_bottom {
  overflow: hidden;
  margin-bottom: 50px;
}

.atuowidth {
  width: 100%;
  height: 30px;
  border: 1px solid #dadada;
  color: #676767;
}

.textarea_autowidth {
  width: 100%;
  height: 100px;
  border: 1px solid #dadada;
  color: #676767;
}

.selectstyle {
  height: 33px;
  border: 1px solid #aaaaaa;
  color: #676767;
}

.pode {
  height: 33px;
  border: 1px solid #aaaaaa;
  color: #676767;
}

@-moz-document url-prefix() {}
.table_inquiry table {
  vertical-align: middle;
  border-spacing: 5px 5px;
  border-collapse: separate;
}

.worldwide_box {
  overflow: hidden;
  margin-bottom: 30px;
}

.world_left {
  float: left;
  width: 280px;
  margin-right: 30px;
}
.world_left img {
  width: 100%;
}

.world_right {
  float: left;
  width: 60%;
}

.iframe-rwd {
  position: relative;
  padding-bottom: 30%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.iframe-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-rwd {
  position: relative;
  padding-bottom: 50%;
  padding-top: 30px;
  height: 0;
  overflow: hidden;
}
.video-rwd iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.job_bg {
  background-color: #fff;
  width: 100%;
  padding: 10px 0;
}

.job_container {
  width: 1200px;
  margin: 0 auto;
}

.job_btnbox {
  width: 450px;
  margin: 0 auto;
}
.job_btnbox a {
  margin-right: 10px;
  color: #555;
}

.job_font {
  font-size: 1.3em;
  margin-right: 8px;
  font-weight: bolder;
}
.job_font a {
  color: #676767;
}
.job_font a:hover {
  color: #b60057;
}
.job_font:after {
  content: "｜";
  margin-left: 5px;
}
.job_font:nth-child(4):after {
  content: " ";
}

.job_banner {
  background-image: url("../images/job_bg.jpg");
  background-repeat: no-repeat;
  width: 100%;
}

.jobpin_text {
  text-align: center;
  color: #fff;
  padding: 6% 0;
  font-family: Roboto, 微軟正黑體, sans-serif;
}
.jobpin_text h1 {
  font-size: 4em;
  font-family: Roboto, 微軟正黑體, sans-serif;
}
.jobpin_text p {
  width: 80%;
  color: #fff;
  margin: 0 auto;
}

.bgck {
  background-color: rgba(0, 0, 0, 0.9);
  visibility: visible;
  position: fixed;
  display: block;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1100;
}

.bk_wrapper {
  width: 1200px;
  margin: 0 auto;
  color: #fff;
}

.bk_contenier {
  width: 100%;
  margin-top: 10%;
}

.bk_sample p {
  font-size: 1.1em;
  line-height: 2;
}
.bk_sample li {
  margin-bottom: 10px;
  font-size: 1.1em;
  line-height: 2;
}

.cn_close {
  font-size: 1.2em;
  float: right;
  border: 1px solid #fff;
  padding: 5px;
  color: #fff;
  margin: 10px 10px 0 0;
}
.cn_close a {
  color: #fff;
}
.cn_close a:hover {
  color: #fff;
  text-decoration: none;
}

.fullvideo {
  position: relative;
  width: 100%;
  height: 100%;
}
.fullvideo iframe {
  width: 100%;
  height: 40vh;
}
.fullvideo img {
  width: 100%;
}

.table_name {
  padding-bottom: 2em;
}

.sb_play {
  border-radius: 50em;
  border: 4px solid #fff;
  width: 95px;
  height: 95px;
  vertical-align: middle;
  text-align: center;
  position: absolute;
  top: 55%;
  left: 50%;
  margin-top: -65px;
  margin-left: -65px;
  overflow: hidden;
}
.sb_play p {
  margin-top: 13px;
  font-size: 2.3em;
  color: #fff;
  vertical-align: middle;
  width: 93px;
  height: 100px;
  text-align: center;
}
.sb_play p a {
  color: #fff;
}
.sb_play p a:hover {
  color: #fff;
}
.sb_play .spp {
  position: absolute;
  top: 0;
}

.forgetpass-title {
  padding: 20px;
}
.forgetpass-title h2 {
  color: #b60057;
}

.feedback-comments textarea {
  min-width: 100%;
  max-width: 200px;
}

.epk_news {
  margin-left: 12%;
}

.epk_news2 {
  margin-left: 8%;
}

.selecinq {
  font-size: 0.8em !important;
}

.contrycheckbox {
  display: inline-block;
}

.relp_font {
  font-weight: bolder;
  background-color: #f0f0f0;
  padding: 10px;
  border-bottom: 1px solid;
  color: #ccc;
  text-align: center;
}
.relp_font a {
  color: #555;
}

.men_pic {
  width: 60px;
  display: inline-block;
  vertical-align: middle;
  padding: 4px;
  border: 1px solid #ccc;
  margin-bottom: 10px;
  margin-right: 10px;
}

.men_pic.gaminghack{
	width:250px!important;
	padding:10px;
	vertical-align:top;
	margin-top:10px;
}
.men_pic img {
  width: 100%;
}

.menu-marginbottom {
  margin-bottom: 10px;
}

.men_lista {
  display: inline-block;
  font-size: .8em;
}
.men_lista.gaminghack{
	font-size: 1.1em;
	color:#676767;
	width:280px!important;
	margin-top:10px;
	margin-left:10px;
}
.men_lista.gaminghack h2{
	font-weight:bolder;
}

.men_link a {
  color: #ccc;
}

.menu_praduct_width {
  width: 350px!important;
}
.menu_praduct_width.gaminghack {
  width: 180px!important;
}

.box_height li a {
  color: #999;
}
.box_height li a:hover {
  color: #b60057 !important;
}
.box_height li.aboutsub a {
  color: #585858;
}

.milest_title {
  font-size: 1.2em !important;
  font-weight: bolder;
  color: #b60057 !important;
  padding: 0 0 0 10px !important;
  border-left: 1px solid;
}

.gs-bidi-start-align {
  color: #676767;
}

.hen_con {
  box-sizing: border-box;
  margin-bottom: 30px;
  display: inline-flex;
  width: 49%;
}

.hen_left {
  float: left;
  width: 24%;
  margin-right: 20px;
}
.hen_left img {
  width: 100%;
}

.hen_right {
  float: left;
  width: 60%;
}
.hen_right h3 {
  font-size: 1.3em;
  color: #000000;
}
.hen_right .ceo_font {
  font-size: 1.1em;
  color: #676767;
  display: block;
}

.cookies_bar {
  background: rgba(75, 4, 38, 0.9);
  position: fixed;
  width: 100%;
  bottom: 0;
  z-index: 5000;
}

.cookies_continer {
  width: 1200px;
  padding: 15px 0;
  margin: 0 auto;
}

.cookie_message {
  color: #ffffff;
  width: 76%;
  margin-right: 25px;
  display: inline-block;
  padding: 0 26px;
}

.learnmore_cookie {
  border: 1px solid #ffffff;
  border-radius: 4px;
  color: #ffffff;
  width: 150px;
  text-align: center;
  padding: 6px;
  display: inline-block;
}
.learnmore_cookie a {
  color: #ffffff;
}

.head_searchbg_new {
  background-color: #f6f6f6;
  width: 100%;
  height: 44px;
  margin-top: -6px;
  padding: 10px;
}

.head_lineborder {
  border: 1px solid #d5d5d5;
}
.head_lineborder i {
  float: right;
  margin-right: 13px;
  font-size: 1.6em;
}
.head_lineborder input {
  width: 82%;
}

.memail_bg {
  background-color: #f5f5f5;
  padding: 34px;
  text-align: center;
  font-size: 1.2em;
  height: 100vh;
}

.mailbar {
  margin: 20px 0;
  border: 1px solid #cccccc;
  width: 250px;
  overflow: hidden;
  margin: 0 auto;
  background-color: #ffffff;
}
.mailbar input {
  width: 100%;
}

.text_meail {
  margin-bottom: 30px;
}

.margintop {
  margin-top: 20px;
}

.cnekliy {
  height: 400px;
  margin: 0 auto;
  padding-top: 17%;
}
.contact_tab{
	display:none;
	position: fixed;
    z-index: 2999;
    top: 0%;
    right: 0;
}
.contact_tab a{
	color:#979797
}
.contact_tab a.cbtn{
	color: #fff;
    font-size: 1.3em;
    padding-top: 5px;
    display: inline-block;
}
.contact_tab a.cmail{
	color:#b60057 !important;
}
.eeb {
  position: absolute;
  top: 0;
  right: 0;
  background-color: #ffffff;
  width: 780px;
  min-height: 400px;
  z-index: 1000;
  box-shadow: 0 12px 43px 0 rgba(0, 0, 0, 0.2);
}
.eeb b, .eeb strong{
  font-weight: bolder;

}

.dekbguu {
  font-size: 1.5em;
  position: absolute;
  text-align: center;
  top: 40px;
  right: 761px;
  width: 130px;
  height: 38px;
  background-color: #b60057;
  padding: 9px;
  color: #fff;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  transform: rotate(270deg) translateY(28px);
  padding-top: 17px;
  font-weight: bolder;
  height: 68px;
}
.contact_tab.en-US .dekbguu,
.contact_tab.en-CA .dekbguu,
.contact_tab.ja-JP .dekbguu,
.contact_tab.it-IT .dekbguu,
.contact_tab.ms-MY .dekbguu
{
	top: 100px;
	width: 180px;
	transform: rotate(270deg) translateY(47px);

}


.hotline_white {
  float: left;
  width: 50%;
  padding: 30px;
}

.hotline_gray {
  float: left;
  width: 50%;
  padding: 30px;
  background-color: #f2f2f2;
  min-height: 410px;
  padding-bottom: 30px;
}

.hotline_title {
  font-weight: 600;
  color: #000;
  line-height: 1.5;
  margin: 10px 0 10px;
  font-size: 2.5em;
}

.hotline_x_test {
  font-size: 1.5em;
  margin-bottom: 30px;
}

.hotline_line {
  width: 100%;
  height: 1px;
  background-color: #f5f5f5;
}

.hotline_x_font {
  color: #979797;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 23px;
}

.hotline_x_font_margin {
  color: #979797;
  font-size: 1.2em;
  font-weight: 500;
  line-height: 23px;
  margin-bottom: 15px;
  margin-bottom: 10px;
  }

.hotline_x_btn {
  border-radius: 5px;
  background-color: #b60057;
  padding: 10px 30px;
  display: inline-block;
  margin-top: 30px;
  color: #ffffff;
}

.gs-title {
  font-size: 1.2em;
  color: #3b5998;
  text-decoration: underline;
}
.gs-title a {
  font-size: 1.2em;
}

.gs-titlebing {
  font-size: 1.2em;
  color: #3b5998;
  text-decoration: underline;
}
.gs-titlebing a {
  font-size: 1.2em;
}

.gs-bidi {
  font-size: 1em;
  color: #676767;
  line-height: 2;
}

.gs-bidibing {
  font-size: 1em;
  color: #676767;
  line-height: 1.5;
}

.gsc-webResultbing {
  margin-top: -44px;
}

.gs-result {
  font-size: 1em;
  color: #008000;
}

.gs-resultbing {
  font-size: 1em;
  color: #008000;
  margin-top: 4px;
}

.google_pic {
  width: 100px;
  margin-right: 20px;
  float: left;
  border: 1px solid #e5e5e5;
}
.google_pic img {
  width: 100%;
}

.google_box {
  margin-bottom: 20px;
  font-size: 1.2em;
}

.google_boxpic {
  width: 80%;
  vertical-align: top;
  display: inline-block;
  font-size: 1.2em;
}

.gs_fontright {
  float: right;
  color: #999;
}

.bing-pic {
  display: inline-block;
  width: 80%;
}

.page_item1 {
  margin-bottom: 20px;
  display: inline-block;
}
.page_item1 a {
  text-align: center;
  padding: 10px;
}
.page_item1 .one_bg {
  background-color: #8c8c8c;
  color: #fff;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 3px;
}

.page_item {
  margin-bottom: 20px;
}
.page_item a {
  text-align: center;
  padding: 10px;
}
.page_item .one_bg {
  background-color: #8c8c8c;
  color: #fff;
  width: 40px;
  height: 40px;
  margin-bottom: 10px;
  display: inline-block;
  margin-right: 3px;
}
.page_item .one_bg.on {
  background-color: #3a3a3a;
}

.rss_news {
  overflow: hidden;
}

.rss_icon {
  float: left;
  width: 50px;
}
.rss_icon i {
  font-size: 3em;
  color: #ccc;
}

.rss_font {
  width: 78%;
  float: left;
  font-size: 1.2em;
  color: #676767;
}
.rss_font a {
  text-decoration: underline;
}

.new_issues {
  float: right;
  margin-left: 20px;
  color: #676767;
  margin-bottom: 20px;
}
.new_issues .new_issues_select {
  font-size: 1em;
  display: inline-block;
  margin-left: 10px;
}
.new_issues .after_font {
  display: inline-block;
  padding-top: 10px;
  font-size: 1em;
}

.issues_btn {
  width: 15%;
  color: #fff;
  padding: 5px;
  background-color: #b60057;
  border-radius: 5px;
  text-align: center;
}
.issues_btn a {
  color: #fff;

}
.issues_btn a:hover {
  color: #fff !important;

}


.clean {
  zoom: 1;
}
.clean:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.promotion_02 {
  width: 100%;
}

.epaper_block {
  height: 0;
  overflow: hidden;
}
.epaper_block td {
  padding-right: 85px;
}

.rightsub {
  text-align: right;
  margin-bottom: 10px;
}
.rightsub a {
  color: #555;
}

.subbtn {
  color: #555;
  margin-left: 10px;
}

.Subscribe_now_table th {
  width: 15%;
}
.Subscribe_now_table td input {
  margin-right: 10px;
}

.whitenews_bg {
  background-color: #fff;
  padding: 50px 40px;
}
.whitenews_bg ul {
  margin-left: 20px;
}

.ltd_title {
  margin-top: 30px;
}
.ltd_title h4 {
  font-weight: bolder;
  font-size: 1.4em;
  color: #555;
  margin-bottom: 10px;
}
.ltd_title p {
  color: #676767;
}
.solutions-container{
  margin-top: 15px;
}
.solutions_order {
  box-sizing: border-box;
  padding-bottom: 2.5em;
}
.solutions_order .oder_bg {
  display: inline-table;
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  width: 31%;
  margin-right: 15px;
  margin-bottom: 20px;
}
.solutions_order .oder_bg h3 a {
  color: #333;
}
.solutions_order .oder_bg h3 a:hover {
  color: #b60057;
  text-decoration: none;
}
.solutions_order .oder_bg p a {
  color: #676767;
}
.solutions_order .oder_bg p a:hover {
  color: #b60057;
}
.solutions_order .kiki_bg {
  display: inline-table;
  background-color: #fff;
  padding: 20px 20px 20px 20px;
  width: 31%;
  margin-right: 15px;
  margin-bottom: 20px;
  height: 478px;
}
.solutions_order .pic {
  width: 90%;
  text-align: center;
}
.solutions_order .pic img {
  width: 90%;
}
.solutions_order .pic img.productnew {
  max-width: 210px;
}
.solutions_order .oder_nonebg {
  display: inline-table;
  padding: 20px;
  width: 31.9%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.solutions_order .oder_nonebg:nth-child(3n) {
  margin-right: 0;
}

.solutions_main {
  display: inline-block;
  vertical-align: top;
  margin-right: 2%;
  width: 70%;
}
.solutions_main li {
  list-style-type: none;
}

.auto_main{
    display: none;
    vertical-align: top;
    width: 100%;
}

.solutions_side {
  display: inline-block;
  vertical-align: top;
  width: 27%;
}

.related_bg {
  background-color: #fff;
  width: 100%;
  margin-bottom: 20px;
}

.re_pic {
  width: 70%;
  vertical-align: top;
  margin-left: 15%;
}
.re_pic img {
  width: 85%;
}

.re_font {
  font-weight: bolder !important;
  color: #0077b1 !important;
  position: relative;
  padding-bottom: 20px;
}
.re_font span {
  font-weight: normal;
  color: #676767;
  height: 152px;
  overflow: hidden;
}
.re_font a {
  font-weight: bolder !important;
  color: #0077b1 !important;
}

.seam_bg {
  background-color: #fff;
  width: 100%;
  margin-bottom: 20px;
  padding: 20px;
}

.seam_pic {
  width: 44%;
  display: inline-block;
  vertical-align: top;
  margin-right: 20px;
}
.seam_pic img {
  width: 100%;
}

.seam_font {
  display: inline-block;
  width: 52%;
  vertical-align: top;
}

.sloution_center {
  width: 40%;
  margin: 0 auto;
  text-align: center;
  border-radius: 4px 4px 0 0;
}
.sloution_center i {
  font-size: 1.5em;
}
.sloution_center a {
  padding: 0 40px;
  color: #676767;
  font-size: 1.2em;
}
.sloution_center a:hover {
  color: #676767;
}

.new_solut_box{
    overflow: hidden;
    margin: 0 50px;
}
.solot_L{
    float: left;
    width: 50%;
    padding: 30px 30px;
}
.solot_L h2 {
    font-size: 2.3em;
    font-weight: bolder;
    margin-bottom: 30px;
    line-height: 1.2;
    position:relative;

}
.solot_L p{
  font-size: 1.1em;
  line-height:24px;
}
.solot_L .solu_font_h {
    line-height: 22px;
    margin-bottom: 20px;
    position:relative;
}
.btnrr{
	position:relative;
  margin-top: 30px;
}
.solot_R{
    float: left;
    width: 50%;
    padding: 30px;
    position: absolute;
    top: 0;
    right: 0;
}
.solot_R img{
    width: 100%;
}
.effect-dashed{
    border: 2px dotted #ffffff;
    border-style: dashed;
    height: auto;
    float: left;
    width: 100%;
    display: inline-block;
    position: relative;
    cursor: pointer;
    text-align: center;
    border-radius: 100%;
    padding: 6px;
    margin-bottom: 20px;
}
.soso_pic{
	position:relative;
	top:0;
    width: 100%;
    background-position:center;
    background-size:cover;
    min-height:350px;
	z-index:-1;
}
.soso_pic img{
    width: 100%;
}
.automation_font {
  font-size: 14px;
  font-weight: bolder;
  background-color: #e0e0e0;
  padding: 10px 20px;
  margin-bottom: 20px;
}
.automation_font a {
  color: #000;
}

.space {
  height: 90px;
}

.slellow {
  min-height: 110px;
  max-height: 160px;
  flex: 1;
}

.fornews_sp {
  width: 50%;
}
.fornews_sp img {
  width: 100%;
}

.partnerzone_bg {
  background-image: url("../images/partnerzone_02.jpg");
  background-repeat: no-repeat;
  width: 100%;
  background-size: cover;
}

.partner_continer {
  width: 1200px;
  margin: 0 auto;
  position: relative;
}

.zone_bg {
  background-color: rgba(0, 0, 0, 0.6);
  width: 53%;
  color: #fff;
  border-radius: 5px;
  padding: 30px 50px;
  float: left;
  margin: 40px 0;
  margin-top: 12%;
}
.zone_bg h2 {
  margin-bottom: 20px;
  font-size: 1.7em;
}
.zone_bg p {
  color: #bdbdbd;
  line-height: 1.5;
}

.zone_whitebg {
  display: inline-table;
  background-color: #fff;
  width: 31%;
  border-radius: 4px;
  padding: 30px 50px;
  box-shadow: 0 15px 20px rgba(0, 0, 0, 0.3);
  margin-bottom: 40px;
  margin-top: 10%;
  margin-bottom: 10%;
}
.zone_whitebg h1 {
  color: #b60057;
  font-size: 1.2em;
}

.table_download {
  margin-bottom: 20px;
}

.download_font {
  display: inline-block;
  width: 20%;
  vertical-align: top;
  font-size:16px;
  font-weight:bold;
}

.download_select {
  width: 100%;
  display: inline-block;
  max-width: 300px;
}
.download_select select {
  width: 100%;
}

.download_submit {
  display: inline-block;
  margin-left: 20%;
}
.download_submit.type1 input {
  padding: 7px 10px;
}

.table_feedback {
  margin-bottom: 10px;
}
.table_feedback i {
  font-size: 2em;
  color: #444;
}
.table_feedback input {
  vertical-align: super;
}

.feedback_font {
  display: inline-block;
  width: 14%;
  vertical-align: top;
}

.feedback_select {
  width: 70%;
  display: inline-block;
}
.feedback_select select {
  width: 39%;
}

.feedback_flobtn {
  display: inline-block;
}

.feedback_w {
  display: inline-block;
  border: 1px solid #aaa;
  background-color: #fff;
}
.feedback_w.getdownload {
	width:100%;
}
.feedback_w.getdownload select {
	width:100%;
	max-width:300px
}
.feedback_w.typeinput1 input {
  width: 80%;
}
.feedback_w input {
  height: 20px;
  width: 70%;
  background-color: #fff;
}
.feedback_w textarea {
  display: inline-block;
  border: 1px solid #aaa;
  width: 80%;
}

.required_font_right {
  width: 100%;
  margin-bottom: 20px;
  text-align: right;
}

.partnerpic_box {
  box-sizing: border-box;
}

.partnerpic {
  width: 18%;
  margin-right: 1%;
  display: inline-table;
}
.partnerpic h5 {
  color: #676767;
  line-height: 18px;
}
.partnerpic .pic {
  width: 100%;
  padding: 4px 4px 0 4px;
  border: 1px solid #ccc;
}
.partnerpic .pic img {
  width: 100%;
}
.partnerpic li a {
  color: #676767;
}
.partnerpic li a:hover {
  color: #b60057;
}

.edit_password {
  position: absolute;
  top: 45%;
  left: 50%;
  margin-top: -426px;
  margin-left: -300px;
  width: 600px;
  background-color: #fff;
  padding: 20px;
  z-index: 2500;
  box-shadow: 0px 0px 8px rgba(111, 111, 111, 0.11);
}

.showregion h2 {
  font-size: 1.5em;
}
.showregion h3 {
  font-size: 1.2em;
}
.showregion .please_box {
  padding: 10px 20px;
}

.inquary_top_bg {
  padding: 20px;
  position: fixed;
  top: 0;
  left: 0;
  background-color: #fff;
  width: 300px;
  border: #f2f2f2 solid 1px;
}
.inquary_top_bg .inq_box {
  margin-bottom: 10px;
}
.inquary_top_bg .inq_box .inq_close {
  display: inline-block;
}
.inquary_top_bg .inq_box .inq_pic {
  display: inline-block;
  width: 100px;
  height: 70px;
  border: #ccc solid 1px;
  margin-right: 10px;
}
.inquary_top_bg .inq_box .inq_pic img {
  width: 100%;
}
.inquary_top_bg .inq_box .inq_font {
  display: inline-block;
}

.redbtn {
  background-color: #b60057;
  width: auto;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
}
.redbtn input {
  background-color: #b60057;
  color: #fff;
}

.graybtn {
  background-color: #676767;
  width: auto;
  display: inline-block;
  padding: 3px 10px;
  border-radius: 4px;
}
.graybtn input {
  background-color: #676767;
  color: #fff;
}

.feedback_inputbox {
  width: 85%;
  display: inline-block;
  border: 1px solid #aaa;
  background-color: #fff;
}
.feedback_inputbox.typebox1 textarea {
  width: 98%;
  min-height: 90px;
}
.feedback_inputbox input {
  width: 90px;
  height: 98%;
}

.codeinput {
  border: #aaa solid 1px !important;
}

.bk_lightbox {
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  width: 100%;
  background: rgba(0, 0, 0, 0.7);
  z-index: 3000;
  display: none;
}

.rplist_table {
  position: relative;
  width: 200px;
  border-bottom: 1px solid #ccc;
  padding: 5px 10px 10px 30px;
  margin-bottom: 5px;
}

.onder_test {
  margin-bottom: 10px;
}

.onder_test2 {
  margin-bottom: 10px;
  max-height: 360px;
  overflow-y: auto;
  overflow-x: hidden;
  border-bottom: 1px solid #eee;
}

.deleterplist {
  position: absolute;
  top: 0;
  right: 0;
}
.deleterplist i {
  color: #b60057;
  font-size: 1.6em;
}

.deleterplist2 {
  position: absolute;
  top: 20px;
  left: 0;
}
.deleterplist2 i {
  color: #b60057;
  font-size: 1.6em;
}

.onder_btn {
  margin-top: 10px;
  display: inline-block;
}

.onder_pic {
  width: 50px;
  border: 1px solid #cccccc;
  display: inline-block;
  vertical-align: middle;
}
.onder_pic img {
  width: 100%;
}

.onder_font {
  display: inline-block;
  padding-left: 10px;
}

.cplistcolor {
  color: #b60057;
}

.sitemap_clearfix {
  margin-bottom: 30px;
}
.sitemap_clearfix .sitemap_box {
  width: 23%;
  display: inline-table;
  margin-right: 20px;
}
.sitemap_clearfix .sitemap_box:nth-child(4) {
  margin-right: 0;
}
.sitemap_clearfix .boards_box {
  width: 30%;
  display: inline-table;
  padding-right: 10px;
}
.sitemap_clearfix .boards_box:nth-child(4) {
  margin-right: 0;
}
.sitemap_clearfix .boards_box .css3_content {
  padding-bottom: 20px;
}
.sitemap_clearfix .boards_box h2 a {
  color: #000;
}
.sitemap_clearfix .boards_box h2 a:hover {
  color: #b60057;
  text-decoration: none;
}
.sitemap_clearfix .please_box {
  width: 31%;
  display: inline-table;
  margin-right: 20px;
}
.sitemap_clearfix .please_box:nth-child(4) {
  margin-right: 0;
}
.sitemap_clearfix .sitemap_table li {
  color: #676767;
  margin-bottom: 10px;
}
.sitemap_clearfix .sitemap_table li a {
  color: #676767 !important;
}
.sitemap_clearfix .sitemap_table li a:hover {
  color: #b60057;
}

.qrcold {
  text-align: center;
  width: 450px;
  margin: 0 auto;
}
.qrcold img {
  width: 100%;
}
.qrcold i {
  font-size: 3em;
  margin-right: 10px;
  color: #b6b6b6;
}

.papers_font {
  display: inline-table;
  width: 100%;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 3px;
}
.papers_font h3 {
  font-size: 1.2em;
}

.whitepaper {
  width: 100%;
  display: inline-block;
  margin-right: 2%;
  margin-bottom: 10px;
}

.Yum_bg {
  display: inline-table;
  width: 12%;
  margin: 0 20px;
}
.Yum_bg:hover a, .Yum_bg:hover .supp {
	text-decoration:none;
	color:#b60057;
}

.Yum_Icon .catalog_bg {
  border: #c7c7c7 solid 1px;
  display: inline-block;
  width: 31%;
  border-radius: 3px;
  margin: 0 8px 20px 8px;
}
.Yum_Icon .catalog_bg2 {
  border: #c7c7c7 solid 1px;
  display: inline-table;
  width: 33%;
  margin-bottom: 20px;
  border-radius: 3px;
}
.Yum_Icon .pic_Icon {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.Yum_Icon .pic_Icon a {
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic_Icon img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.Yum_Icon .pic {
  position: relative;
  width: 100%;
  overflow: hidden;
  text-align: center;
}
.Yum_Icon .pic a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic a.iconlink {
  height: auto;
}
.Yum_Icon .pic img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.Yum_Icon .pic_articles {
  position: relative;
  width: 100%;
  text-align: center;
}
.Yum_Icon .pic_articles a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.Yum_Icon .pic_articles img {
  width: auto;
  height: 100%;
}
.Yum_Icon .ebtn {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
  color: #fff;
  bottom: 0;
  font-size: 1.5em;
}
.Yum_Icon .ebtn a {
  color: #fff;
}
.Yum_Icon .ebtn a:hover {
  color: #fff;
}
.Yum_Icon .catalog_font {
  padding: 20px;
  width: 100%;
  background-color: #fff;
}
.Yum_Icon .catalog_font h3 {
  font-size: 1.1em;
  margin-top: 0;
  font-weight: bolder;
  height: 45px;
  line-height: 21px;
  overflow: hidden;
}
.Yum_Icon .catalog_font p {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.Yum_Icon .oder_nonebg {
  display: inline-table;
  padding: 20px;
  width: 31.9%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.Yum_Icon .oder_nonebg:nth-child(3n) {
  margin-right: 0;
}

.catalog_order .catalog_bg {
  border: #c7c7c7 solid 1px;
  display: inline-block;
  width: 31%;
  border-radius: 3px;
  margin: 0 8px 20px 8px;
}
.catalog_order .catalog_bg2 {
  border: #c7c7c7 solid 1px;
  display: inline-table;
  width: 33%;
  margin-bottom: 20px;
  border-radius: 3px;
}
.catalog_order .pic {
  position: relative;
  width: 100%;
  height: 240px;
  overflow: hidden;
  text-align: center;
}
.catalog_order .pic a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.catalog_order .pic img {
  width: 100%;
  height: auto;
  max-width: 250px;
}
.catalog_order .pic_articles {
  position: relative;
  width: 100%;
  text-align: center;
}
.catalog_order .pic_articles a {
  height: 232px;
  display: block;
  overflow: hidden;
}
.catalog_order .pic_articles img {
  width: auto;
  height: 100%;
}
.catalog_order .ebtn {
  position: absolute;
  width: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  padding: 10px 0;
  color: #fff;
  bottom: 0;
  font-size: 1.5em;
}
.catalog_order .ebtn a {
  color: #fff;
}
.catalog_order .ebtn a:hover {
  color: #fff;
}
.catalog_order .catalog_font {
  padding: 20px;
  width: 100%;
  background-color: #fff;
}
.catalog_order .catalog_font h3 {
  font-size: 1.1em;
  margin-top: 0;
  font-weight: bolder;
  height: 90px;
  line-height: 21px;
  overflow: hidden;
}
.catalog_order .catalog_font p {
  line-height: 20px;
  height: 40px;
  overflow: hidden;
}
.catalog_order .oder_nonebg {
  display: inline-table;
  padding: 20px;
  width: 31.9%;
  margin-right: 20px;
  margin-bottom: 20px;
}
.catalog_order .oder_nonebg:nth-child(3n) {
  margin-right: 0;
}

.support_bg {
  display: inline-table;
  width: 14%;
  margin-right: 20px;
  margin-bottom: 20px;
  border-radius: 3px;
  margin-bottom: 70px;
}

.supp {
  width: 100%;
  color: #333;
  font-weight: bolder;
  text-align: center;
  font-size: 16px;
}
.supp a {
  color: #333;
  text-decoration: none;
}
.supp a:hover {
  color: #b60057;
  text-decoration: none;
}

.pdf_btn a {
  color: #676767;
  cursor: pointer;
}
.pdf_btn.ate a {
  font-size:1.2em;
}
.pdf_btn a:hover {
  color: #b60057;
}
.pdf_btn i {
  font-size: 1.4em;
  margin-right: 10px;
  color: #b60057;
}

.social_font {
  color: #676767;
  margin-bottom: 20px;
  font-size: 1.1em;
}

.Rss_font {
  color: #676767;
  font-size: 1.1em;
}

.inquirystyle {
  border: 1px solid #dadada;
  height: 30px;
  background-color: #fff;
}
.inquirystyle input {
  height: 20px;
  background-color: #fff;
  width: 85%;
}

.country {
  border: 1px solid #dadada;
  height: 30px;
  background-color: #fff;
  width: 30%;
  display: inline-block;
}
.country.cselect {
  margin-right: 25px;
}
.country.cselect select {
  width: 100%;
}
.country.zip {
  margin-left: 15px;
  width: 16%;
}
.country input {
  height: 20px;
  width: 90%;
  background-color: #fff;
}

.country_font {
  display: inline-block;
  width: 22%;
  font-size: 14px;
  font-weight: bolder;
}

.country_w {
  border: 1px solid #dadada;
  height: 30px;
  background-color: #fff;
  width: 75%;
  display: inline-block;
}
.country_w input {
  height: 20px;
  width: 90%;
  background-color: #fff;
}

.code_img {
  float: left;
  margin-left: 15px;
}
.code_img i {
  font-size: 2em;
  color: #676767;
}

.code_select {
  margin-bottom: 10px;
  display: inline-block;
  float: left;
}
.code_select select {
  margin-left: 10px;
}

.access_code {
  border: 1px solid #dadada;
  height: 30px;
  background-color: #fff;
  width: 17%;
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 5px;
}
.access_code input {
  height: 20px;
  width: 90%;
  background-color: #fff;
}

.name_box {
  border: 1px solid #dadada;
  height: 30px;
  background-color: #fff;
}
.name_box input {
  height: 20px;
  width: 70%;
  background-color: #fff;
}

.checkbox_List {
  padding-bottom: 2em;
  font-size: 1em;
}
.checkbox_List table {
  vertical-align: middle;
}
.checkbox_List tr {
  padding: 5px;
}
.checkbox_List td {
  padding: 5px;
  width: 9%;
}
.checkbox_List td input {
  margin-right: 10px;
  zoom: 1.2;
}

.checkbox_inter {
  padding-bottom: 2em;
  font-size: 1em;
}
.checkbox_inter table {
  vertical-align: middle;
}
.checkbox_inter tr {
  padding: 5px;
}
.checkbox_inter td {
  padding: 5px;
  width: 9%;
}
.checkbox_inter td input {
  margin-right: 10px;
  zoom: 1.2;
}

.checkbox_sample {
  padding-bottom: 2em;
}
.checkbox_sample table {
  vertical-align: middle;
  font-size: 1.1em;
}
.checkbox_sample tr {
  padding: 5px;
}
.checkbox_sample td {
  padding: 5px;
}
.checkbox_sample li {
  display: inline-block;
  margin-right: 10px;
  margin-bottom: 6px;
  width: 25%;
  font-size: 12px;
}
.checkbox_sample li input {
  margin-right: 10px;
  zoom: 1.2;
}

.alliancepartners_bg {
  background-color: #fff;
  width: 100%;
  margin: 0 20px 20px 0;
  padding: 20px;
  overflow: hidden;
}

.allian_logo {
  float: left;
}
.allian_logo img {
  padding: 20px;
  width: 100%;
}

.alwidth {
  width: 200px;
}
.alwidth img {
  padding: 0;
  padding-top: 25px;
}

.renew_font {
  color: #555;
}
.renew_font p {
  text-align: left;
}

.allian_fontbox {
  float: left;
  width: 60%;
  margin-left: 20px;
}
.allian_fontbox th {
  width: 70px;
}

.digital_ED {
  box-sizing: border-box;
}

.digital_intel {
  width: 22%;
  margin-right: 2%;
  display: inline-table;
}
.digital_intel h3 {
  font-size: 1.2em;
  line-height: 1.5;
  font-weight: bolder;
  margin-bottom: 10px;
}
.digital_intel h3 a {
  color: #000;
}
.digital_intel h3 a:hover {
  color: #b60057;
  text-decoration: none;
}
.digital_intel h5 {
  color: #676767;
  line-height: 18px;
}
.digital_intel .pic {
  width: 100%;
  overflow: hidden;
}
.digital_intel .pic img {
  width: 50%;
}

.catalog_box {
  box-sizing: border-box;
}

.catalog_item {
  width: 22%;
  margin-right: 2%;
  display: inline-table;
}
.catalog_item h3 {
  font-size: 1.1em;
  line-height: 1.5;
  height:60px;
  font-weight: bolder;
  margin-bottom: 10px;
}
.catalog_item h3 a {
  color: #000;
}
.catalog_item h3 a:hover {
  color: #b60057;
  text-decoration: none;
}
.catalog_item h5 {
  color: #676767;
  line-height: 18px;
}
.catalog_item .pic {
  width: 100%;
  height: 240px;
  overflow: hidden;
  text-align: center;
}
.catalog_item .pic img {
  max-width: 250px;
  height: 240px;
}

.video_item {
  width: 24%;
  margin-right: 1%;
  display: inline-table;
}
.video_item:nth-child(4n) {
  margin-right: 0;
}
.video_item h5 {
  color: #676767;
  line-height: 18px;
  margin: 10px 0;
}
.video_item .pic {
  width: 100%;
}
.video_item .pic img {
  width: 100%;
}

.name {
  display: inline-block;
  width: 49%;
  margin-right: 1%;
  margin-bottom: 15px;
}
.name:nth-child(2n) {
  margin-right: 0;
  font-size: 12px;
}

.regin_all {
  margin-bottom: 20px;
}
.regin_all li {
  display: inline-block;
  padding: 10px;
  background-color: #ddd;
  margin-bottom: 5px;
  font-size: 1.2em;
  margin-right: 3px;
}
.regin_all li:hover {
  background-color: #ccc;
  }
.regin_all li.on {
  background-color: #ccc;
  }
.regin_all h2 {
  margin-top: 20px;
}
.regin_all h2 span {
  font-size: 0.8em;
  font-weight: normal;
}
.regin_all h3 {
  margin-left: 20px;
}
.regin_all a {
  color: #676767;
}
.regin_all a:hover {
  color: #b60057;
}
.regin_all .red_re {
  background-color: #b60057;
  color: #fff;
}
.regin_all .red_re a {
  color: #FFF;
}
.regin_all .red_re a:hover {
  color: #FFF;
}

.product_inquiry {
  background-color: #fff;
  padding: 5px 20px 10px 20px;
  margin-bottom: 20px;
}

.contry_list {
  margin-bottom: 10px;
  color: #676767;
}

.contry_inquiry {
  display: inline-block;
  margin-right: 10px;
  vertical-align: middle;
}
.contry_inquiry input {
  zoom: 1.2;
}

.inquiry_hover {
  background-color: #fff;
  width: 350px;
  position: absolute;
  top: 40px;
  right: 10%;
  border-radius: 5px;
  box-shadow: 1px 1px 2px 2px rgba(0, 0, 0, 0.2);
}

.inquiry_pic {
  width: 150px;
  height: 150px;
  margin: 30px;
  display: inline-block;
  border: 1px solid #ccc;
}
.inquiry_pic img {
  width: 100%;
}

.inquiry_eebox {
  display: inline-block;
}

.inquiry_text {
  color: #676767;
  font-size: 1.2em;
  margin-bottom: 20px;
}

.channeltitle {
  margin-left: 0 !important;
}

.cat_ent_bottom {
  margin-bottom: 30px;
}

@media only screen and (max-width: 1199px) {
  .sitemap_clearfix .sitemap_box {
    width: 22%;
  }
  .sitemap_clearfix .please_box {
    width: 30%;
  }
  .sitemap_clearfix .boards_box {
    width: 40%;
  }
}
@media only screen and (max-width: 999px) {
  .sitemap_clearfix .sitemap_box {
    width: 21%;
  }
  .sitemap_clearfix .please_box {
    width: 28%;
  }
  .sitemap_clearfix .boards_box {
    width: 48%;
  }
}
@media only screen and (max-width: 991px) {
	.ap_psed.ate{
		width:calc( 50% - 20px );
		margin-bottom:20px;
	}

}
@media only screen and (max-width: 840px) {
	/*.ap_psed.swp{
		padding-right: 10px;
		padding-left: 10px;
	}
	.rolat_right{
		position: absolute;
		top: 50%;
		margin-right: -20px;
		right:0;
	}
	.rolat_left{
		position: absolute;
		top: 50%;
		margin-left: -20px;
		left:0;
	}*/
	.xice_center{
		display:none;
	}
	.rolat_left{
	  margin-left: 20px;
	  z-index:1000;
	  }
	  .rolat_right{
		  margin-right: 0;
		  z-index:1000;
	  }
}
@media only screen and (max-width: 767px) {
  .sitemap_clearfix .sitemap_box {
    width: 100%;
  }
  .sitemap_clearfix .please_box {
    width: 100%;
  }
  .sitemap_clearfix .boards_box {
    width: 100%;
  }
}
@media only screen and (max-width: 640px) {
	/*.ap_psed.swp{
		padding-right: 10px;
		padding-left: 10px;
	}
	.rolat_right{
		position: absolute;
		top: 50%;
		margin-right: -20px;
		right:0;
	}
	.rolat_left{
		position: absolute;
		top: 50%;
		margin-left: -20px;
		left:0;
	}*/
	.xice_pinetitle{
		font-size: 2em!important;
		top:54%;
		left: 10%;
		margin-left:0;
	}
	.liun_btn li{
		padding: 10px 5px;
	}
	.pdf_btn i{
		margin-right:0;
	}
	.pdf_btn.ate a {
	  font-size:1em;
	}
	.ap_psed.ate{
		width:90%;
		margin:0 auto;
		margin-bottom:30px;
	}
	.ree_ppc .ree_cate{
		bottom: 17px;
	}
	.row.slnew .ree_ppc img{
		width:auto;
		max-height:80px;
	}
	.backtop{
		right:30px!important;
	}
	.container.ssnew{
		padding-right:0;
		padding-left:0;
	}
	.xice_graybg{
		padding: 20px 0;
	}
	.ncce_title{
		margin-top: 15px;
	}
	.yo_wrap{
		padding: 20px 0;
	}
	.xice_bluebg{
		padding: 20px 0;
	}
	.ree_ft{
		height:50px;
	}
	.rolat_left{
	  top:35%;
	  }
    .rolat_right{
	  top:35%;
    }
	.service{
		text-align:center;
	}


}

@media only screen and (min-width: 1200px) {
  .touch_showbar {
    display: none;
  }

  .footer_s_bg {
    padding-bottom: 21px;
  }

  .hember {
    display: none;
  }

  .hember2 {
    display: none;
  }

  .hember3 {
    display: none;
  }

  .hember4 {
    display: none;
  }

  .backtop {
    display: none;
  }

  .index_bn01 {
    display: block;
  }

  .index_bn02 {
    display: none;
  }

  .close_icon {
    display: none;
  }

  .touch-header input {
    display: none;
  }
  .touch-header i {
    display: none;
  }

  .banner_wrapper {
    padding-bottom: 28%;
  }
}
@media only screen and (max-width: 1199px) {
  .bannerfontcenter {
    width: 1000px;
  }

  .joke_box {
    width: 99%;
  }

  .lat_01 {
    width: 40%;
  }

  .touch_showbar {
    display: none;
  }

  .footer_s_bg {
    padding-bottom: 21px;
  }

  .touch-header input {
    display: none;
  }
  .touch-header i {
    display: none;
  }

  .close_icon {
    display: none;
  }

  .wrapper {
    width: 1000px;
  }

  .menu_box_header_6 {
    top: 90px;
  }

  .menu_box_header_2 {
    top: 90px;
  }

  .menu_box_header_3 {
    top: 90px;
  }

  .menu_box_header_4 {
    top: 90px;
  }

  .menu_box_header_5 {
    /*top: 90px;*/
	top:10px;
  }

  .slideshow-container {
    position: relative;
    display: block;
    border-bottom: 3px #b60057 solid;
  }
  .slideshow-container img {
    width: 100%;
    height: auto;
  }
  .slideshow-container .swiper-wrapper .swiper-slide {
    margin: 0;
    padding: 0;
    background-size: cover;
    height: 500px;
  }
  .slideshow-container .swiper-wrapper .bannerbg {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext span {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper01 .bannertext {
    top: 230px;
    left: 2%;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper02 .bannertext {
    top: 230px;
    left: 2%;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper03 .bannertext {
    top: 230px;
    left: 2%;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper04 .bannertext {
    top: 230px;
    left: 2%;
  }

  .section-container {
    width: 1000px;
  }

  .banner_wrapper {
    padding-bottom: 30%;
    margin-top: 61px;
  }
  .banner_wrapper .bn_rp_font {
    width: 1000px;
  }
  .banner_wrapper .bn_rp_font .font {
    left: 582px;
  }
  .banner_wrapper .bn_rp_font .small_font {
    left: 589px;
  }
  .banner_wrapper .bn_rp_font .xs_font {
    left: 590px;
  }

  .top-menu {
    margin-right: 68px;
  }
  .top-menu .mx_btn {
    margin-right: 10px;
  }
  .top-menu li {
    margin-left: 15px;
    font-size: 14px;
  }
  .top-menu li.rd {
    margin-left: 0;
    font-size: 16px;
  }
  .top-menu .menu_box_header {
    top: 90px;
  }
  .top-menu .head_bg2 li {
    font-size: 12px;
  }
  .top-menu .head_bg2 .head_title {
    font-size: 14px;
  }
  .top-menu .head_bg3 li {
    font-size: 12px;
  }
  .top-menu .head_bg3 .head_title {
    font-size: 18px;
  }

  .hember {
    display: none;
  }

  .hember2 {
    display: none;
  }

  .hember3 {
    display: none;
  }

  .hember4 {
    display: none;
  }

  .backtop {
    display: none;
  }

  .footer_box {
    width: 1000px;
  }

  .index_bn01 {
    display: block;
  }

  .index_bn02 {
    display: none;
  }

  .product_bread {
    width: 70%;
  }
}
@media only screen and (max-width: 999px) {
  .menu_box_header_6 {
    right: 0;
    top: 90px;
  }

  .bannerfontcenter {
    width: 100%;
  }

  .joke_box {
    width: 100%;
    display: inline-block;
  }

  .slideshow-container {
    position: relative;
    display: block;
    border-bottom: 3px #b60057 solid;
    margin-top: 50px;
  }
  .slideshow-container img {
    width: 69%;
    height: auto;
  }
  .slideshow-container .swiper-wrapper .swiper-slide {
    margin: 0;
    padding: 0;
    background-size: cover;
    height: 500px;
  }
  .slideshow-container .swiper-wrapper .bannerbg {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext span {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper01 .bannertext {
    top: 225px;
    left: 30px;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper02 .bannertext {
    top: 225px;
    left: 30px;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper03 .bannertext {
    top: 225px;
    left: 30px;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper04 .bannertext {
    top: 225px;
    left: 30px;
  }
  .slideshow-container .swiper-button-prev, .slideshow-container .swiper-button-next{
    display: none;
  }

  .touch_showbar {
    display: block;
  }

  .header_container {
    height: 60px;
  }

  .footer_s_bg {
    padding-bottom: 0;
  }

  .close_icon {
    display: block;
  }

  .wrapper {
    width: 100%;
  }

  .wrapper2 {
    width: 870px;
  }

  .section-container {
    width: 94%;
    margin: 0px 15px;
  }

  .top-menu {
    display: none;
  }

  .dark_box .nav_icon {
    display: none;
  }
  .dark_box .product_sheet i {
    float: right;
  }

  .logo {
    margin-left: 10px;
    float: left;
  }
  .logo img {
    width: 100%;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .backtop {
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 99;
    width: 66px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
  }
  .backtop img {
    width: 100%;
  }

  .hember {
    width: 34px;
    margin-right: 10px;
    display: block;
    float: right;
    margin-top: 10px;
  }
  .hember img {
    width: 80%;
  }

  .hember2 {
    width: 34px;
    margin-right: 13px;
    display: block;
    float: right;
    margin-top: 10px;
  }
  .hember2 img {
    width: 80%;
  }

  .hember3 {
    width: 34px;
    margin-right: 13px;
    display: block;
    float: right;
    margin-top: 10px;
  }
  .hember3 p {
    position: absolute;
    margin-top: 11px;
    margin-left: 22px;
    color: #72103d;
    font-weight: bolder;
    font-size: 11px;
  }
  .hember3 img {
    width: 100%;
  }

  .hember4 {
    width: 34px;
    margin-right: 13px;
    display: block;
    float: right;
    margin-top: 10px;
  }
  .hember4 p {
    position: absolute;
    margin-top: 11px;
    margin-left: 22px;
    color: #72103d;
    font-size: 11px;
  }
  .hember4 img {
    width: 100%;
  }

  .search_bg {
    display: none;
  }

  .product_bread {
    width: 78%;
  }

  .to-crumbs {
    display: block;
  }

  .nav_icon {
    display: none;
  }

  .productline {
    width: 100%;
  }

  .footer_box {
    overflow: hidden;
    width: 100vw;
    padding: 10px 10px;
  }
  .footer_box .box01 {
    width: 95vw;
    margin: 10px 6px;
  }
  .footer_box h3 {
    border-bottom: 1px solid #676767;
    padding-bottom: 10px;
    margin-bottom: 10px;
  }
  .footer_box h3 i {
    display: block;
    float: right;
  }
  .footer_box .for_mobile {
    display: block;
  }

  .service {
    color: #fff;
    padding-bottom: 20px;
    width: 250px;
    margin: 25px auto 0;
    float: none;
  }

  .service_email {
    color: #fff;
    color: #fff;
    padding-bottom: 20px;
    float: none;
    margin: 0 auto;
  }

  .footer_email {
    width: 300px;
    margin: 0 auto 10px;
    text-align: center;
  }

  .footer_bottom {
    display: block;
  }

  .footer_middle {
    padding-bottom: 20px;
    text-align: center;
  }

  .footer_s_bg .wrapper {
    padding: 0 20px;
  }

  .footer_region {
    overflow: hidden;
    width: 310px;
    margin: 0 auto;
  }

  .latest {
    width: 280px;
    margin: 0 auto;
  }

  .index_bn01 {
    display: none;
  }

  .index_bn02 {
    display: block;
  }

  .product_box .to_item_pic {
    width: 135px;
    float: left;
  }
  .product_box .to_item_pic img {
    width: 100%;
  }
  .product_box .to_item_font {
    float: center;
    min-height: 187px;
    /* max-height: 200px; */
  }
  .product_box .to_item_font h3 {
    margin-top: 0;
    font-size: 1.2em;
    color:#b60057;
  }
  .product_box .item1 {
    /* text-align: left; */
    margin-right: 10px;
  }
  .product_box .item1 a{
      text-decoration: none;
  }

  .index_title {
    font-size: 2em;
  }

  .banner_wrapper {
    background-image: url("../Download/banners/en-US/index-bn-1-01.jpg");
    padding-bottom: 38%;
    width: 100%;
  }
  .banner_wrapper .bn_rp_font {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .banner_wrapper .bn_rp_font .font {
    font-size: 2.2em;
    position: absolute;
    top: 80px;
    left: 60%;
    color: #00683d;
    width: 300px;
  }
  .banner_wrapper .bn_rp_font .small_font {
    font-size: 1.2em;
    position: absolute;
    top: 167px;
    left: 60%;
    font-weight: bolder;
  }
  .banner_wrapper .bn_rp_font .xs_font {
    position: absolute;
    width: 250px;
    top: 192px;
    left: 60%;
  }

  .option_set {
    width: 300px;
    text-align: center;
    margin: 0 auto;
  }
  .option_set .font_set {
    margin-bottom: 20px;
    margin-right: 0;
    display: block;
  }
  .sol_rdbg{
      background-color: #b60057;
      border-radius:50px;
  }
  .option_set .font_set:nth-child(1):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(2):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(3):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(4):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }

  .touch-screen-mask {
    background-color: rgba(0, 0, 0, 0.4);
    visibility: visible;
    position: fixed;
    display: block;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    cursor: pointer;
    z-index: 1100;
  }

  .touch-menu {
    display: block;
    width: 315px;
  }
  .touch-menu li {
    border-bottom: 1px solid rgba(255, 255, 255, 0.05);
  }
  .touch-menu .label222 {
    position: relative;
    padding: 0.6em 0.6em 10em;
    text-align: left;
    height: auto;
    color: #fff;
    border-bottom: 1px solid #696969;
    padding-bottom: 10px;
    padding-top: 10px;
  }
  .touch-menu .label222 i {
    float: right;
  }
  .touch-menu .label222 .Hemche {
    float: right;
  }
  .touch-menu .label222 a {
    color: #fff;
  }
  .touch-menu .label {
    font-size: 1em;
  }
  .touch-menu .label i {
    float: right;
  }
  .touch-menu .ga_tracking {
    text-decoration: none;
    padding: 1em 1em 1em 2em;
    color: #999;
    display: block;
  }
  .touch-menu .ga_tracking .Hemche2 {
    float: right;
  }
  .touch-menu .ga_tracking i {
    float: right;
  }
  .touch-menu .ga_tracking a {
    color: #999;
  }
  .touch-menu .ga_tracking2 {
    text-decoration: none;
    padding: 0.7em 0.7em 0.7em 2.3em;
    color: #676767;
    display: block;
  }
  .touch-menu .ga_tracking2 a {
    color: #b60057;
  }
  .touch-menu .ga_tracking2 .Hemche3 {
    float: right;
  }
  .touch-menu .ga_tracking3 {
    text-decoration: none;
    padding: 0.7em 0.7em 0.7em 3.3em;
    color: #b38e8e;
    display: block;
  }
  .touch-menu .ga_tracking3 a {
    color: #b38e8e;
  }

  .touch-header input[type="checkbox"] {
    position: absolute;
    clip: rect(0, 0, 0, 0);
  }
  .touch-header label[for="trigger"] i {
    font-size: 3em;
    color: #fff;
  }

  .menu_header {
    display: none;
  }

  .page_bg {
    margin-top: 66px;
  }

  .fixed {
    height: 66px;
  }

  .font_mail {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
  .font_mail {
    width: 60%;
  }

  .fixed {
    height: 55px;
  }

  .latestnews .swiper-container2 {
    height: 130px;
  }
  .latestnews .snews.swiper-slide {
    height: 130px !important;
  }

  .slideshow-container {
    position: relative;
    display: block;
    border-bottom: 3px #b60057 solid;
  }
  .slideshow-container img {
    width: 100%;
    height: auto;
  }
  .slideshow-container .swiper-wrapper .swiper-slide {
    margin: 0;
    padding: 0;
    background-size: cover;
    max-height: 300px;
    min-height: 340px;
  }
  .slideshow-container .swiper-wrapper .bannerbg {
    margin: 0;
    padding: 0;
    background-size: cover;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg .bannertext span {
    width: auto !important;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper01 .bannertext {
    top: 152px;
    left: 20px;
    width: 100%;
    font-size: 1.5em;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper02 .bannertext {
    top: 152px;
    left: 20px;
    width: 100%;
    font-size: 1.5em;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper03 .bannertext {
    top: 152px;
    left: 20px;
    width: 100%;
    font-size: 1.5em;
  }
  .slideshow-container .swiper-wrapper .bannerbg.swiper04 .bannertext {
    top: 152px;
    left: 20px;
    width: 100%;
    font-size: 1.5em;
  }

  .touch_showbar input {
    width: 95%;
    height: 30px;
  }

  .to-crumbs {
    display: none;
  }

  .hember {
    width: 26px;
    margin-top: 20px;
    margin-right: 5px;
  }

  .hember2 {
    width: 26px;
    margin-top: 20px;
    margin-right: 3px;
  }

  .hember3 {
    width: 30px;
    margin-top: 20px;
  }
  .hember3 p {
    position: absolute;
    margin-top: 15px;
    margin-left: 17px;
    color: #72103d;
    font-size: 7px;
  }

  .hember4 {
    width: 30px;
    margin-top: 20px;
  }
  .hember4 p {
    position: absolute;
    margin-top: 15px;
    margin-left: 17px;
    color: #72103d;
    font-weight: bolder;
    font-size: 7px;
  }

  .backtop {
    position: fixed;
    bottom: 20px;
    right: 0px;
    z-index: 99;
    width: 66px;
    border: none;
    outline: none;
    cursor: pointer;
    padding: 15px;
    border-radius: 10px;
  }
  .backtop img {
    width: 100%;
  }

  .logo {
    width: 156px;
  }
  .logo img {
    width: 100%;
  }

  .banner_wrapper {
    background-image: url("../Download/banners/en-US/index-bn-1-01.jpg");
    padding-bottom: 66%;
    width: 100%;
    margin-top: 61px;
  }
  .banner_wrapper .bn_rp_font {
    width: 100%;
    margin: 0 auto;
    position: relative;
  }
  .banner_wrapper .bn_rp_font .font {
    font-size: 1.8em;
    font-weight: bolder;
    position: absolute;
    top: 15px;
    left: 14px;
  }
  .banner_wrapper .bn_rp_font .small_font {
    font-size: 1.4em;
    position: absolute;
    top: 90px;
    left: 16px;
  }
  .banner_wrapper .bn_rp_font .xs_font {
    position: absolute;
    top: 119px;
    left: 16px;
    font-size: 1.2em;
  }

  .solu_bg {
    background-color: rgba(255, 255, 255, 0.7);
    width: 100%;
    height: 200px;
    margin-top: 220px;
  }
  .solu_bg .box {
    margin: 20px 30px;
  }
  .solu_bg .solu_font_h {
    height: 44px;
    overflow: hidden;
  }
  .solu_bg h2{
    color:#b60057;
  }

  .product_bread .to-crumbs {
    display: block;
  }

  .dark_box .nav_icon {
    display: none;
  }

  .option_set {
    width: 300px;
    text-align: center;
    margin: 0 auto;
  }
  .option_set .font_set {
    margin-bottom: 20px;
    margin-right: 0;
    display: block;
  }
  .option_set .font_set:nth-child(1):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(2):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(3):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }
  .option_set .font_set:nth-child(4):after {
    margin-left: 20px;
    display: none;
    color: #999;
  }

  .solu_bn {
    margin-bottom: 50px;
  }

  .product_bread {
    width: 94%;
  }

  .product_box .item1 {
    width: 90%;
  }
  .product_box .to_item_font {
    min-height: 139px;
    /* max-height: 219px; */
  }

  .footer_middle {
    margin: 0;
  }

  .footer_box .box01 {
    width: 90vw;
  }
  .footer_box .box01 .Iminus {
    float: right;
  }

  .lat_01 {
    width: 100%;
    margin-left: 0;
  }

  .section-container .latestnews .swiper-container2 {
    width: 100%;
    display: inline-block;
  }
  .section-container .latestnews .lat_02 {
    margin-left: 0;
    width: 99%;
    display: inline-block;
    margin-top: 6px;
  }
  .section-container .latestnews .lat_03 {
    display: inline-block;
    margin-top: 4px;
  }

  .page_bg {
    margin-top: 55px;
  }
}
@media only screen and (max-width: 1199px) {
  .inside-container {
    width: 1000px;
  }
  .inside-container.aboutinside {
    width: 100vw;
  }
  .inside-container .font_article {
    width: 960px;
    margin: 0 20px;
  }

  .product_bread {
    width: 35%;
  }

  .relatednews .title .box .renew_font p {
    width: 95%;
  }

  .float_box2 .item_pic {
    width: 360px;
    height: 360px;
  }
  .float_box2 .item_pic img {
    width: 100%;
  }
  .float_box2 .s_item_pic {
    width: 396px;
  }

  .product-wrapper {
    margin: 40px 20px;
  }

  .downmenu_wrapper {
    width: 1000px;
  }

  .motherboard_container .mtx_box_bg {
    width: 23.9%;
    flex-basis: 23.9%;
  }

  .downmenu_wrapper {
    width: 100%;
  }
  .downmenu_wrapper .product_downmenu {
    top: -91px;
    left: 69px;
  }
}
@media only screen and (max-width: 999px) {
  .max_btn_center button {
    display: none;
  }

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

  .nav_icon {
    display: block;
    float: left;
  }

  .nav_fb .ga_icon {
    display: none;
  }

  .fb_icon {
    margin-top: 4px;
  }

  .inside-container {
    width: 100%;
  }
  .inside-container.aboutinside {
    width: 100vw;
  }
  .inside-container .font_article {
    width: 94%;
    line-height: 30px;
  }

  .relatednews .title {
    width: 47%;
    display: inline-table;
  }
  .relatednews .title .box {
    padding: 10px;
  }
  .relatednews .title .box .renew_font p {
    width: 95%;
  }

  .product-wrapper .float_box {
    width: 80%;
    margin-right: 3%;
  }
  .product-wrapper .float_box2 {
    float: left;
    width: 50%;
  }

  .feature_box {
    width: 720px;
    margin: 0 auto;
  }
  .feature_box li {
    margin-right: 30px;
    font-size: 1em;
  }

  .downmenu_wrapper {
    width: 100%;
  }
  .downmenu_wrapper .product_downmenu {
    top: -111px;
  }

  .motherboard_container .mtx_box_bg {
    width: 32%;
    flex-basis: 32%;
  }

  .bread_box {
    margin: 20px 20px 0;
  }
  .bread_box .to-crumbs {
    display: block;
  }
  .bread_box .to-crumbs li {
    font-size: 1em;
  }

  .downmenu_wrapper {
    width: 100%;
  }
  .downmenu_wrapper .product_downmenu {
    top: -91px;
    left: 0;
  }

  .feature_box {
    width: 100%;
  }
  .feature_box p {
    padding: 0 20px;
  }
  .feature_box li {
    font-size: 1em;
    display: list-item;
  }
  .feature_box .acture {
    margin-top: 15px;
    background-color: #b60057;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    font-size: 1.2em;
    width: 100%;
    /*    &:after {
        content: url("../images/tran.png");
        margin-left: 10px;
    }*/
  }
  .feature_box .acture.active {
    box-shadow: inset 0 -5px 0 0 #b60057;
    display: flex;
    width: 100%;
  }
  .feature_box .acture .tab_click {
    float: left;
  }
  .feature_box .acture .tab_click i {
    margin-left: 20px;
  }
  .feature_box .acture a {
    color: #fff;
  }
  .feature_box .acture a:hover {
    color: #fff;
  }
  .feature_box .hide_acture {
    display: none;
  }
  .option_set{
    display: none;
  }
  .swiper-container66{
    position: relative;
    padding-top:0!important;
  }
  .swiper-container66 .swiper-slide{
  	min-height:350px;
  }
  .solot_R {
  	padding-top:0;
  	width:100%;
  }
  .solot_L{
    padding:30px!important;
    width:calc( 100% - 80px );
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 0;
    left:0;
    background-color: rgba(255,255,255,0.7);
  }
  .soso_pic{
  	min-height:250px;
  }

}
@media only screen and (max-width: 767px) {
  .AdvSearch {
    margin: 0 auto !important;
  }

  .nav_icon {
    display: block;
    float: left;
  }

  .fb_icon {
    margin-top: 4px;
  }

  .motherboard_container .mtx_box_bg {
    width: 48%;
    flex-basis: 48%;
  }

  .downloadcat {
    margin-bottom: 0;
  }

  .catmargin {
    margin-bottom: 10px;
  }

  .product-wrapper {
    margin: 0 30px;
  }
  .product-wrapper .float_box {
    width: 100%;
  }
  .product-wrapper .float_box2 {
    width: 100%;
  }
  .product-wrapper .item_pic {
    width: 100%;
    height: 100%;
  }
  .product-wrapper .item_pic img {
    width: 100%;
  }
  .product-wrapper .s_item_pic {
    width: 100%;
    height: 100%;
  }

  .relatednews .title {
    width: 100%;
    margin-right: 0;
  }
  .relatednews .title .box {
    margin-bottom: 20px;
    padding: 10px;
  }
  .relatednews .title .box .renew_font p {
    width: 95%;
  }

  .feature_box {
    width: 100%;
  }
  .feature_box p {
    padding: 0 20px;
  }
  .feature_box li {
    font-size: 1em;
    display: list-item;
  }
  .feature_box .acture {
    margin-top: 15px;
    background-color: #b60057;
    color: #fff;
    padding: 10px 20px;
    display: flex;
    font-size: 1.2em;
    width: 100%;
    /*    &:after {
        content: url("../images/tran.png");
        margin-left: 10px;
    }*/
  }
  .feature_box .acture.active {
    box-shadow: inset 0 -5px 0 0 #b60057;
    display: flex;
    width: 100%;
  }
  .feature_box .acture .tab_click {
    float: left;
  }
  .feature_box .acture .tab_click i {
    margin-left: 20px;
  }
  .feature_box .acture a {
    color: #fff;
  }
  .feature_box .acture a:hover {
    color: #fff;
  }
  .feature_box .hide_acture {
    display: none;
  }

  .red_line {
    display: none;
  }

  .downmenu_wrapper {
    width: 100%;
  }
  .downmenu_wrapper .product_downmenu {
    top: -132px;
    left: 0;
  }

  .compare_btm {
    width: 100%;
    height: 118px;
  }
  .compare_btm button {
    margin-bottom: 0px;
    width: 127px;
  }

  .imb_eum {
    width: 100%;
  }

  .down_sub {
    width: 100%;
  }

  .emb_font {
    width: 100%;
  }

  .rss_leftbtn {
    width: auto;
    text-align: none;
    margin-left: 0;
  }
}
@media only screen and (max-width: 500px) {
  .full_pic3 {
    width: 100%;
    text-align: center;
    margin: 0 auto;
  }
  .full_pic3 img {
    width: 100%;
  }

  .rss_leftbtn {
    width: auto;
    text-align: none;
    margin-left: 0;
  }

  .css3_content {
    margin-bottom: 20px;
    width: 100%;
  }
  .css3_content li {
    list-style-image: url("../images/icon_right.png") !important;
    list-style-type: none;
    line-height: 2;
    margin-bottom: 3px;
    color: #676767;
    margin-left: 25px;
    display: list-item;
  }

  .motherboard_container .mtx_box_bg {
    width: 100%;
    flex-basis: 100%;
  }

  .selectstyle {
    margin-bottom: 10px;
  }
}
@media only screen and (max-width: 1199px) {
  .job_container {
    width: 1000px;
  }

  .bk_wrapper {
    width: 1000px;
  }

  .cookies_continer {
    width: 1000px;
  }
}
@media only screen and (max-width: 999px) {
  .cookie_message {
    width: 100%;
    margin-bottom: 10px;
  }

  .cookies_continer {
    width: 100%;
  }

  .learnmore_cookie {
    margin-left: 27px;
  }

  .job_container {
    width: 66%;
  }

  .world_left {
    width: 300px;
  }

  .world_right {
    width: 40%;
  }

  .bk_wrapper {
    width: 100%;
    padding: 0 20px;
  }

  .epk_news2 {
    margin-left: 13%;
  }
}
@media only screen and (max-width: 767px) {
    .teste_md{
        margin-right: 0;
    margin-left: 0;
    }
	.ewe_wrapper{
		margin-bottom:60px!important;
	}
	.nt_ow{
        /* margin-bottom: 3.9vh; */
    }
	.pakd h2{
    font-size: 2.1em;
	}
    .pakd p{
        margin-top: 13vh;
    }
    .ewe_box {
        min-height: 30.7vh;
    }
    .ewe_bx_box{
        min-height: 25.7vh;
    }
    .solot_L{
        width: 100%;
        padding: 30px;
    }
    .solot_R{
        width: 100%;
    }
    .solu_title{
        text-align: center;
    }
    .product_box .to_item_font{
        margin-bottom: 25px;
    }
  .cookie_message {
    width: 100%;
  }

  .learnmore_cookie {
    margin-left: 27px;
  }

  .selecinq {
    font-size: 0.8em !important;
  }

  .btnmargin {
    margin-bottom: 10px !important;
  }

  .epk_news, .epk_news2 {
    margin-left: 0%;
  }

  .world_left {
    width: 40%;
  }

  .world_right {
    width: 100%;
  }

  .job_bg {
    overflow: hidden;
  }

  .job_btnbox {
    width: 100%;
  }

  .job_font {
    width: 100%;
    float: left;
    text-align: center;
    margin-bottom: 10px;
  }
  .job_font:after {
    content: "";
  }

  .table_sample {
    width: 100%;
    overflow-x: scroll;
    font-size: 12px;
  }

  .table_inquiry {
    width: 100%;
    overflow-x: scroll;
  }

  .table_name {
    width: 100%;
  }

  .tab_content {
    text-align: left;
    padding: 30px;
  }
  .tab_content p {
    font-size: 1em;
  }

  .sb_play {
    border-radius: 50em;
    border: 3px solid #fff;
    width: 60px;
    height: 60px;
    vertical-align: middle;
    text-align: center;
    position: absolute;
    top: 66%;
    left: 52%;
    margin-top: -48px;
    margin-left: -42px;
    overflow: hidden;
  }
  .sb_play p {
    margin-top: 11px;
    font-size: 1.5em;
    color: #fff;
    vertical-align: middle;
    width: 60px;
    height: 88px;
    text-align: center;
  }

  .hen_con {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .promotion_01 {
    width: 40%;
  }
}
@media only screen and (max-width: 999px) {
  .solutions_order .oder_bg {
    width: 30%;
  }
  .solutions_order .oder_bg {
    width: 30%;
    height: 438px;
  }

  .rss_font {
    width: 60%;
    margin-bottom: 10px;
  }

  .promotion_01 {
    width: 100%;
  }

  .emb_font {
    max-width: 59%;
    min-width: 5%;
  }

  .issues_btn {
    max-width: 28%;
    min-width: 32%;
  }

}
@media only screen and (max-width: 767px) {
	.ssmask{
		display:none;
	}
    .nma_pd{
        padding-right: 0px!important;
        padding-left: 0px!important;
    }
    .pakd h3{
        /* display: none; */
        font-size: 1.4em;
    }
    .out_pakd{
        display: block;
    }
  .emb_font {
    max-width: 100%;
    min-width: 100%;
  }

  .issues_btn {
    max-width: 100%;
    min-width: 100%;
  }

  .solutions_order .oder_bg {
    width: 100%;
    margin-bottom: 20px;
  }
  .solutions_order .kiki_bg {
    width: 100%;
    height: auto;
  }

  .rss_font {
    width: 100%;
    margin-bottom: 10px;
  }

  /*.new_issues{
      display: none;
  }*/
  .news_bottom {
    margin-left: 20px;
  }

  .new_issues {
    float: none;
    color: #676767;
    margin-bottom: 20px;
    margin-left: 0px;
  }
  .new_issues .new_issues_select {
    font-size: 1em;
    margin-left: 0px;
  }
}
@media only screen and (max-width: 1199px) {
  .solutions_order .oder_bg {
    width: 31%;
  }
  .solutions_order .oder_nonebg {
    width: 31.5%;
  }

  .seam_pic {
    width: 44%;
  }

  .seam_font {
    width: 50%;
  }
}
@media only screen and (max-width: 999px) {
  .solutions_order .oder_bg {
    width: 30%;
  }
  .solutions_order .oder_nonebg {
    width: 31%;
  }

  .seam_pic {
    width: 100%;
  }

  .seam_font {
    width: 100%;
  }

  .re_font {
    margin-top: 6px;
  }

  .space {
    height: 61px;
  }
}
@media only screen and (max-width: 767px) {
  .qrcold {
    width: 100%;
  }
  .qrcold img {
    width: 100%;
  }

  .fornews_sp {
    width: 100%;
  }
  .fornews_sp img {
    width: 100%;
  }

  .fornews_pic {
    width: 100%;
  }
  .fornews_pic img {
    width: 100%;
  }

  .related_bg {
    width: 46%;
    display: inline-table;
    margin-right: 10px;
  }

  .solutions_order .oder_bg {
    width: 45%;
  }
  .solutions_order .oder_nonebg {
    width: 100%;
  }

  .solutions_main {
    width: 100%;
  }

  .solutions_side {
    width: 100%;
  }

  .re_font {
    margin-top: 40px;
  }
}
@media only screen and (max-width: 500px) {
    .font_article h1{
        font-size: 32px!important;
        /*margin-left: -106px;*/
    }
  .solutions_order .oder_bg {
    width: 100%;
  }
  .solutions_order .oder_nonebg {
    width: 100%;
  }
}
@media only screen and (max-width: 1199px) {
  .checkbox_sample li {
    width: 30%;
  }
}
@media only screen and (max-width: 999px) {
  .video_item {
    width: 23%;
  }

  .checkbox_sample li {
    width: 33%;
  }

  .country_w {
    width: 60%;
  }

  .country {
    width: 20%;
  }

  .catalog_item {
    width: 22%;
    margin-right: 8%;
    display: inline-table;
  }

  .digital_intel {
    width: 47%;
    margin-right: 2%;
    display: inline-table;
  }
  .digital_intel .pic {
    width: 60%;
  }
}
@media only screen and (max-width: 767px) {
    .font_article h1{
        font-size: 32px!important;
        /*margin-left: -106px;*/
    }
	.font_article h1.solview{
		margin-left: 0;
	}
  .country {
    width: 97%;
    margin-bottom: 10px;
  }

  .allian_logo {
    float: left;
  }

  .allian_fontbox {
    float: left;
    width: 100%;
    margin-left: 0;
  }

  .catalog_item {
    width: 43%;
    margin-bottom: 10px;
    margin-right: 6%;
  }
  .catalog_item .pic {
    width: 100%;
    height: 20%;
  }
  .catalog_item .pic img {
    width: 100%;
    height: 20%;
  }

  .video_item {
    width: 100%;
  }

  .checkbox_sample li {
    width: 100%;
  }

  .name {
    width: 100%;
  }

  .digital_intel {
    width: 46%;
    margin-right: 2%;
    display: inline-table;
  }
}
@media only screen and (max-width: 1199px) {
  .partner_continer {
    width: 1000px;
  }

  .zone_bg {
    width: 50%;
  }

  .zone_whitebg {
    width: 48%;
  }
}
@media only screen and (max-width: 999px) {
  .partner_continer {
    width: 90%;
    height: auto;
    margin: 0 auto;
  }
  .partner_continer p {
    line-height: 18px;
  }

  .zone_bg {
    width: 53%;
    padding: 30px 30px;
  }

  .zone_whitebg {
    width: 46%;
    padding: 55px 30px;
  }

  .feedback_font {
    width: 13%;
  }

  .download_font {
    width: 25%;
  }

  .download_submit {
    margin-left: 25%;
  }

  .onder_table {
    right: 0px;
  }

  .onder_table2 {
    right: 20px;
  }
}
@media only screen and (max-width: 767px) {
  .partnerpic {
    width: 29%;
  }

  .download_font {
    width: 100%;
  }

  .download_select {
    width: 100%;
  }
  .download_select select {
    width: 100%;
  }

  .download_submit {
    margin-left: 0;
  }

  .download_flobtn button {
    margin-top: 20px;
    width: 150px;
  }

  .partner_continer p {
    line-height: 18px;
  }

  .zone_bg {
    width: 100%;
    margin: 0;
    border-radius: 4px 4px 0 0;
    margin-top: 20px;
  }

  .zone_whitebg {
    width: 100%;
    margin-top: 0;
  }

  .feedback_font {
    width: 100%;
  }

  .feedback_select {
    width: 100%;
  }
  .feedback_select select {
    width: 60%;
  }
}
@media only screen and (max-width: 500px) {
  .partnerpic {
    width: 100%;
  }
  .xice_pinetitle{
      font-size: 3em;
  }
  .oo_sbbtn{
    width: 25%;
  }
}
@media only screen and (max-width: 1199px) {
  .catalog_order .catalog_bg {
    width: 31%;
  }
  .catalog_order .catalog_bg2 {
    width: 31%;
  }
  .catalog_order .oder_nonebg {
    width: 31.5%;
  }
  .catalog_order .pic a {
    height: 232px;
    display: block;
    overflow: hidden;
  }
}
@media only screen and (max-width: 999px) {
  .catalog_order .catalog_bg {
    width: 47%;
  }
  .catalog_order .catalog_bg2 {
    width: 48%;
  }
  .catalog_order .pic a {
    height: calc((61vw - 40px) * 0.66);
    display: block;
    overflow: hidden;
  }
  .catalog_order .oder_nonebg {
    width: 31%;
  }
  .catalog_order .support_bg {
    width: 30%;
  }

  .Yum_bg {
    display: inline-table;
    width: 15%;
    margin-right: 6%;
  }
}
@media only screen and (max-width: 767px) {
  .catalog_order .catalog_bg {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .catalog_order .catalog_bg2 {
    width: 100%;
    margin: 0px 0px 20px 0px;
  }
  .catalog_order .pic a {
    height: calc((100vw - 40px) * 0.66);
    display: block;
    overflow: hidden;
  }
  .catalog_order .oder_nonebg {
    width: 100%;
  }
  .catalog_order .support_bg {
    width: 40%;
  }

  .whitepaper {
    width: 100%;
  }

  .Yum_bg {
    display: inline-table;
    width: 17%;
    border-radius: 3px;
    margin-right: 10%;
  }
}
@media only screen and (max-width: 500px) {
  .Yum_bg {
    display: inline-table;
    width: 30%;
    margin-right: 10%;
  }
}
/** background image file **/
/** benefits background image file **/
/** vip icon background image file **/
/** benefit channel background image file **/
/** hyperlinks anchor **/
/** buttons red **/
/** buttons red in header **/
/** buttons blue **/
/** green **/
/** buttons blink yellow **/
/** other **/
/**  header **/
/** 回饋標示 **/
/**main nav**/
/*query nav*/
/*reputation*/
/** touch **/
/**axiomtek**/
/**
 * respond( $a [ ,$b ] )
 * Generate media quereis string
 *
 * @include respond( 0, 799 ) {}    // <=800  (0~800)
 * @include respond( 800, 1199 ) {} // 800~1199
 * @include respond( 1200 ) {}      // >=1200
 */
/**
 * Cozy Layout ( 1240+ )
 */
/**
 * Compact Layout ( 0~1239 )
 */
/**
 * pad Layout ( 0~1096 )
 */
/**
 * Mobile Layout ( 0~640 )
 */
/**
 * Mobile Layout ( 0~500 )
 */
/**
 * Box-sizing
 */
/**
 * clearfix
 */
/**
 * font-family
 */
/**
 * hide text
 */
/**
 * border-radius
 */
/**
 * box-shadow
 */
/**
 * background-gradient
 */
/**
 * columns
 */
/**
 * Opacity
 */
/**
 * other minins by yougi
 */
/**
 * <div class="cover">
 *   <img/>
 * </div>
 * <p class="title">
 *   <strong>TITLE</strong>
 * </p>
 * <div class="info">
 * </div>
 * <p class="tel"></p>
 * <p class="addr"></p>
 */
/**
 * benefit background
 */
/**
 * benefit background2
 */
/**
 * vip icon background
 */
/**
 * vip icon background2
 */
/**
 * benefit channel background
 */
/**
 * benefit channel background2
 */
/**
 * background
 */
/**
 * background2
 */
/**
 * background-image
 */
/**
 * Eric Meyer's Reset CSS v2.0 (http://meyerweb.com/eric/tools/css/reset/)
 * http://cssreset.com
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 101%;
  vertical-align: baseline;
  font-family: Roboto, 微軟正黑體, sans-serif;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-family: Roboto, 微軟正黑體, sans-serif;
  line-height: 1;
  font-size: 1em;
  color: black;
  word-wrap: break-word;
  -webkit-text-size-adjust: none;
}

ol, ul {
  list-style: none;
}

.clearfix {
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/**
 * Add from html5doctor.com Reset Stylesheet
 */
del {
  text-decoration: line-through;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
  padding: 5px;
}

body {
  font-size: .8em;
  /*font-family: 'Pontano Sans';*/
  font-family: Roboto, Helvetica, Arial, '微軟正黑體', '新細明體', sans-serif;
  line-height: 170%;
  background: white;
  color: #333;
}

/**
 * Hyperlinks
 */
a {
  color: #0077b1;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

a[target=_blank]:hover {
  color: #b60057;
}

a.ad,
a.important {
  color: #be252c;
}

a img {
  border: none;
}

/**
 * Form Elements
 */
textarea,
input[type=text],
input[type=password],
input[type=number],
input[type=email],
input[type=button],
input[type=submit] {
  border: 0;
  margin: 0 5px;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

textarea:focus,
input[type=text]:focus,
input[type=password]:focus,
input[type=number]:focus,
input[type=email]:focus {
  outline: none;
}

/**
 * Common Class Names
 */
.hide {
  display: none;
}

.invisible {
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  position: absolute;
  left: -99999px;
  top: -99999px;
}

.clearfix {
  zoom: 1;
}
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.clearself {
  overflow: hidden;
}

/**
 * inner content style reset
 */
.content p {
  margin: 1.2em 0;
}

.content * {
  line-height: 170%;
}

.content ul,
.content ol {
  margin: 1.2em 0 1.2em 2em;
}

.content ul {
  list-style: disc;
}

.content ol {
  list-style: decimal;
}

/**
 * Layouts
 */
.layout-wrapper {
  margin: 0 auto;
  position: relative;
}

.ad {
  background: #fffadc;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
.ad .ysm {
  padding: 10px;
}
.ad .ysm dl {
  margin-bottom: 10px;
}
.ad .ysm dd {
  font-size: 12px;
  line-height: 150%;
  color: #666;
}

/**
 * background image prepare
 */
.i {
  position: relative;
}
.i:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .i:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}

/**
 * message
 */
div[class^=message-] {
  padding: 1em;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}

div.center[class^=message-] {
  text-align: center;
}

.message-info {
  background: #dcebf0;
}

/**
 * .button
 * .button.blue
 * .button.grey (or .button.gray)
 * .button.large    // shadow style
 * .button.medium   // shadow style
 * .button.small
 * .button.disabled
 */
.button {
  /** active/pressed **/
  /**
   * Grey
   */
  /**
   * Blue
   */
  /**
   * gray
   */
 /**
* blink yellow button
*/
  /**Header Red **/
  /** Large **/
  /**
   * Medium
   */
  /**
   * Small
   */
}
.button {
  font-size: 12.8px;
  cursor: pointer;
  color: white !important;
  text-decoration: none !important;
  white-space: nowrap;
  width: auto;
  text-align: center;
  line-height: 100%;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: #be252c;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
}
.button, .button[type] {
  padding: .5em 1em .4em;
}
.button:hover {
  color: white !important;
  text-decoration: none !important;
  background: #ce343f;
}
.button.disabled, .button[disabled] {
  cursor: default !important;
  color: #e5babf;
  background: #cc757f;
}
.button[type=reset], .button[type=button], .button[type=submit] {
  font-family: inherit;
  border: 0 none;
  margin: 0;
}
.button:active, .button.pressed {
  background: #9e1621;
}
.button:active.large, .button.pressed.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #be252c;
  -moz-box-shadow: inset 0 -4px 0 0 #be252c;
  box-shadow: inset 0 -4px 0 0 #be252c;
}
.button:active.medium, .button.pressed.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #be252c;
  -moz-box-shadow: inset 0 -3px 0 0 #be252c;
  box-shadow: inset 0 -3px 0 0 #be252c;
}
.button.grey, .button.gray {
  /** active/pressed **/
}
.button.grey, .button.gray {
  background: #eee;
  color: #555 !important;
}
.button.grey:hover, .button.gray:hover {
  background: #ddd;
  color: #555 !important;
}
.button.grey.disabled, .button.grey[disabled], .button.gray.disabled, .button.gray[disabled] {
  color: #bbb !important;
  background: #eee !important;
}
.button.grey.large, .button.gray.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.large.disabled, .button.grey.large[disabled], .button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.medium, .button.gray.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey.medium.medium.disabled, .button.grey.medium.medium[disabled], .button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey:active, .button.grey.pressed, .button.gray:active, .button.gray.pressed {
  background: #333;
  color: white !important;
}
.button.grey:active.large, .button.grey.pressed.large, .button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.grey:active.medium, .button.grey.pressed.medium, .button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.button.blue {
  /** active/pressed **/
}
.button.blue {
  background: #1180c2;
}
.button.blue:hover {
  background: #2290c6;
}
.button.blue.disabled, .button.blue[disabled] {
  color: #b1d1e1 !important;
  background: #0066a0 !important;
}
.button.blue.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -4px 0 0 #0066a0;
  box-shadow: inset 0 -4px 0 0 #0066a0;
}
.button.blue.large.disabled, .button.blue.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -4px 0 0 #b1d1e1;
  box-shadow: inset 0 -4px 0 0 #b1d1e1;
}
.button.blue.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #0066a0;
  -moz-box-shadow: inset 0 -3px 0 0 #0066a0;
  box-shadow: inset 0 -3px 0 0 #0066a0;
}
.button.blue.medium.medium.disabled, .button.blue.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  -moz-box-shadow: inset 0 -3px 0 0 #b1d1e1;
  box-shadow: inset 0 -3px 0 0 #b1d1e1;
}
.button.blue:active, .button.blue.pressed {
  background: #0066a0;
}
.button.blue:active.large, .button.blue.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #004e7a;
}
.button.blue:active.medium, .button.blue.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #004e7a;
}
.button.gray {
  /** active/pressed **/
}
.button.gray {
  background: #e7e7e7;
}
.button.gray:hover {
  background: #cccccc;
}
.button.gray.disabled, .button.gray[disabled] {
  color: #cccccc !important;
  background: #e7e7e7 !important;
}
.button.gray.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
.button.gray.large.disabled, .button.gray.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -4px 0 0 #cccccc;
  box-shadow: inset 0 -4px 0 0 #cccccc;
}
.button.gray.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
.button.gray.medium.medium.disabled, .button.gray.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #cccccc;
  -moz-box-shadow: inset 0 -3px 0 0 #cccccc;
  box-shadow: inset 0 -3px 0 0 #cccccc;
}
.button.gray:active, .button.gray.pressed {
  background: #777777;
}
.button.gray:active.large, .button.gray.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #cccccc;
}
.button.gray:active.medium, .button.gray.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #cccccc;
}
.button.blink {
  background: #F39C12;
}
.button.blink:hover {
  background: #FBB03B;
}
.button.blink.disabled, .button.blink[disabled] {
  color: #fffadc !important;
  background: #D35400 !important;
}
.button.blink.large {
  -webkit-box-shadow: inset 0 -4px 0 0 #D35400;
  -moz-box-shadow: inset 0 -4px 0 0 #D35400;
  box-shadow: inset 0 -4px 0 0 #D35400;
}
.button.blink.large.disabled, .button.blink.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -4px 0 0 #9F400C;
  box-shadow: inset 0 -4px 0 0 #9F400C;
}
.button.blink.medium {
  -webkit-box-shadow: inset 0 -3px 0 0 #D35400;
  -moz-box-shadow: inset 0 -3px 0 0 #D35400;
  box-shadow: inset 0 -3px 0 0 #D35400;
}
.button.blink.medium.medium.disabled, .button.blink.medium.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #9F400C;
  -moz-box-shadow: inset 0 -3px 0 0 #9F400C;
  box-shadow: inset 0 -3px 0 0 #9F400C;
}
.button.blink:active, .button.blink.pressed {
  background: #D35400;
}
.button.blink:active.large, .button.blink.pressed.large {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 4px 1px 0 #9F400C;
}
.button.blink:active.medium, .button.blink.pressed.medium {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #9F400C;
}
.button.header-red {
  /** active/pressed **/
}
.button.header-red {
  background: #e8414d;
  -webkit-box-shadow: inset 0 -4px 0 0 #8f0100;
  -moz-box-shadow: inset 0 -4px 0 0 #8f0100;
  box-shadow: inset 0 -4px 0 0 #8f0100;
  padding-top: .5em;
  padding-bottom: .8em;
}
.button.header-red:hover {
  background: #ea4f5a;
}
.button.header-red:active, .button.header-red.pressed {
  background: #ea4f5a;
  -webkit-box-shadow: inset 0 4px 1px 0 #8f0100;
  -moz-box-shadow: inset 0 4px 1px 0 #8f0100;
  box-shadow: inset 0 4px 1px 0 #8f0100;
}
.button.large {
  font-size: 15px;
  padding: 9px 22px 11px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -4px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -4px 0 0 #9e1621;
  box-shadow: inset 0 -4px 0 0 #9e1621;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
.button.large.disabled, .button.large[disabled] {
  -webkit-box-shadow: inset 0 -4px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -4px 0 0 #e5babf;
  box-shadow: inset 0 -4px 0 0 #e5babf;
}
.button.large:active, .button.large.pressed {
  -webkit-box-shadow: inset 0 4px 1px 0 #7d0b14;
  -moz-box-shadow: inset 0 4px 1px 0 #7d0b14;
  box-shadow: inset 0 4px 1px 0 #7d0b14;
  padding: 11px 22px 9px;
}
.button.medium {
  font-size: 13.2px;
  padding: 8px 16px 9px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 -3px 0 0 #9e1621;
  -moz-box-shadow: inset 0 -3px 0 0 #9e1621;
  box-shadow: inset 0 -3px 0 0 #9e1621;
}
.button.medium.disabled, .button.medium[disabled] {
  -webkit-box-shadow: inset 0 -3px 0 0 #e5babf;
  -moz-box-shadow: inset 0 -3px 0 0 #e5babf;
  box-shadow: inset 0 -3px 0 0 #e5babf;
}
.button.medium:active, .button.medium.pressed {
  -webkit-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  -moz-box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  box-shadow: 0px 1px 1px 1px rgba(255, 255, 255, 0.5), inset 0 3px 1px 0 #7d0b14;
  padding: 9px 16px 8px;
}
.button.small {
  font-size: 12px;
  padding: .4em .5em .3em;
}

/**
 * ico-
 */
.button.large.ico-arrow {
  padding-left: 33px;
}
.button.large.ico-arrow {
  position: relative;
}
.button.large.ico-arrow:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .button.large.ico-arrow:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.button.large.ico-arrow:after {
  width: 16px;
  padding-top: 16px;
  background-position: -80px -154px;
  top: 8px;
  left: 10px;
}

/**
 * collect-button style
 */
.button.collect-button {
  height: 30px;
  width: 80px;
  padding-left: 17px !important;
  padding-right: 0 !important;
  text-align: center;
}
.button.collect-button:after {
  width: 16px;
  padding-top: 16px;
  background-position: -160px -170px;
  top: 6px;
  left: 8px;
}
.button.collect-button.pressed:after {
  width: 16px;
  padding-top: 16px;
  background-position: -16px -154px;
  top: 7px;
  left: 8px;
}

/**aniomtek_button**/
/*@import url('http://fonts.googleapis.com/css?family=Open Sans');*/
.btn {
  color: #fff;
  text-decoration: none;
  padding: 5px 10px;
  border-radius: 3px;
  font-size: 1em;
}
.btn a {
  color: inherit;
}
.btn a:hover {
  color: inherit;
  text-decoration: none;
}

.btn-red {
  background: #b60057;
}
.btn-red:hover {
  background: #880544;
  transition: all 0.3s ease;
  color: #fff !important;
}
.btn-red:active {
  background: #c0005c;
}
.btn-red:focus {
  color: #fff !important;
}

.srmore{
  margin: 20px;
}

.btn-bkgray {
  background: #707070;
}
.btn-bkgray:hover {
  background: #880544;
  transition: all 0.3s ease;
  color: #fff !important;
}
.btn-bkgray:active {
  background: #757575;
}
.btn-bkgray:focus {
  color: #fff !important;
}

.btn-midgray {
  background: #b1b1b1;
}
.btn-midgray:hover {
  background: #880544;
  transition: all 0.3s ease;
  color: #fff !important;
}
.btn-midgray:active {
  background: #b6b6b6;
}
.btn-midgray:focus {
  color: #fff !important;
}

/*Other Stylez*/
.wrap {
  margin: 0 auto;
  width: 800px;
  text-align: center;
}

h1 {
  /*font-family: 'Open Sans', cursive;*/
  /*font-family: 'Pontano Sans';*/
  font-family:Roboto-Light, '微軟正黑體', '新細明體', sans-serif;
  font-size: 4em;
}

/**
 * UI Select
 * g-select
 */
.g-select a.button:first-child + div {
  padding-top: 7px;
}

/**
 * Droplist
 * ul.g-droplist
 */
ul.g-droplist {
  z-index: 1;
  background: white;
  border: 2px solid #ccc;
  padding: .5em 0;
  width: auto;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
ul.g-droplist li.hr {
  padding-bottom: .3em;
  margin-bottom: .4em;
  border-bottom: 1px solid #eee;
}
ul.g-droplist li a {
  display: block;
  padding: .2em 1em;
}
ul.g-droplist li a:hover {
  text-decoration: none;
  color: white;
  background: #0077b1;
}

/**
  *
*/
.light-box-overlayer {
  position: fixed;
  background: rgba(0, 0, 0, 0.8);
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  z-index: 999;
}

.light-box {
  background: #FFF;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  padding: 15px;
  z-index: 1000;
}

.light-box-close {
  position: absolute !important;
  background: #000;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 24px;
  height: 24px;
  right: -26px;
  top: 0;
  cursor: pointer;
}
.light-box-close {
  position: relative;
}
.light-box-close:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .light-box-close:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.light-box-close:after {
  width: 16px;
  padding-top: 16px;
  background-position: -240px -154px;
  top: 4px;
  left: 4px;
}

/**
 * lightview
 */
.lightview-box .lightview-content {
  padding-top: 10px;
}
.lightview-box .lightview-content {
  zoom: 1;
}
.lightview-box .lightview-content:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
.lightview-box .lightview-content .avatar {
  float: left;
  width: 50px;
  height: 50px;
}
.lightview-box .lightview-content .avatar img {
  width: 50px;
  height: 50px;
}
.lightview-box .lightview-content .avatar ~ p {
  margin-left: 60px;
}
.lightview-box .lightview-content .avatar + .name {
  font-weight: bold;
  margin-bottom: 3px;
}
.lightview-box .lightview-content .avatar ~ .info {
  line-height: 1.4em;
}

/**
 * zIndex setting
 */
#header .area {
  z-index: 30;
}
#header nav ul ul {
  z-index: 11;
}

#header {
  /**
   * General
   */
  /**
   * Region (生活圈)
   */
  /** app info line **/
  /**
     * User
     */
 /**
* Logo
*/
  /**
     * Event icon, between logo and search
     */
  /**
   * Search
   */
  /**
   * Function Buttons (新增店家/景點 發表分享文 旅遊規劃)
   */
  /**
   * Main Query Drop down
   */
  /**
   * Main Navigation
   */
  /**
   * Cozy Layout
   */
  /** end of Cozy Layout **/
  /**
   * Compact Layout
   */
  /** end of Compact Layout **/
}
#header {
  background-color: #be252c;
  color: white;
}
#header a {
  color: white;
  text-decoration: none;
}
#header .top-header {
  padding: .2em 0;
  position: relative;
  background-color: #333333;
}
#header .top-header {
  zoom: 1;
}
#header .top-header:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#header .middle-header {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 50px;
  padding: .6em 0 .4em;
}
#header .middle-header .layout-wrapper {
  position: relative;
}
#header .middle-header .layout-wrapper {
  zoom: 1;
}
#header .middle-header .layout-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#header .bottom-header {
  position: relative;
  background-color: #8f0100;
  height: 32px;
}
#header #region {
  width: 160px;
  float: left;
}
#header #region > div {
  z-index: 1000;
}
#header #region > a span {
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background: white;
  color: #666666;
  padding: 0 23px 0 10px;
  cursor: pointer;
  display: inline-block;
  position: relative;
  line-height: 1.5em;
}
#header #region > a span:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 8px;
  border-top: 5px solid #666666;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#header #region.open a span:after {
  border-bottom: 5px solid #666666;
  border-top: none;
}
#header #region .area {
  background: white;
  width: 290px;
  top: 4px;
  left: 50px;
  border: 2px solid #ccc;
  padding: 10px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
}
#header #region .area a:hover,
#header #region .area a:focus {
  color: #be252c;
}
#header #region .area strong {
  float: left;
}
#header #region .area strong a {
  color: black;
}
#header #region .area strong span {
  color: black;
  cursor: default;
}
#header #region .area > li:last-child .city {
  border-bottom: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#header #region .city {
  overflow: hidden;
  margin-left: 3.1em;
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #eee;
}
#header #region .city > li {
  float: left;
  margin: 0 10px 0 0;
  white-space: nowrap;
}
#header #region .city a {
  color: #0077b1;
}
#header .top-info {
  float: left;
}
#header .top-info a {
  color: #ccc;
  padding-left: 16px;
}
#header .top-info a:after {
  width: 16px;
  padding-top: 16px;
  background-position: -256px -154px;
  top: 0;
  left: 0;
}
#header .top-info a:hover {
  color: #FFF;
  text-decoration: underline;
}
#header #user {
  float: right;
}
#header #user > li {
  float: left;
  margin-left: 1em;
}
#header #user > li a {
  color: #e7e7e7;
}
#header #user > li a:hover, #header #user > li a:focus {
  color: #FFF;
  text-decoration: underline;
}
#header #user > li a:hover em, #header #user > li a:focus em {
  color: white;
}
#header #user i {
  display: none;
}
#header #user .fb-login {
  padding-left: 18px;
}
#header #user .fb-login:after {
  width: 14px;
  padding-top: 14px;
  background-position: -245px 0;
  top: 2px;
  left: 0;
}
#header #user .yh-login {
  padding-left: 18px;
}
#header #user .yh-login:after {
  width: 14px;
  padding-top: 14px;
  background-position: -259px 0;
  top: 2px;
  left: 0;
}
#header #user em {
  background-color: #9e1621;
  font-family: Helvetica, Arial, sans-serif;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-size: 11px;
  font-style: normal;
  line-height: 11px;
  padding: 2px 5px 0;
  vertical-align: middle;
  margin-right: 2px;
}
#header #user .service-list,
#header #user .notice-list {
  position: relative;
  margin-right: .5em;
}
#header #user .service-list > a:after,
#header #user .notice-list > a:after {
  content: "";
  position: absolute;
  right: -8px;
  top: 10px;
  border-top: 5px solid #e7e7e7;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-bottom: none;
}
#header #user .service-list.open > a,
#header #user .notice-list.open > a {
  color: #FFF;
}
#header #user .service-list.open > a:after,
#header #user .notice-list.open > a:after {
  border-top: none;
  border-bottom: 5px solid #FFF;
}
#header #user .service-list > div,
#header #user .notice-list > div {
  padding-top: 5px;
}
#header #user .service-list ul,
#header #user .notice-list ul {
  z-index: 12;
  width: 120px;
  border: 1px solid #afafaf;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#header #user .service-list ul:after,
#header #user .notice-list ul:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 1em;
  width: 9px;
  height: 9px;
  background-color: #FFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  border-top: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
}
#header #user .service-list ul li,
#header #user .notice-list ul li {
  padding: 0 .5em;
}
#header #user .service-list ul li:last-child a,
#header #user .notice-list ul li:last-child a {
  border-bottom: none;
}
#header #user .service-list ul a,
#header #user .notice-list ul a {
  color: #666666;
  display: block;
  padding-left: 0.5em;
  line-height: 2em;
  border-bottom: 1px solid #E6E6E6;
}
#header #user .service-list ul a:hover,
#header #user .notice-list ul a:hover {
  color: #808080 !important;
  background: #CCCCCC;
  text-decoration: none;
}
#header #user .notice-list ul {
  width: 170px;
}
#header #user .notice-list a b {
  color: #be252c;
  font-family: Helvetica, Arial, sans-serif;
  font-style: normal;
  margin-right: .3em;
  font-size: 1.2em;
}
#header #user .notice-list a:hover b {
  color: white;
}
#header h2 {
  width: 160px;
  float: left;
}
#header h2 a {
  display: block;
  width: 160px;
  height: 35px;
  text-indent: -9999px;
}
#header h2 a {
  position: relative;
}
#header h2 a:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header h2 a:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header h2 a:after {
  width: 160px;
  padding-top: 35px;
  background-position: 0 0;
  top: 0px;
  left: 0px;
}
#header h2 a:focus {
  background-color: #9e1621;
}
#header .event {
  width: 120px;
  height: 50px;
  overflow: hidden;
  margin-top: -8px;
  margin-left: 15px;
  float: left;
}
#header .event a {
  display: block;
  height: 50px;
  background-image: url(/images/frame/flashbuy.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-position: -60px 0;
}
#header .event a:hover {
  background-position: -60px -50px;
}
@media only screen and (max-width: 1199px) {
  #header .event {
    height: 35px;
    width: 60px;
    margin-top: 4px;
    margin-left: 13px;
    float: left;
  }
  #header .event a {
    height: 35px;
    background-position: 0px 0;
  }
  #header .event a:hover {
    background-position: 0px -50px;
  }
}
#header #search {
  float: left;
  vertical-align: middle;
  position: absolute;
  margin-top: .2em;
}
@media only screen and (min-width: 1200px) {
  #header #search {
    left: 305.5px;
  }
}
@media only screen and (max-width: 1199px) {
  #header #search {
    left: 240px;
  }
  .option_set .font_set:nth-child(1):after {
      margin-left: 0;
  }
  .option_set .font_set:nth-child(2):after {
      margin-left: 0;
  }
  .option_set .font_set:nth-child(3):after {
      margin-left: 0;
  }
  .option_set .font_set:nth-child(4):after {
      margin-left: 0;
  }
  .option_set .font_set{
    margin-right: 0;
  }
}
#header #search .wrapper {
  float: left;
  background: white;
  margin-top: 2px;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
}
#header #search .type {
  float: left;
  position: relative;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-top-left-radius: 2px;
  -moz-border-radius-topleft: 2px;
  border-top-left-radius: 2px;
  -webkit-border-bottom-left-radius: 2px;
  -moz-border-radius-bottomleft: 2px;
  border-bottom-left-radius: 2px;
  background: #f4f4f4;
}
#header #search .type.active {
  background: #ddd;
}
#header #search .type.active label:after {
  border-top: none;
  border-bottom: 5px solid #777777;
}
#header #search .type label {
  display: block;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-size: 15px;
  cursor: pointer;
  color: #666666;
  height: 28px;
  padding: 0 22px 0 8px;
  line-height: 26px;
  position: relative;
}
#header #search .type label:after {
  content: "";
  position: absolute;
  right: 10px;
  top: 12px;
  border-top: 5px solid #777777;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  border-bottom: none;
}
#header #search .type select {
  -webkit-appearance: menulist-button;
  position: absolute;
  z-index: 1;
  left: 0;
  top: 0;
  height: 28px;
  cursor: pointer;
  margin: 0;
  width: 100%;
  opacity: 0;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
}
#header #search .inputs {
  margin-left: 60px;
}
#header #search .inputs {
  zoom: 1;
}
#header #search .inputs:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}
#header #search .inputs input[type=text] {
  font-size: 15px;
  height: 28px;
  padding: 0 .3em;
  float: left;
  background: transparent;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
}
#header #search .inputs input[type=text]:focus {
  -webkit-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 5px 2px rgba(0, 0, 0, 0.1);
}
.ie8 #header #search .inputs input[type=text] {
  padding-top: 6px;
}
#header #search .inputs input.placeholder[type=text] {
  color: #999;
}
#header #search .inputs input[name=kw] {
  width: 40%;
}
#header #search .inputs input[name=adkw] {
  width: 59%;
  border-left: 1px solid #ccc;
}
#header #search .inputs.wide input[name=kw] {
  width: 100%;
}
#header #search input[type=submit] {
  -webkit-appearance: none;
  font-size: 13px;
  width: 55px;
  height: 27px;
  color: #333;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  background-color: #7f7f00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffe400), to(#ffc300));
  background-image: -webkit-linear-gradient(top, #ffe400, #ffc300);
  background-image: -moz-linear-gradient(top, #ffe400, #ffc300);
  background-image: -ms-linear-gradient(top, #ffe400, #ffc300);
  background-image: -o-linear-gradient(top, #ffe400, #ffc300);
  background-image: linear-gradient(top bottom, #ffe400, #ffc300);
  margin-top: 3px;
  margin-left: 4px;
  cursor: pointer;
  border: 2px solid #FFF;
}
#header #function {
  float: right;
  margin-top: .6em;
}
#header #function li {
  float: left;
  margin: 0 .2em;
}
#header #function li a {
  position: relative;
  padding-left: 26px;
}
#header #function li .add-shop {
  position: relative;
}
#header #function li .add-shop:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #function li .add-shop:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #function li .add-shop:after {
  width: 16px;
  padding-top: 16px;
  background-position: -128px -154px;
  top: 4px;
  left: 8px;
}
#header #function li .add-cmmt {
  position: relative;
}
#header #function li .add-cmmt:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #function li .add-cmmt:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #function li .add-cmmt:after {
  width: 16px;
  padding-top: 16px;
  background-position: -48px -154px;
  top: 4px;
  left: 8px;
}
#header #query-nav {
  display: inline-block;
  width: 160px;
  font-size: 14px;
}
#header #query-nav:before {
  content: "";
  position: absolute;
  top: 0;
  left: -20px;
  width: 20px;
  height: 32px;
  background: none;
  background: -webkit-gradient(linear, left top, right top, from(transparent), to(rgba(0, 0, 0, 0.15)));
  background: -webkit-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15));
  background: -moz-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15));
  background: -ms-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15));
  background: -o-linear-gradient(left, transparent, rgba(0, 0, 0, 0.15));
  background: linear-gradient(left right, transparent, rgba(0, 0, 0, 0.15));
}
#header #query-nav:after {
  content: "";
  position: absolute;
  top: 0;
  left: 161px;
  width: 20px;
  height: 32px;
  background: none;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.15)), to(transparent));
  background: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.15), transparent);
  background: -moz-linear-gradient(left, rgba(0, 0, 0, 0.15), transparent);
  background: -ms-linear-gradient(left, rgba(0, 0, 0, 0.15), transparent);
  background: -o-linear-gradient(left, rgba(0, 0, 0, 0.15), transparent);
  background: linear-gradient(left right, rgba(0, 0, 0, 0.15), transparent);
}
#header #query-nav.open li {
  border-right: 1px solid #afafaf;
}
#header #query-nav > a {
  display: block;
  position: relative;
  font-size: 15px;
  height: 32px;
  line-height: 32px;
  background: #eb4956;
  padding-left: 10px;
}
#header #query-nav > a:after {
  content: "";
  position: absolute;
  top: 15px;
  left: 141px;
  border-top: 5px solid #FFF;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#header #query-nav > a.active:after {
  border-bottom: 5px solid #FFF;
  border-top: none;
}
#header #query-nav > div {
  padding-top: 3px;
  margin-left: -1px;
  z-index: 999;
  position: relative;
}
#header #query-nav > div ul {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px #afafaf solid;
  border-right: none;
  background-color: #FFF;
  color: #000;
  -webkit-box-shadow: 1px 1px 5px 2px rgba(204, 204, 204, 0.5);
  -moz-box-shadow: 1px 1px 5px 2px rgba(204, 204, 204, 0.5);
  box-shadow: 1px 1px 5px 2px rgba(204, 204, 204, 0.5);
}
#header #query-nav > div ul li {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  width: 161px;
}
#header #query-nav > div ul li.active > span {
  color: #E6332C;
}
#header #query-nav > div ul li.active > span:before {
  color: #E6332C;
}
#header #query-nav > div ul li.active #food-row:after {
  background-position: -205px -134px;
}
#header #query-nav > div ul li.active #travel-row:after {
  background-position: -220px -134px;
}
#header #query-nav > div ul li.active #other-row:after {
  background-position: -235px -134px;
}
#header #query-nav > div ul li.active #dis-row:after {
  background-position: -250px -134px;
}
#header #query-nav > div ul li.active #mrt-row:after {
  background-position: -265px -134px;
}
#header #query-nav > div ul li.active #uni-row:after {
  background-position: -280px -134px;
}
#header #query-nav > div ul li > span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #333333;
  display: block;
  position: relative;
  width: 151px;
  padding: 0.8em 0 0.8em 30px;
  border-bottom: 1px solid #E6E6E6;
  cursor: default;
}
#header #query-nav > div ul li > span:before {
  content: "\203A";
  font-size: 25px;
  color: #808080;
  position: absolute;
  right: 0;
  top: 10px;
}
#header #query-nav > div ul li > span:hover {
  color: #E6332C;
}
#header #query-nav > div ul li > span:hover:before {
  color: #E6332C;
}
#header #query-nav > div ul li #food-row {
  position: relative;
}
#header #query-nav > div ul li #food-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #food-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #food-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -115px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #food-row:hover:after {
  background-position: -205px -134px;
}
#header #query-nav > div ul li #travel-row {
  position: relative;
}
#header #query-nav > div ul li #travel-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #travel-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #travel-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -130px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #travel-row:hover:after {
  background-position: -220px -134px;
}
#header #query-nav > div ul li #other-row {
  position: relative;
}
#header #query-nav > div ul li #other-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #other-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #other-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -145px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #other-row:hover:after {
  background-position: -235px -134px;
}
#header #query-nav > div ul li #dis-row {
  position: relative;
}
#header #query-nav > div ul li #dis-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #dis-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #dis-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -160px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #dis-row:hover:after {
  background-position: -250px -134px;
}
#header #query-nav > div ul li #mrt-row {
  position: relative;
}
#header #query-nav > div ul li #mrt-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #mrt-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #mrt-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -175px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #mrt-row:hover:after {
  background-position: -265px -134px;
}
#header #query-nav > div ul li #uni-row {
  position: relative;
}
#header #query-nav > div ul li #uni-row:after {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  #header #query-nav > div ul li #uni-row:after {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
#header #query-nav > div ul li #uni-row:after {
  width: 16px;
  padding-top: 20px;
  background-position: -190px -134px;
  top: 10px;
  left: 10px;
}
#header #query-nav > div ul li #uni-row:hover:after {
  background-position: -280px -134px;
}
#header #query-nav > div ul li.first-tag {
  padding-top: .4em;
}
#header #query-nav > div ul li.tag {
  padding-left: 0;
}
#header #query-nav > div ul li.tag span {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 168px;
  margin-left: -7px;
  display: block;
  position: relative;
  z-index: 2;
  background: #4d4d4d;
  fon-size: 15px;
  color: #B3B3B3;
  padding-left: 17px;
  padding-top: 0;
  padding-bottom: 0;
}
#header #query-nav > div ul li.tag span:before {
  content: "";
}
#header #query-nav > div ul li.tag span:after {
  content: " ";
  position: absolute;
  left: 0;
  bottom: -6px;
  border-top: 3px solid #b3b3b3;
  border-right: 3px solid #b3b3b3;
  border-left: 3px solid transparent;
  border-bottom: 3px solid transparent;
}
#header #query-nav > div ul:after {
  content: "";
  position: absolute;
  top: -7px;
  left: 1em;
  width: 12px;
  height: 12px;
  fon-size: 15px;
  background-color: #FFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  border-top: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
}
#header #query-nav .submenu {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  position: absolute;
  top: -1px;
  bottom: -21px;
  left: 161px;
  overflow: auto;
  width: 589px;
}
#header #query-nav .submenu .container {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background-color: #FFF;
  border-top: 1px #afafaf solid;
  border-right: 1px #afafaf solid;
  border-bottom: 1px #afafaf solid;
  position: absolute;
  top: 0px;
  bottom: 20px;
  overflow: auto;
  width: 569px;
}
#header #query-nav .submenu dl {
  width: 95%;
  margin: 1em 1.5em;
}
#header #query-nav .submenu dl:last-child {
  margin-bottom: 3em;
}
#header #query-nav .submenu dd {
  color: #E6332C;
  border-bottom: 1px dotted #afafaf;
  line-height: 26px;
}
#header #query-nav .submenu dt {
  padding: 8px 16px 0;
}
#header #query-nav .submenu dt a {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  display: inline-block;
  color: #000;
  font-size: 12px;
  line-height: 20px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: padding-left 0.3s;
  -moz-transition: padding-left 0.3s;
  -o-transition: padding-left 0.3s;
  transition: padding-left 0.3s;
}
#header #query-nav .submenu dt a:hover {
  color: #0077b1;
  text-decoration: underline;
}
#header #query-nav .submenu#cfood dt a {
  width: 18%;
}
#header #query-nav .submenu#cfood dt a:hover {
  padding-left: 1em;
}
#header #query-nav .submenu#ctravel dt a {
  width: 18%;
}
#header #query-nav .submenu#ctravel dt a:hover {
  padding-left: 1em;
}
#header #query-nav .submenu#cother dt a {
  width: 18%;
}
#header #query-nav .submenu#cother dt a:hover {
  padding-left: 1em;
}
#header #query-nav .submenu#cdis dt a {
  width: 18%;
}
#header #query-nav .submenu#cdis dt a:hover {
  padding-left: 1em;
}
#header #query-nav .submenu#cmrt dt a {
  width: 18%;
}
#header #query-nav .submenu#cmrt dt a:hover {
  padding-left: 1em;
}
#header #query-nav .submenu#cuni dt a {
  width: 23%;
}
#header #query-nav .submenu#cuni dt a:hover {
  padding-left: 1em;
}
#header #nav {
  position: absolute;
  left: 170px;
  top: 0;
  font-size: 14px;
  height: 32px;
}
#header #nav > ul > li {
  /*hot tag*/
  /** submenu **/
}
#header #nav > ul > li {
  float: left;
  /*border-left: 1px solid $dark_pink_border;*/
  /*border-right: 1px solid $pale_pink_border;*/
  /*height:1em;*/
  margin-top: 10px;
}
#header #nav > ul > li.ui-select a {
  position: relative;
  padding-right: 20px;
}
#header #nav > ul > li.ui-select a:after {
  content: "";
  position: absolute;
  top: 15px;
  right: 5px;
  border-top: 5px solid #FFF;
  border-bottom: none;
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
}
#header #nav > ul > li:first-child {
  border-left: none;
}
#header #nav > ul > li:last-child {
  border-right: none;
}
#header #nav > ul > li > a {
  cursor: pointer;
  display: block;
  height: 32px;
  line-height: 32px;
  color: #FFD0C0;
  margin-top: -10px;
}
#header #nav > ul > li > a.new-tag {
  position: relative;
}
#header #nav > ul > li > a.new-tag:after {
  content: "";
  position: absolute;
  top: -11px;
  right: -12px;
  width: 32px;
  height: 27px;
  background: url(/images/frame/new.png) no-repeat;
  background-size: 32px 27px;
  background-size: contain;
  z-index: 9;
}
#header #nav > ul > li > a.new-tag:hover:after {
  border-bottom: 0;
}
#header #nav > ul > li.open > li, #header #nav > ul > li > li:hover {
  border-left: none;
  border-right: none;
}
#header #nav > ul > li.open > a, #header #nav > ul > li > a:hover, #header #nav > ul > li > a:focus {
  color: #FFF;
  background-color: #eb4956;
  /*background-color: $active_pink_bg;*/
  transition: all 0.4s;
}
#header #nav > ul > li.open > a:after, #header #nav > ul > li > a:hover:after, #header #nav > ul > li > a:focus:after {
  border-bottom: 5px solid #FFF;
  border-top: none;
}
#header #nav > ul > li > div {
  padding-top: 3px;
  z-index: 10;
}
#header #nav > ul > li ul {
  background: white;
  border: 1px solid #afafaf;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 2px;
  -moz-border-radius: 2px;
  border-radius: 2px;
  width: 120px;
  padding: .6em 0;
  left: 0;
  top: 3px;
  -webkit-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
  box-shadow: 2px 2px 5px 2px rgba(0, 0, 0, 0.1);
}
#header #nav > ul > li ul li {
  padding: 0;
}
#header #nav > ul > li ul li:last-child a {
  border-bottom: none;
}
#header #nav > ul > li ul li > a:after {
  border: none;
}
#header #nav > ul > li ul a {
  font-size: 13px;
  color: #666666;
  display: block;
  padding: 0 0.5em 0 1em;
  line-height: 2em;
  border-bottom: 1px solid #f0f0f0;
}
#header #nav > ul > li ul a:hover {
  color: #808080;
  background: #f0f0f0;
}
#header #nav > ul > li ul a:hover:after {
  border: none;
}
#header #nav > ul > li ul:after {
  content: "";
  position: absolute;
  top: -6px;
  left: 1em;
  width: 9px;
  height: 9px;
  background-color: #FFF;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
  border-top: 1px solid #afafaf;
  border-right: 1px solid #afafaf;
}
@media only screen and (min-width: 1200px) {
  #header #search .wrapper {
    width: 450px;
  }
  #header #nav > ul > li > a {
    padding-left: 14px;
    padding-right: 14px;
  }
  #header #nav > ul > li > a.i {
    padding-right: 24px;
  }
  #header #nav > ul > li > a.i:after {
    width: 8px;
    padding-top: 5px;
    background-position: -205px 0;
    top: 13px;
    right: 9px;
  }
}
@media only screen and (max-width: 1199px) {
  #header #search .wrapper {
    width: 400px;
  }
  #header #nav > ul > li > a {
    padding-left: 8px;
    padding-right: 8px;
  }
  #header #nav > ul > li > a.i {
    padding-right: 20px;
  }
  #header #nav > ul > li > a.i:after {
    width: 8px;
    padding-top: 5px;
    background-position: -205px 0;
    top: 13px;
    right: 7px;
  }
  #header #function a {
    font-size: 12px;
    padding-left: 8px;
    padding-right: 8px;
  }
}

/** end of #header **/
/** Search Suggestion **/
.suggestion-root {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-background-clip: padding-box;
  -moz-background-clip: padding;
  background-clip: padding-box;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  border-radius: 4px;
  background: rgba(0, 0, 0, 0.88);
  color: white;
  padding: .3em 0;
  position: absolute;
  left: 0;
  top: 0;
  z-index: 12;
}
.suggestion-root .suggestion-list li {
  cursor: pointer;
  padding: .3em .6em;
  line-height: 1.3em;
}
.suggestion-root .suggestion-list li.active {
  background: #1180c2;
  color: white;
}

/**
  * top four golden link and chameleon & breadcrumbs
*/
#header_banner .hdChame {
  text-align: center;
}

#bar-header {
  position: relative;
  width: 1000px;
  margin: 0 auto;
  padding-top: 15px;
  overflow: hidden;
}

.bar-header-index {
  padding-bottom: 15px;
}

#bar-header-original {
  height: 70px;
  overflow: hidden;
  position: relative;
  z-index: 1;
}

#bar-header-expanded {
  height: 250px;
  left: 0;
  overflow: hidden;
  position: relative;
  top: -70px;
  width: 1000px;
  z-index: 2;
}

#top-golden-link {
  overflow: hidden;
  height: 44px;
}
#top-golden-link > ul {
  font-size: 15px;
  overflow: hidden;
  margin: 10px auto 0px;
  padding: 6px 0;
}
@media only screen and (min-width: 1200px) {
  #top-golden-link > ul {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  #top-golden-link > ul {
    width: 1000px;
  }
}
#top-golden-link li {
  float: left;
  width: 25%;
  text-align: center;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

/* scrollbar on touch screen */
html.touch body #query-list .container {
  /* Track */
  /* Handle */
}
html.touch body #query-list .container::-webkit-scrollbar {
  width: 6px;
}
html.touch body #query-list .container::-webkit-scrollbar-track {
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.2);
  border-radius: 10px;
}
html.touch body #query-list .container::-webkit-scrollbar-thumb {
  border-radius: 10px;
  background: #777777;
  -webkit-box-shadow: inset 0 0 1px rgba(0, 0, 0, 0.5);
}
html.touch body #query-list .container::-webkit-scrollbar-thumb:window-inactive {
  background: #e7e7e7;
}

#footer {
  /**
   * General
   */
}
#footer {
  clear: both;
  color: white;
  background: #333;
  padding: 2em 0 3em;
  margin-top: 3em;
}
#footer a {
  color: #999;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -o-transition: all 0.3s;
  transition: all 0.3s;
}
#footer a:hover {
  padding-left: .5em;
  color: #FFF;
}
#footer .h1 {
  font-size: 15px;
  margin-bottom: .5em;
}
#footer h2 {
  color: #f0cb00;
}
#footer section {
  float: left;
}
#footer section div {
  float: left;
}
#footer section.latest {
  width: 19%;
}
#footer section.latest div {
  width: 50%;
}
#footer section.features {
  width: 25%;
}
#footer section.features div {
  width: 50%;
}
#footer section.service_new {
  width: 34%;
}
#footer section.service_new div {
  width: 33%;
}
#footer .footer_icon {
  float: left;
  width: 32px;
  height: 32px;
  margin-right: 10px;
}
#footer #copyright {
  clear: both;
  font-size: 12px;
  padding-top: 3em;
}
#footer #copyright .logo {
  width: 160px;
  height: 35px;
  float: left;
  text-indent: -9999px;
}
#footer #copyright .logo:after {
  width: 160px;
  padding-top: 35px;
  background-position: 0 0;
  top: 0px;
  left: 0px;
}
#footer #copyright p {
  margin-left: 180px;
}
#footer #copyright .bottom {
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  font-weight: bold;
}

#breadcrumb {
  padding-top: 10px;
}
#breadcrumb .layout-wrapper > span {
  margin: 0 5px;
}
#breadcrumb .layout-wrapper > div {
  display: inline-block;
}
#breadcrumb .layout-wrapper > span {
  font-family: 'Courier New', Courier, monospace;
}
#breadcrumb .layout-wrapper ul {
  left: -16px;
  width: 100px;
  z-index: 99;
  max-height: 278px;
  overflow-y: auto;
}
#breadcrumb .layout-wrapper ul a {
  color: #0077b1 !important;
  text-decoration: none !important;
}
#breadcrumb .layout-wrapper ul a:hover {
  color: white !important;
  text-decoration: none !important;
}

.fl{
	float:left;
}
.mgl5{
	margin-left:5px;
}

.score-bar {
  /**
   * large
   */
  /**
   * small
   */
  /**
   * small-red
   */
  /**
   * red-star
   */
}
.score-bar {
  display: inline-block;
  vertical-align: middle;
  text-align: left;
}
.score-bar i {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
}
.score-bar i.s-0 {
  width: 0;
}
.score-bar i.s-5 {
  width: 10%;
}
.score-bar i.s-10 {
  width: 20%;
}
.score-bar i.s-15 {
  width: 30%;
}
.score-bar i.s-20 {
  width: 40%;
}
.score-bar i.s-25 {
  width: 50%;
}
.score-bar i.s-30 {
  width: 60%;
}
.score-bar i.s-35 {
  width: 70%;
}
.score-bar i.s-40 {
  width: 80%;
}
.score-bar i.s-45 {
  width: 90%;
}
.score-bar i.s-50 {
  width: 100%;
}
.score-bar i.s-55 {
  width: 100%;
}
.score-bar i.s-60 {
  width: 100%;
}
.score-bar meter {
  display: none;
}
.score-bar.large {
  width: 100px;
  height: 19px;
  margin-left: 4px;
}
.score-bar.large {
  position: relative;
}
.score-bar.large:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large:before {
  width: 100px;
  padding-top: 19px;
  background-position: -275px -235px;
  top: 0px;
  left: 0px;
}
.score-bar.large i {
  height: 19px;
}
.score-bar.large i {
  position: relative;
}
.score-bar.large i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large i:before {
  width: 100px;
  padding-top: 19px;
  background-position: -275px -216px;
  top: 0px;
  left: 0px;
}
.score-bar.large-heart {
  width: 100px;
  height: 16px;
  margin-left: 10px;
}
.score-bar.large-heart {
  position: relative;
}
.score-bar.large-heart:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large-heart:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large-heart:before {
  width: 100px;
  padding-top: 16px;
  background-position: -219px -70px;
  top: 0px;
  left: 0px;
}
.score-bar.large-heart i {
  height: 16px;
}
.score-bar.large-heart i {
  position: relative;
}
.score-bar.large-heart i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large-heart i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large-heart i:before {
  width: 100px;
  padding-top: 16px;
  background-position: -219px -86px;
  top: 0px;
  left: 0px;
}
.score-bar.small {
  width: 75px;
  height: 15px;
}
.score-bar.small {
  position: relative;
}
.score-bar.small:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small:before {
  width: 75px;
  padding-top: 15px;
  background-position: -275px -200px;
  top: 0px;
  left: 0px;
}
.score-bar.small i {
  height: 15px;
}
.score-bar.small i {
  position: relative;
}
.score-bar.small i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small i:before {
  width: 75px;
  padding-top: 15px;
  background-position: -275px -185px;
  top: 0px;
  left: 0px;
}
.score-bar.small-red {
  width: 75px;
  height: 15px;
  margin-left: 10px;
}
.score-bar.small-red {
  position: relative;
}
.score-bar.small-red:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small-red:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small-red:before {
  width: 75px;
  padding-top: 15px;
  background-position: -275px -170px;
  top: 0px;
  left: 0px;
}
.score-bar.small-red i {
  height: 15px;
}
.score-bar.small-red i {
  position: relative;
}
.score-bar.small-red i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small-red i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small-red i:before {
  width: 75px;
  padding-top: 15px;
  background-position: -275px -155px;
  top: 0px;
  left: 0px;
}
.score-bar.small-heart {
  width: 75px;
  height: 12px;
  margin-left: 10px;
}
.score-bar.small-heart {
  position: relative;
}
.score-bar.small-heart:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small-heart:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small-heart:before {
  width: 75px;
  padding-top: 12px;
  background-position: -150px -103px;
  top: 0px;
  left: 0px;
}
.score-bar.small-heart i {
  height: 12px;
}
.score-bar.small-heart i {
  position: relative;
}
.score-bar.small-heart i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.small-heart i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.small-heart i:before {
  width: 75px;
  padding-top: 12px;
  background-position: -150px -115px;
  top: 0px;
  left: 0px;
}
.score-bar.large-red {
  width: 100px;
  height: 19px;
}
.score-bar.large-red {
  position: relative;
}
.score-bar.large-red:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large-red:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large-red:before {
  width: 100px;
  padding-top: 19px;
  background-position: -275px -232px;
  top: -4px;
  left: 0px;
}
.score-bar.large-red i {
  height: 19px;
}
.score-bar.large-red i {
  position: relative;
}
.score-bar.large-red i:before {
  content: ".";
  height: 0;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  background-image: url(/images/frame/full.png?update=201511031620);
  background-repeat: no-repeat;
  overflow: hidden;
  position: absolute;
}
@media only screen and (-moz-min-device-pixel-ratio: 2), only screen and (max--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
  .score-bar.large-red i:before {
    background-image: url(/images/frame/full-2.png?update=201511031620);
    background-size: 400px 400px;
  }
}
.score-bar.large-red i:before {
  width: 100px;
  padding-top: 19px;
  background-position: -275px -252px;
  top: -4px;
  left: 0px;
}

.page-block {
  text-align: center;
}
.page-block a, .page-block span {
  display: inline-block;
  vertical-align: middle;
  zoom: 1;
  background-color: #DDD;
  height: 28px;
  line-height: 28px;
  color: #333333;
  border-radius: 2px;
  padding: 0 12px;
  margin: 0 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.page-block a:hover, .page-block span:hover {
  text-decoration: none;
  background: #0077b1;
  color: white;
}
.page-block a:active, .page-block a.active, .page-block span:active, .page-block span.active {
  background-color: #333333;
  color: white;
}
.page-block a.disable, .page-block span.disable {
  color: #AAA;
  background-color: #f4f4f4;
}
.page-block span {
  cursor: default;
}

@media only screen and (min-width: 1200px) {
  #Layout-view {
    font-family: "cozy";
  }

  .layout-wrapper {
    width: 1200px;
  }
}
@media only screen and (max-width: 1199px) {
  #Layout-view {
    font-family: "compact";
  }

  .layout-wrapper {
    width: 1000px;
  }
}
@media only screen and (max-width: 1005px) {
  #wrap {
    width: 1030px;
  }
}
@media only screen and (max-width: 767px) {
  .layout-wrapper {
    width: 100%;
  }
}

.playicon{
	color: rgba(255,255,255,0.7);
    font-size: 5em;
    position: relative;
    top: 50%;
    text-align: center;
    cursor: pointer;
}

.menu-mask{
  background-color: rgba(0, 0, 0, 0);
  position: fixed;
  display: none;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: pointer;
  z-index: 1100;
  width: 100vw;
  height:100vh;
}
.pageprint{
	display: inline-block;
	float:right;
	text-decoration:underline!important;
	color:#b60057!important;
	fon-size:0.9em;
	cursor:pointer;
}
.pageprint i{
	font-size: 1.3em;
    margin-right: 5px;
}

@media print
{
    a[href]:after{
     content: none !important;
   }
   .touch-screen-mask, #hember_id, .contact_tab, .backtop {
     display: none !important;
   }
}

/* Chrome CSS hacks */
@media screen and (-webkit-min-device-pixel-ratio:0) {
.top-menu{
	margin-top:12px;
}
}
@-moz-document url-prefix()  {
.top-menu{
	margin-top:0px;
}
}



.firstnews{
  background: #eee;
}
.swiper-container66{
  position: relative;
}
.swiper-container66 .swiper-slide{
min-height:450px;
}



.pinpanel{
  display: none;
}

.seemore{
	text-align:center;
}
.seemore .srmore{
	font-size:1.2em!important;
	margin:30px;
}




@media only screen and (max-width: 480px) {
	.col-sm-6 {
		width: 100%;
		float:left;
	}
	.ap_psed.ate {
	   width:100%;
		margin: 0 10px;
		margin-bottom: 20px;
	}
	.col-xs-6 {
    width: 100%;
	}
	.ree_ppc{
		width: 100%;
		text-align: center;
		position: relative;
		margin: 0 auto;
		background: #fff;
	}
	.ree_ppc img{
		text-align: center;
		max-width: 210px;
	}
	.ree_ppc.rrlist img{
		width: 100%;
		margin-bottom: 10px;
		max-width:250px;
	}

}

.ssmask{
	position: absolute;
	top:0;
	left:0;
	width:100%;
	padding-bottom:70%;
	background-color:rgba(0,0,0,0.5);
	display:none;
}
.ssmask.full{
	padding-bottom:120%;
}
.exg_box{
    background-color: #ffffff;
    border-top: 2px solid #b60057;
}
.exg_font{
    text-align: center;
    font-size: 0.9rem;
    padding: 0 17px 40px 17px;
}
.exg_pic{
    width: 100%;
}
.exg_pic img{
    width: 100%;
}
.exg_mg{
    margin-bottom: 30px;
}
.exg_title{
    text-align: center;
    font-size: 1.2rem;
    margin-top: 20px;
    font-weight: 900;
}
.kiwi_pic {
  width: 100%;
}
.kiwi_pic img {
  width: 100%;
}

.kiwi_title {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  color: #b60057;
font-weight: bold;
}

.kiwi_title a {
color: #b60057;
}

.kiwi_title2 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 20px;
  color: #000000;
font-weight: bold;
}

.kiwi_title2 a {
 color: #000000;
}

.kiwi_font {
  font-size: 16px;
  line-height: 24px;
  text-align: center;
}
.kiwi_font2 {
  font-size: 14px;
  line-height: 24px;
  text-align: center;
}

.kw_pd {
  vertical-align: middle;
}

.op_wrapper {
  max-width: 1000px;
  margin: 10vh auto;
}

.table_table {
  display: table;
  border-collapse: collapse;
  width: 100%;
}

.rowtr {
  display: table-row;
}

.bo_box {
  padding: 30px;
}

.cell_td {
  display: table-cell;
  vertical-align: middle;
  width: 50%;
}

.vard_title {
  font-size: 30px;
  color: #b60057;
  text-align: center;
  font-weight: border;
  margin-bottom: 50px;
  margin-top: 5vh;
  line-height: 1.2em;
}

.vard_wrap {
  max-width: 1000px;
  margin: 0 auto;
}

.ebr_title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  color: #682145;
}

.gray_title {
  font-size: 22px;
  text-align: center;
  margin-bottom: 20px;
  color: #4e4e4e;
}

.vard_pic {
  width: 100%;
  margin-bottom: 20px ;
}
.vard_pic img {
  width: 100%;
}

.cent_font {
  margin-bottom: 40px;
  font-size: 16px;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .cell_td {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  .vard_wrap {
    max-width: 80%;
  }

  .vard_title {
    font-size: 30px;
    margin-bottom: 20px;
  }

  .kiwi_font {
    font-size: 14px;
  }

  .ebr_title {
    font-size: 16px;
  }
}