body{
	margin: 0;
    padding: 0;
	font-size:13px;
	font-family:Arial,"微軟正黑體";
	background-color:#fff;
}

a{
	border:none;
	text-decoration:none;
	color:inherit;
}

img {
    height: auto;
    max-width: 100%;
}
.rwd-img{
	display: block;
    height: auto;
    max-width: 100%;
}
/* word-表格用 */
.Section1{
    width: 100% !important;
}
.MsoNormalTable {
    width: 100% !important;
}

#showhide{
	display:block;
}
#hideshow{
	display:none;
}
#sh-ink{
	display:inline-block;
}
#hs-ink{
	display:none;
}

.lcenter{
	text-align:left;
}
.rcenter{
	text-align:right;
}
.cleft{
	text-align:center;
}
.cright{
	text-align:center;
}
.rleft{
	text-align:right;
}
.lright{
	text-align:left;
}


/*---------------------------------------- font ----------------------------------------*/
.txt13{
	font-size:13px;
}
.txt15{
	font-size:15px;
}
.txt20{
	font-size:20px;
}
.txt_wh{
	color:#FFFFFF;
}
.txt_bk{
	color:#000000;
}
.txt_gray33{
	color:#333333;
}
.txt_gray66{
	color:#666666;
}
.txt_red{
	color:#ff0000;
}


.lh25{
	line-height:25px;
}
.lh30{
	line-height:30px;
}
.lh35{
	line-height:35px;
}

.txtin15 {
	margin-left:15px;
	margin-right:15px;
}

/*---------------------------------------- margin ----------------------------------------*/
.m0{
	margin:0;
}
.mt5{
	margin-top:5px;
}
.mt10{
	margin-top:10px;
}
.mt15{
	margin-top:15px;
}
.mt20{
	margin-top:20px;
}
.mt30{
	margin-top:30px;
}

.mb5{
	margin-bottom:5px;
}
.mb10{
	margin-bottom:10px;
}
.mb15{
	margin-bottom:15px;
}
.mb20{
	margin-bottom:20px;
}
.mb30{
	margin-bottom:30px;
}

.mtb5{
	margin-top:5px;
	margin-bottom:5px;
}
.mtb10{
	margin-top:10px;
	margin-bottom:10px;
}
.mtb15{
	margin-top:15px;
	margin-bottom:15px;
}
.mtb20{
	margin-top:20px;
	margin-bottom:20px;
}
.mtb30{
	margin-top:30px;
	margin-bottom:30px;
}


/*---------------------------------------- padding ----------------------------------------*/
.p0{
	padding:0;
}
.pl0{
	padding-left:0;
}
.pr0{
	padding-right:0;
}
.pt5{
	padding-top:5px;
}
.pt10{
	padding-top:10px;
}
.pt15{
	padding-top:15px;
}
.pt20{
	padding-top:20px;
}
.pt25{
	padding-top:25px;
}
.pt30{
	padding-top:30px;
}
.pt50{
	padding-top:50px;
}

.pb5{
	padding-bottom:5px;
}
.pb10{
	padding-bottom:10px;
}
.pb15{
	padding-bottom:15px;
}
.pb20{
	padding-bottom:20px;
}
.pb25{
	padding-bottom:25px;
}
.pb30{
	padding-bottom:30px;
}
.pb50{
	padding-bottom:50px;
}

.ptb5{
	padding-top:5px;
	padding-bottom:5px;
}
.ptb10{
	padding-top:10px;
	padding-bottom:10px;
}
.ptb15{
	padding-top:15px;
	padding-bottom:15px;
}
.ptb20{
	padding-top:20px;
	padding-bottom:20px;
}
.ptb25{
	padding-top:25px;
	padding-bottom:25px;
}
.ptb30{
	padding-top:30px;
	padding-bottom:30px;
}
.ptb50{
	padding-top:50px;
	padding-bottom:50px;
}

/*------------------------------------------- btn -------------------------------------------*/
.abbtn_bu{
	color:#fff;
	border:none;
	font-size:18px;
	text-align:center;
	padding:10px 35px;
	background-color:#003da4;
}
/*.btn_bu {
    -webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:none;
	background-color: #00a0e9;
	-webkit-box-shadow: 0 2px 6px rgba(0,0,0,.22);
	-moz-box-shadow: 0 2px 6px rgba(0,0,0,.22);
	box-shadow: 0 2px 6px rgba(0,0,0,.22);
    color: #fff;
    font-size: 13px;
    padding: 10px 0;
    text-align: center;
    width: 100%;
}*/
.btn_bu,
.btn_gy{
	color:#fff;
	font-size:13px;
	padding:12px 0;
	border:none;
	width:100%;
}
.btn_bu{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #003da4;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
}
.btn_gy{
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #898989;
	-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	-moz-box-shadow: 0 1px 5px rgba(0,0,0,.2);
	box-shadow: 0 1px 5px rgba(0,0,0,.2);
}

/*------------------------------------------- icon -------------------------------------------*/
.fa-user, .fa-cubes, .fa-download, .fa-newspaper-o, .fa-file-text {
    color: #000;
    font-size: 20px !important;
    margin-right: 10px;
    text-align: center;
    vertical-align: top;
    width: 20px;
}
.fa-trash-o {
    color: #999999;
    font-size: 25px !important;
    vertical-align: middle;
}
.icon_down {
    background-image: url("../eng_images/icon/icon_down.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
}
.icon_site{
    background-image: url("../eng_images/icon/icon_site.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
	margin-right:8px;
}
.icon_phone{
    background-image: url("../eng_images/icon/icon_phone.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
	margin-right:8px;
}
.icon_mail{
    background-image: url("../eng_images/icon/icon_mail.png");
    background-repeat: no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 25px;
    width: 25px;
	margin-right:8px;
}

.icon_service{
	background-image:url(../eng_images/icon/icon_service.png);
	background-repeat:no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 77px;
    width: 77px;
	margin-right:10px;
}
.icon_support{
	background-image:url(../eng_images/icon/icon_support.png);
	background-repeat:no-repeat;
    display: inline-block;
    vertical-align: middle;
    height: 77px;
    width: 77px;
	margin-left:10px;
}


/*------------------------------------------- bg -------------------------------------------*/
.bg_ee{
	background-color:#eeeeee;
	border-bottom:1px solid #fff;
}
.bg_bu{
	background-color:#1684d3;
	border-bottom:1px solid #fff;
}
.bg_bu2{
	background-color:#52b2cf;
}

.bg_dg{
	background-color:#4e4a49;
	border-bottom:1px solid #fff;
}

/*------------------------------------------- head -------------------------------------------*/
ul.top_btn{
	margin:0;
	padding:0;
	float: left;
	list-style:none;
}
ul.top_btn li{
	width:120px;
	display:inline-block;
}
ul.top_btn li a{
	color:#535353;
	display:block;
	padding:3px 0;
	font-size:13px;
	text-align:center;
	border:1px solid #b5b5b5;
}
	
ul.lan{
	margin:0;
	padding:0;
	float: right;
	list-style:none;
}
ul.lan li{
	width:112px;
	margin-right: 5px;
	vertical-align: sub;
	display:inline-block;
}
ul.lan li a{	
    color: #fff;
    display: block;
    font-size: 16px;
    padding: 3px 0;
    text-align: center;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	text-decoration:none;
	background-color:#898989;
	font-family:Arial,"微軟正黑體";
}
ul.lan li a:hover{
	background-color:#003da4;
}

ul.lan li.home{
	width: 35px;
	background-color:#003da4;
}
ul.lan li.home a{
	padding: 5.5px 0;
	background-color: inherit;
}

.search_inpt{
	position:relative;
}
.search_inpt input{
	height:35px;
	border-radius:0;
	font-size:16px;
	border:1px solid #a0a0a0;
}
.search_inpt .icon_search{
	height: 35px;
    padding: 5px;
	position:absolute;
	right:0;
	top:0;
	cursor:pointer;
	border-left:1px solid #a0a0a0;
	background-color:#898989;
}
.search_inpt .form-control::-moz-placeholder {
  color: #9fa0a0;
  opacity: 1;
}
.search_inpt .form-control:-ms-input-placeholder {
  color: #9fa0a0;
}
.search_inpt .form-control::-webkit-input-placeholder {
  color: #9fa0a0;
}

header{
	padding-bottom:15px;
	border-bottom:1px solid #dcdcdc;
}
header .navbar{
	margin-top:10px;
	margin-bottom:10px;
}
header .navbar-default .navbar-nav > li > a{
	font-size:18px;
	color:#000;
	margin: 0 15px;
    padding: 10px 0;
	letter-spacing:0.25px;
}

header .navbar-default .navbar-nav > li > a > svg.sm-show{
	display: none;
}

header .navbar-default{
	background-color: #fff;
    border-color: #fff;
}
header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
	color:#003da4;
	background-color: #fff;
	border-bottom:5px solid #003da4;
}
header .navbar-default .navbar-nav > .active > a i, .navbar-default .navbar-nav > .active > a:hover i, .navbar-default .navbar-nav > .active > a:focus i{
	color:#003da4;
}
header .navbar-default .navbar-nav > li > a:hover i,
header .navbar-default .navbar-nav > li > a:focus i {
  color: #003da4;
}
header .navbar-default .navbar-nav > li > a:hover,
header .navbar-default .navbar-nav > li > a:focus {
  color: #003da4;
  background-color: transparent;
  border-bottom:5px solid #003da4;
}

.navbar-default .navbar-toggle{
	border:none;
}




/*------------------------------------------- banner -------------------------------------------*/
.banner{
	/*padding-top:25px;*/
	clear:both;
}
.banner .carousel-indicators .active{
	background-color:#003da4;
}
.banner .carousel-indicators li{
	margin: 0;
	width:12px;
	height:12px;
	border-radius:0;
	background-color:#424242;
}

/*.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px; height: 0; overflow: hidden;
}
 
.video-container iframe,
.video-container object,
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 50%;
}*/

/*------------------------------------------- index-about -------------------------------------------*/
.idx_about{
	background-image:url(../eng_images/bg/idx_about_bg.jpg);
	background-repeat:no-repeat;
	background-color: #898989;
	height:270px;
	width: 100%;
	display: inline-table;
}
.idx_about h2{
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
.ab_frame{
	width:100%;
	display: inline-block;
	padding: 3% 0;
	margin-left: auto;
    margin-right: auto;
}
.ab_frame p{
	margin:0;
	color:#fff;
	font-size:15px;
	line-height:28px;
}
.ab_frame p span{
	color:#003da4;
}
.ab_frame button{
	margin-top:20px;
}
.ab_frame .ver_line{
	position:relative;
    padding-top: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}
.ab_frame .ver_line:before{
	position:absolute;
	width:1px;
	height:100%;
	content: "";
	top:0;
	right:30px;
	background-color:#535353;
}
.ab_frame .ver_line:after{
	position:absolute;
	width:1px;
	height:100%;
	content: "";
	top:0;
	right:29px;
	background-color:#dcdcdc;
}



/*------------------------------------------- index-product -------------------------------------------*/
.idx_hotpd{
	padding:1.5% 0;
	background-color:#1a1a1a;
}
.idx_hotpd h1{
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}

.idx_hotpd_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
}
.idx_hotpd_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  display: table\0;
    width: 33.333%;
  padding: 2rem 0.625rem;
  margin: 0;
}
@media screen and (max-width: 40em) {
  .idx_hotpd_item {
    width: 50%;
  }
}
@media screen and (max-width: 22em) {
  .idx_hotpd_item {
    width: 100%;
  }
}
.idx_hotpd_item figure {
  margin: 0;
}
.idx_hotpd_inner {
  background: #fff;
  width: 100%;
  padding: 12px;
  position:relative;
}
.idx_hotpd_inner img {
  display: block;
  /*width: 100%;*/
}
.idx_hotpd_inner figcaption {
  padding: 1.25rem;
}
.idx_hotpd_inner > a {
    display: inline-block;
    position: relative;
}
.idx_hotpd_inner .overlay p{
	background-color: #788d97;
    color: #fff;
    font-size: 15px;
    margin: 0 auto;
    padding: 5px 30px;
    position: absolute;
    text-align: center;
    top: 25%;
	left:0;
	right:0;
	width: 80%;
	opacity:0;
}
.idx_hotpd_inner:hover .overlay{
	background-color:rgba(0,61,164,0.5);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	/*border: 12px solid #fff;*/
	opacity:1;
	cursor:pointer;
}
.idx_hotpd_inner:hover .overlay p{
	opacity: 1;
}
.idx_hotpd_inner .overlay p span{
	font-size:18px;
}

@media(max-width:991px){
	.idx_hotpd_inner .overlay p {
		top: 8%;
		top: 25%\0;
	}
}

/*------------------------------------------- index-serice -------------------------------------------*/
.idx_ser{
	padding:1.5% 0;
	background-color:#fff;
}
.idx_sersup{
	padding:20px 0;
}
.idx_sersup a{
	text-decoration:none;
}
.idx_sersup ul{
	margin:0;
	padding:0;
	list-style:none;
}
.idx_sersup ul li{
	float:left;
	display:inline-block;
}
.idx_sersup ul li.more{
	width:15%;
}
.idx_sersup ul li.sersup{
	width:35%;
}
.idx_sersup ul li:nth-child(2){
	border-right:6px solid #fff;
}
.idx_sersup ul li:nth-child(3){
	border-left:6px solid #fff;
}
.idx_ser h1{
	color:#254b5e;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}
.btn_sersup{
	color:#003da4;
	font-size:28px;
	font-weight:bold;
	text-align:center;
	padding:10px 0;
	background-color:#b2c4e4;
}
.read_more{
	color:#fff;
	font-size:18px;
	height: 97px;
	padding-top:23px;
	text-align:center;
	background-color:#003da4;
}

ul.box_list{
	margin:0;
	padding:25px 0;
	list-style:none;
}
ul.box_list li:nth-child(2n){
	width:16.5%;
	margin-left: 6px;
	margin-right:6px;
}
ul.box_list li:last-child{
	margin-right:0;
}
ul.box_list li{
	width:15.3%;
	vertical-align: top;
	display:inline-block;
}
.idx_ser .box{
}
.idx_ser .box .img{
}
.idx_ser .box p{
	color:#fff;
	font-size:18px;
	margin:0;
	padding:10px 0;
	text-align:center;
	background-color:#003da4;
}
.idx_ser .box p a{
	color:inherit;
	display:block;
	text-decoration:none;
}
.idx_ser .box_nevin {
    padding: 0;
}
.idx_ser .box_nevin .title{
	color:#003da4;
	font-size:15px;
}
.idx_ser .box_nevin .line{
	width:100%;
	height:1px;
	margin:20px 0 10px 0;
	background-color:#dcdcdc;
}
.idx_ser .box_nevin p{
	margin:0;
	color:#727171;
	font-size:13px;
	line-height:20px;
}


/*------------------------------------------- index-contact -------------------------------------------*/
.idx_cont{
	background-image:url(../eng_images/bg/idx_cont_bg.jpg);
	background-repeat:no-repeat;
	background-color: #535353;
	height:496px;
	width: 100%;
	display: inline-table;
}
.idx_cont .box{
	padding:50px 0;
}
.idx_cont .img{
	padding-top:50px;
}
.idx_cont h1{
	color:#fff;
	font-size:2.5em;
	font-weight:bold;
	text-align:center;
}
.idx_cont h2{
	color:#fff;
	font-size:28px;
	font-weight:bold;
	text-align:center;
}


/*------------------------------------------- sub -------------------------------------------*/
.sub .title{
	color:#FFFFFF;
	font-size:20px;
	padding:5px 10px;
	letter-spacing:0.5px;
	font-family:"微軟正黑體";
	background-color:#003da4;
}
.sub .title .subtitle{
	color:rgba(255,255,255,.54);
	font-size:45px;
	font-family: Arial;
	line-height:23px;
	margin-left:5px;
	vertical-align: sub;
	letter-spacing:-0.6px;
}
.sub .title .arrow{
	padding:6px 9px;
	border-radius:100%;
	font-family: Arial;
	font-size: 13px;
	color: #0267a7;
	text-align:center;
	margin-left:5px;
	vertical-align: text-top;
	text-shadow: 1px 1px 1px rgba(0,0,0,.43);
	background-color: #fff;
	border: solid 2px #0167a6;
}
.sub{
	padding-bottom:30px;
}
.sub > ul{
	margin:0;
	padding:10px 0;
	list-style:none;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color:#fff;
}
.sub > ul > li:last-child{
	border-bottom:none;
}
.sub > ul > li > a{
	color:#595757;
	font-size:13px;
	display:block;
	padding:10px;
	background-color:#eeeeee;
	border-bottom:2px solid #fff;
	text-decoration:none;
}
.sub > ul > li > a:hover{
	color:#003da4;
	text-decoration:none;
}
.sub > ul > li > a.active{
	color:#003da4;
	text-decoration:none;
}


.sub > ul > li > ul > li > a:hover{
	text-decoration:none;
}

.sub > ul > li > ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sub > ul > li > ul > li{
	padding:5px 35px;
	border-bottom:1px solid #eeeeee;
}
.sub > ul > li > ul > li > a{
	color:#b5b5b6;
	font-size:13px;
	line-height:28px;
	display:block;
	text-decoration:none;
}
.sub > ul > li > ul > li > a:before{
	content:"";
	background-image:url(../eng_images/icon/sub_arrow.png);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	vertical-align: sub;
	padding-right: 15px;
}



/*------------------------------------------- page -------------------------------------------*/
.page {
    padding: 30px 0 50px 0;
}
.page .title_bar{
	border-bottom:2px solid #003da4;
}
.page .title_bar .title{
	color:#fff;
    width: 270px;
	font-size:18px;
	padding: 5px 10px;
	display: inline-block;
	border-right:17px solid #dcdcdc;
	background-color:#003da4;
}
.page .title_bar .bread{
	color:#9fa0a0;
	float: right;
	display: block;
    padding-top: 10px;
}
.page .title_bar .bread a{
	color:inherit;
}

.page .pagination > li{
	margin: 0 1px;
	display:inline-block;
}
.page .pagination > li > a, .pagination > li > span{
	border:none;
	color:#fff;
	font-size:20px;
	padding: 5px 13px;
	background-color:#003da4;
}
.pagination > li:first-child a,
.pagination > li:last-child a{
	border-radius:0;
	line-height: 0;
	padding: 10px 13px;
	background-color:#c9c9c9;
}

/*------------------------------------------- about -------------------------------------------*/
ul.ab_list{
	margin:0;
	padding:0;
	list-style:none;
}
ul.ab_list li{
	color:#000;
	font-size:15px;
	line-height:26px;
	/*padding:15px 0 15px 25px;*/
	padding:15px 0;
	position:relative;
	letter-spacing:0.1px;
}
ul.ab_list li:before{
	/*content:"■";*/
	color:#898989;
	font-size:25px;
	position: absolute;
	left:0;
	top:12px;
}
ul.ab_list2{
	margin:0;
	padding:0;
	list-style:none;
}
ul.ab_list2 li{
	color:#000;
	font-size:15px;
	line-height:26px;
	padding:15px 20px;
	position:relative;
	letter-spacing:0.1px;
}
ul.ab_list2 li:before{
	content:"■";
	color:#898989;
	font-size:25px;
	position: absolute;
	left:0;
	top:12px;
}
.ab_img{
	padding:15px 0;
}

.ab_local{
	padding:25px 0;
}
.ab_local p{
	margin:0;
}
.ab_local .title{
	color:#000;
	font-size:18px;
}
.ab_local .sub_title{
	color:#000;
	font-size:15px;
	padding-bottom: 10px;
}
.ab_local .nevin{
	color:#000;
	font-size:15px;
	line-height:24px;
}
.ab_local ul{
	margin:0;
	padding:15px 0;
	list-style:none;
}
.ab_local ul li{
	color:#000;
	font-size:15px;
	line-height:30px;
	position:relative;
	padding-bottom: 5px;
    padding-left: 35px;
	letter-spacing:0.3px;
}
.ab_local ul li a{
	color:inherit;
	text-decoration:none;
	
}
.ab_local ul li:first-child:before{
	position:absolute;
	content:"";
	background-image:url(../eng_images/icon/icon_ab-site.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	left:0;
	top:15px;
}
.ab_local ul li:nth-child(2):before{
	position:absolute;
	content:"";
	background-image:url(../eng_images/icon/icon_ab-tel.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	left:0;
	top:15px;
}
.ab_local ul li:last-child:before{
	position:absolute;
	content:"";
	background-image:url(../eng_images/icon/icon_ab-mail.png);
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	left:0;
	top:15px;
}

/*------------------------------------------- about-map -------------------------------------------*/
#horizontalTab{
	margin:20px 0;
}
.ab_map{
	background-image:url(../tw_images/bg/map_bg.png);
	background-repeat:no-repeat;
	background-size:cover;
	position: relative;
    width: 100%;
	height: 0;
	margin: 50px 0;
	padding-top: 48%;
}
.europe:hover,
.middle-east:hover,
.africa:hover,
.asia:hover,
.oceania:hover,
.north-america:hover,
.south-america:hover{
	cursor:pointer;
}

.ab_map button{
	/*border:1px solid #ff0000;*/
	display:inline-block;
	border: 0;
	cursor: pointer;
	background-color: Transparent;
    background-repeat:no-repeat;
    overflow: hidden;
    outline:none;
	position:absolute;
	
	width:100%;
	height:100%;
}
.europe{
	background-image:url(../tw_images/distributors/Europe.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 25.5%;
	height: 42.3%;
    left: 40%;
    top: 0;
}
.europe:hover{
	background-image:url(../tw_images/distributors/Europe_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 25.5%;
	height: 42.3%;
    left: 40%;
    top: 0;
}

.africa{
	background-image:url(../tw_images/distributors/Africa.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 19.5%;
	height: 44%;
    left: 41.4%;
    top: 40.5%;
}
.africa:hover{
	background-image:url(../tw_images/distributors/Africa_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 19.5%;
	height: 44%;
    left: 41.4%;
    top: 40.5%;
}

.asia{
	background-image:url(../tw_images/distributors/Asia.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 46%;
	height: 69%;
    left: 53.9%;
    top: 1%;
}
.asia:hover{
	background-image:url(../tw_images/distributors/Asia_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 46%;
	height: 69%;
    left: 53.9%;
    top: 1%;
}

.oceania{
	background-image:url(../tw_images/distributors/Oceania.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 18.6%;
	height: 29%;
    left: 78.2%;
    top: 64%;
}
.oceania:hover{
	background-image:url(../tw_images/distributors/Oceania_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 18.6%;
	height: 29%;
    left: 78.2%;
    top: 64%;
}

.north-america{
	background-image:url(../tw_images/distributors/NorthAmerica.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:12;
    width: 43.5%;
	height: 61%;
    left: 0.1%;
    top: -0.05%;
}
.north-america:hover{
	background-image:url(../tw_images/distributors/NorthAmerica_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:12;
	width: 43.5%;
	height: 61%;
    left: 0.1%;
    top: -0.05%;
}

.south-america{
	background-image:url(../tw_images/distributors/SouthAmerica.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 13.6%;
    height: 43.6%;
    left: 23.2%;
    top: 56.4%;
}
.south-america:hover{
	background-image:url(../tw_images/distributors/SouthAmerica_hover.png);
	background-repeat:no-repeat;
	background-size:cover;
	position:absolute;
	z-index:11;
    width: 13.6%;
    height: 43.6%;
    left: 23.2%;
    top: 56.4%;
}



#horizontalTab p {
	color:#000;
	font-size:15px;
	line-height:24px;
	letter-spacing:0.5px;
}
.r-tabs .r-tabs-nav {
    margin: 0;
    padding: 0;
	border-bottom:3px solid #898989;;
}

.r-tabs .r-tabs-tab {
    display: inline-block;
    margin: 0;
    list-style: none;
}

.r-tabs .r-tabs-panel {
    padding: 15px 0;
    display: none;
}

.r-tabs .r-tabs-accordion-title {
    display: none;
}

.r-tabs .r-tabs-panel.r-tabs-state-active {
    display: block;
}

/* Accordion responsive breakpoint */
@media only screen and (max-width: 768px) {
    .r-tabs .r-tabs-nav {
        display: none;
    }

    .r-tabs .r-tabs-accordion-title {
        display: block;
    }

	header .navbar-default .navbar-nav > li > a > svg.sm-show{
	display: inline-block;
}
}
/* Tabs container */
.r-tabs {
	position: relative;
}

/* Tab element */
.r-tabs .r-tabs-nav .r-tabs-tab {
	position: relative;
}

/* Tab anchor */
/*ul.r-tabs-nav li:last-child .r-tabs-anchor:after{
	width:0;
}
.r-tabs .r-tabs-nav .r-tabs-anchor:after{
	position:absolute;
	background-color:#000;
	width:1px;
	height:20px;
	content:"";
	right:0;
}*/
.r-tabs .r-tabs-nav .r-tabs-anchor {
	display: inline-block;
	padding: 8px 0;
	width:120px;
	text-align:center;

	text-decoration: none;
	font-size: 15px;
	color: #010101;
	position:relative;
	border-radius: 3px 3px 0 0;
	background-color:#dcdcdc;
}
/* Disabled tab */
.r-tabs .r-tabs-nav .r-tabs-state-disabled {
	opacity: 0.5;
}
/* Active state tab anchor */
.r-tabs .r-tabs-nav .r-tabs-state-active .r-tabs-anchor {
	color: #fff;
	text-shadow: none;
	font-size:15px;
	background-color:#898989;
	border-radius: 3px 3px 0 0;
}
/* Tab panel */
.r-tabs .r-tabs-panel {

}
/* Accordion anchor */
.r-tabs .r-tabs-accordion-title .r-tabs-anchor {
	display: block;
	padding: 10px;

	color: #010101;
	text-decoration: none;
	font-size: 15px;
	text-align: center;
	background-color: #dcdcdc;
    border-bottom: 1px solid #fff;
}
/* Active accordion anchor */
.r-tabs .r-tabs-accordion-title.r-tabs-state-active .r-tabs-anchor {
	color: #fff;
	background-color:#898989;
}
/* Disabled accordion button */
.r-tabs .r-tabs-accordion-title.r-tabs-state-disabled {
	opacity: 0.5;
}


/*------------------------------------------- product -------------------------------------------*/
.pro_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 25px 0;
  margin: 0;
}
.pro_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.333%;
  padding: 0.625rem;
  margin: 0;
}
@media screen and (max-width: 40em) {
  .pro_item {
    width: 50%;
  }
}
@media screen and (max-width: 22em) {
  .pro_item {
    width: 100%;
  }
}
.pro_item figure {
  margin: 0;
}
.pro_inner {
  background: #fff;
  width: 100%;
}
.pro_inner img {
  display: block;
  /*width: 100%;*/
}
.pro_inner figcaption {
  padding: 1.25rem;
  color:#595757;
  font-size:15px;
  text-align:center;
}

.pro_overfm{
  position:relative;
  border:2px solid #e5e5e5;
}
.pro_overlay{
	opacity:0;
}
.pro_overfm:hover .pro_overlay{
	background-color:rgba(0,61,164,0.5);
	position:absolute;
	left:2.5%;
	top:2.5%;
	width:95%;
	height:95%;
	z-index:10;
	opacity:1;
	cursor:pointer;
}
.pro_overfm:hover{
  border:2px solid #003da4;
}


/*------------------------------------------- product-detail -------------------------------------------*/
.prod_frame{
	padding:30px 0;
}
.prod_frame h1{
	color:#003da4;
	font-size:30px;
	margin:0;
}
ul.prod_btn {
	margin:0;
	padding:40px 0;
	list-style:none;
}
ul.prod_btn li{
	text-align:center;
	padding-bottom:20px;
}
ul.prod_btn li a{
	color:#000;
	font-size:13px;
	line-height:25px;
}


#tabs-prod .nav-tabs > li.active > a, .nav-tabs > li.active > a:hover, .nav-tabs > li.active > a:focus{
	color:#fff;
	background-color:#898989;
}
#tabs-prod .nav-tabs{
	border-bottom:3px solid #707070;
}
#tabs-prod .nav-tabs > li{
	margin-bottom:0;
}
#tabs-prod .nav-tabs > li > a{
	color:#000;
	font-size:18px;
	border:none;
	margin-right: 5px;
	background-color:#dcdcdc;
}

#tabs-prod .table-responsive{
	border:none;
}
#tabs-prod table{
	margin:30px 0;
}
#tabs-prod table tr td{
	font-size:15px;
	padding:5px 10px;
	border-right:1px solid #eeeeee;
}
#tabs-prod table tr th:last-child,
#tabs-prod table tr td:last-child{
	border-right:none;
}
#tabs-prod table tr th{
	color:#fff;
	padding:5px 10px;
	background-color:#003da4;
	border-right:1px solid #fff;
}
#tabs-prod table tr td:first-child{
	color:#000;
	font-weight:bold;
	background-color:#eeeeee;
}
#tabs-prod table tr td{
	background-color:#fff;
}
#tabs-prod .gn_txt{
	color:#9fa0a0;
	font-weight:bold;
}
#tabs-prod .bk_txt{
	color:#000;
	font-weight:bold;
}
	
/*------------------------------------------- ecatalog -------------------------------------------*/
.ec_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 25px 0;
  margin: 0;
}
.ec_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  padding: 0.625rem;
  margin: 0;
}
@media screen and (max-width: 50em) {
  .ec_item {
    width: 33.333%;
  }
}
@media screen and (max-width: 40em) {
  .ec_item {
    width: 50%;
  }
}
@media screen and (max-width: 22em) {
  .ec_item {
    width: 100%;
  }
}
.ec_item figure {
  margin: 0;
}
.ec_inner {
  background: #fff;
  width: 100%;
}
.ec_inner img {
  display: block;
  /*width: 100%;*/
}
.ec_inner figcaption {
  padding: 1.25rem;
  color:#000;
  font-size:14px;
  text-align:center;
}


/*------------------------------------------- video -------------------------------------------*/
.video{
	padding:25px 0;
	margin: 0 auto;
    width: 80%;
}
.video p{
	color:#000;
	font-size:16px;
	margin:0;
	padding-top:5px;
}
.video p span{
	color:#003da4;
}

/*------------------------------------------- service -------------------------------------------*/
.ser_bg{
	margin:30px 0;
	background-image:url(../eng_images/bg/ser_bg.jpg);
	background-position: right bottom;
	background-repeat:no-repeat;
	background-color:#d9d9d9;
	border-radius:5px;
	min-height: 400px;
	width:100%;
}
.ser_bg2{
	margin:30px 0;
	border-radius:5px;
    background-color: #d9d9d9;
}
.ser_login p.title{
	color:#003da4;
	font-size:15px;
	line-height:25px;
	padding-bottom: 10px;
	letter-spacing:0.5px;
}
.ser_login{
	padding-top: 10%;
}
.ser_login p.txt{
	color:#000;
	font-size:15px;
	margin:0;
	text-align:right;
	padding-top:8px;
}
.ser_login .bu_txt{
	color:#00a0e9;
	font-size:15px;
	line-height: 24px;
}
.ser_login input{
	border-radius:2px;
	border:1px solid #fff;
	box-shadow:none;
}
input[type=checkbox].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].css-checkbox + label.css-cklabel {
	padding-left:29px;
	height:24px; 
	display:inline-block;
	line-height:24px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	font-weight:normal;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-cklabel {
	background-position: 0 -24px;
}
label.css-cklabel {
	background-image:url(../eng_images/icon/checkbox.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}



/*------------------------------------------- download (Instruction Manual) -------------------------------------------*/
.table-col {
    font-size: 13px;
    margin: 10px 0;
}
.table-col tr th{
	color:#eeebe7;
	font-weight:normal;
	padding-left: 20px;
    padding-right: 20px;
	background-color:#898989;
	border-bottom:1px solid #ffffff;
}
.table-col tr td{
	color:#000000;
	padding-left: 20px;
    padding-right: 20px;
	background-color:#f0f1f3;
	border-bottom:1px solid #ffffff;
}
/*.table-col tr:last-child td{
	border:none;
}*/


.down_sel{
	padding:10px 0;
	margin-top: 20px;
}
.down_sel select{
	width: 18%;
	border-radius:0;
	border:1px solid #a0a0a0;
}

/*------------------------------------------- qa (trouble shooting) -------------------------------------------*/
.qa_form{
	padding:10px 0;
	margin-top: 20px;
}
.qa_form ul{
	margin:0;
	padding:0;
	list-style:none;
}
.qa_form ul li{
	width: 18%;
	display:inline-block;
	vertical-align: text-top;
}
.qa_form select,
.qa_form input{
	border-radius:0;
	border:1px solid #a0a0a0;
}
.qa_form button{
	color:#000;
	font-size:15px;
	padding: 5px 20px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #00a0e9;
	-webkit-box-shadow: inset 0 2px #fff, inset 0 0 3px rgba(255,255,255,.67);
	-moz-box-shadow: inset 0 2px #fff, inset 0 0 3px rgba(255,255,255,.67);
	box-shadow: inset 0 2px #fff, inset 0 0 3px rgba(255,255,255,.67);
	border: solid 1px #adadad;
	background-image: -webkit-linear-gradient(bottom, #c5c7c8 10%, #f8f8f8 90%);
	background-image: -moz-linear-gradient(bottom, #c5c7c8 10%, #f8f8f8 90%);
	background-image: -o-linear-gradient(bottom, #c5c7c8 10%, #f8f8f8 90%);
	background-image: -ms-linear-gradient(bottom, #c5c7c8 10%, #f8f8f8 90%);
	background-image: linear-gradient(to top, #c5c7c8 10%, #f8f8f8 90%);
}


/*------------------------------------------- Questionnaire -------------------------------------------*/
.qes_img,
.qes_tbl{
	padding-top:20px;
	padding-bottom:50px;
}

/* single */
input[type=checkbox].quest_check {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=checkbox].quest_check + label.quest_label {
	padding-left:25px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
}
input[type=checkbox].quest_check:checked + label.quest_label {
	background-position: 0 -25px;
}
label.quest_label {
	background-image:url(../eng_images/icon/check-m.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}


/* double */
input[type=radio].css-checkbox {
	position:absolute; z-index:-1000; left:-1000px; overflow: hidden; clip: rect(0 0 0 0); height:1px; width:1px; margin:-1px; padding:0; border:0;
}
input[type=radio].css-checkbox + label.css-label, input[type=radio].css-checkbox + label.css-label.clr {
	padding-left:25px;
	height:25px; 
	display:inline-block;
	line-height:25px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
	font-weight:normal;
}
input[type=radio].css-checkbox:checked + label.css-label, input[type=radio].css-checkbox + label.css-label.chk {
	background-position: 0 -25px;
}
label.css-label {
	background-image:url(../eng_images/icon/check_radio-m.png);
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
}

.qes_tbl tr td{
	padding:5px !important;
	color:#000;
	font-size:13px;
	line-height:20px;
}
.qes_tbl tr td label span{
	padding-left:5px;
}
.qes_tbl tr td input{
	border-top:none;
	border-left:none;
	border-right:none;
	border-radius:0;
	box-shadow:none;
	border-bottom:1px solid #ccc;
}
.qes_tbl tr td .star{
	color:#c43b1d;
	font-size:12px;
}


/*------------------------------------------- ser_teach -------------------------------------------*/

.ser_teach{
	margin-bottom: 80px;
}

.ser_teach .title{
	margin: 30px auto 10px;
	font-size: 20px;
	font-weight: bold;
}

.ser_teach .teach_list{
	display: inline-block;
    width: 100%;
	border-bottom: 1px dashed #a9a9a9;
	padding: 20px 15px 20px 0;
}

.ser_teach .teach_list:last-child{
	border-bottom: 0px;
}

.ser_teach .teach_list .img_box{
	position: relative;
	padding: 0px;
	text-align: center;
}

.ser_teach .teach_list .img_box p{
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	font-size: 20px;
	font-weight: bold;
	color: #fff;
}

.ser_teach .teach_list .text{
	font-size: 18px;
}

.ser_teach .teach_list .text .list_title{
	font-size: 24px;
	font-weight: bold;
	margin-top: 15px;
}

.ser_teach .teach_list .list_text{
	margin-bottom: 20px;
}

.ser_teach .teach_list .text .link{
	text-align: right;
}

.ser_teach .teach_list .text a{
	text-decoration: none;
}

.ser_teach .teach_list .text a span{
	margin-left: 5px;
	background: url(../tw_images/icon/arrow.png);
	width: 24px;
	height: 24px;
	display: inline-block;
    vertical-align: sub;
}

.ser_teach .teach_list .text a:hover{
	color: #003da4;
}

.ser_teach .teach_list .text a:hover span{
	background: url(../tw_images/icon/arrow_hov.png);
}

.ser_teach .teachdel_list{
	margin: 15px auto;
	font-size: 20px;
	font-weight: bold;
	display: flex;
	position: relative;
	text-decoration: none;
}

.ser_teach .teachdel_list{
	background-color: #f0f1f3;
}

.ser_teach .teachdel_list .num{
	background-color: #898989;
	color: #fff;
	padding: 15px 20px;
	display: inline-block;
	margin-right: 10px;
}

.ser_teach .teachdel_list:hover{
	background-color: #d2def3;
	color: #333333;
}

.ser_teach .teachdel_list:hover .num{
	background-color: #003da4;
	color: #fff;
}

.ser_teach .teachdel_list .name{
	margin-right: 40px;
	padding: 10px 0;
	align-self: center;
}

.ser_teach .teachdel_list img{
	position: absolute;
	top: 50%;
	right: 10px;
	transform: translateY(-50%);
}

.teach_video{
	padding: 15px;
	margin-bottom: 80px;
}

.teach_video video{
	margin: 30px auto 10px;
}

.teach_video .description{
	background-color: #f0f1f3;
	padding: 15px;
	font-size: 20px;
	font-weight: bold;
}

.teach_video .description img{
	margin-right: 8px;
	vertical-align: sub;
}

/*------------------------------------------- news -------------------------------------------*/
.news_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 20px 0;
  margin: 0;
}
.news_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 33.333%;
  padding: 0.625rem;
  margin: 0;
}
@media screen and (max-width: 61em) {
  .news_item {
    width: 50%;
  }
}

@media screen and (max-width: 30em) {
  .news_item {
    width: 100%;
  }
}

.news_item figure {
  margin: 0;
}
.news_item figure a{
	color:inherit;
	text-decoration:none;
}
.news_inner {
  background: #fff;
  width: 100%;
  position:relative;
}
.news_inner img {
  display: block;
  /*width: 100%;*/
}
.news_inner figcaption {
  color:#fff;
  font-size:18px;
  text-align:center;
  padding: 0.65em 10px;
  /*height:67px;
  padding:20.5px;*/
  background-color:#898989;
}
.news_inner figcaption:before{
	content:"◆";
	font-size: 30px;
    margin-right: 5px;
	vertical-align:sub;
}
.news_inner .overlay{
	opacity:0;
}
.news_inner:hover .overlay{
	background-color:rgba(0,61,164,0.6);
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	z-index:10;
	opacity:1;
	cursor:pointer;
}
.news_inner .overlay button{
	background-color: #003da4;
	-webkit-box-shadow: 0 5px 5px rgba(8,1,3,.5);
	-moz-box-shadow: 0 5px 5px rgba(8,1,3,.5);
	box-shadow: 0 5px 5px rgba(8,1,3,.5);
	border:none;
    color: #fff;
    font-size: 18px;
    margin: 0 auto;
    padding: 5px 30px;
    position: absolute;
    text-align: center;
    top: 45%;
    left: 28%;
}
.news_inner:hover .type01{
	display:none;
	position:relative;
}
.news_inner:hover .type02{
	display:block;
	position:relative;
}
.type02{
	display:none;
}

/* news_view */
.news_limg {
    padding: 30px 0;
}
.news_ltitle{
	color:#003da4;
	font-size:24px;
	padding-bottom:20px;
}
.news_ltitle .glyphicon-stop{
	margin-right:10px;
	transform:rotate(45deg);
	vertical-align: text-top;
}
ul.news_linfo{
	margin:0;
	padding:0 0 20px 0;
	list-style:none;
}
ul.news_linfo li{
	color:#727171;
	font-size:15px;
	line-height:32px;
}
ul.news_linfo li span.title{
	color:#000;
	font-weight:bold;
}
.news_lbtn{
	color:#fff;
	border:none;
	width:100%;
	font-size:18px;
	margin-top:20px;
	margin-bottom:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:#003da4;
}

/*------------------------------------------- contact -------------------------------------------*/
.cont_frame{
	padding:30px 0;
}
.cont_frame p.title{
	color:#000;
	font-size:18px;
	font-weight:bold;
}
.cont_frame p{
	font-size:15px;
	line-height:24px;
}
.cont_frame ul{
	margin:0;
	padding:20px 0;
	list-style:none;
}
.cont_frame ul li{
	color:#000;
	font-size:15px;
	padding:5px 0;
}

#cont_form{
}
ul.cont_btn{
	margin:0 auto;
	padding:20px 0;
	text-align: center;
}
ul.cont_btn li{
	width:150px;
	list-style:none;
	display:inline-block;
}
#cont_form input{
	height:43px;
	-webkit-border-radius: 2px/3px;
	-moz-border-radius: 2px/3px;
	border-radius: 2px/3px;
	background-color: #fbfbfb;
	border: solid 1px #c9c9c9;
}
#cont_form textarea{
	-webkit-border-radius: 2px/3px;
	-moz-border-radius: 2px/3px;
	border-radius: 2px/3px;
	background-color: #fbfbfb;
	border: solid 1px #c9c9c9;
}
#cont_form .form-control::-moz-placeholder {
  color: #c2c2c2;
  opacity: 1;
}
#cont_form .form-control:-ms-input-placeholder {
  color: #c2c2c2;
}
#cont_form .form-control::-webkit-input-placeholder {
  color: #c2c2c2;
}


/*---------------------------------------- sitemap ----------------------------------------*/
.sitemap{
	padding:20px 0;
}
.sitemap_inner h1{
	color:#003da4;
	font-size:18px;
	margin: 0;
	padding:10px 0;
	text-align:center;
	font-weight: bold;
	border-bottom:5px solid #003da4;
	background:url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAIklEQVQIW2Pcs2fPfx0dHYYrV64wML548eI/iAESYESWAQCLUhMhXKyAEAAAAABJRU5ErkJggg==");
	background-repeat:repeat;	
}
.sitemap_inner figcaption ul{
	margin:0;
	padding:0;
	list-style:none;
}
.sitemap_inner figcaption ul li{
	border-bottom:1px solid #6c6c6c;
}
.sitemap_inner figcaption ul li a{
	color:#000;
	display:block;
	padding:10px 0;
	font-size:15px;
	margin-left:10px;
}

.sitemap_list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  overflow: hidden;
  -webkit-flex-wrap: wrap;
      -ms-flex-wrap: wrap;
          flex-wrap: wrap;
  padding: 0;
  margin: 0;
}

.sitemap_item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 25%;
  padding: 0.625rem;
  margin: 0;
}
@media screen and (max-width: 50em) {
  .sitemap_item {
    width: 50%;
  }
}
@media screen and (max-width: 40em) {
  .sitemap_item {
    width: 100%;
  }
}

.sitemap_item figure {
  margin: 0;
}

.sitemap_inner {
  background: #fff;
  width: 100%;
}
.sitemap_inner img {
  display: block;
  /*width: 100%;*/
}
.sitemap_inner figcaption {
  padding: 1.25rem 1.5rem;
}



/*------------------------------------------- footer -------------------------------------------*/
footer{
	padding:1.5% 0;
	background-color:#262626;
}
footer h3{
	color:#fff;
	font-size:18px;
	font-weight:bold;
}
.ft_info{
	padding-bottom: 20px;
}
.ft_info ul{
	margin:0;
	padding:0;
	list-style:none;
}
.ft_info ul:nth-child(1){
	padding-top:50px;
}
.ft_info ul li{
	padding:2px 0;
	color:#7ecef4;
	font-size:15px;
	line-height:20px;
}
.ft_info ul li a{
	color:inherit;
	text-decoration:none;
}
.ft_copyright{
	color:#fff;
	font-size:13px;
	padding:10px 0;
	text-align:center;
	background-color:#062c53;
}
.ft_copyright a{
	color:inherit;
}

footer .ft_info .social a,
footer .ft_info .social span{
	display: inline-block;
	vertical-align: middle;
    color: #fff;
    font-size: 20px;
	margin-right: 15px;
}

footer .ft_info .social br.disno{
	display: none;
}

footer .ft_info .social{
		text-align: center;
	}

@media (max-width:767px){
	footer .ft_info .social h3{
		text-align: left;
	}
}

@media (max-width:520px){
	footer .ft_info .social br.disno{
		display:block;
	}
	
	footer .ft_info .social>span{
		margin-top: 15px;
	}
}
/*------------------------------------------- footer-page -------------------------------------------*/
.pgft_info{
	padding:30px 0;
	background-color:#254b5e;
}
.pgft_info .title{
	color:#fff;
	font-size:18px;
	display:inline-block;
	margin-bottom:15px;
	padding-bottom: 10px;
	border-bottom:2px solid #fff;
}
.pgft_info p{
	color:#fff;
	margin:0;
	font-size:12px;
	line-height:24px;
	letter-spacing:0.28px;
}
.pgft_info p a{
	color:inherit;
	text-decoration:none;
}
.pgft_info ul{
	margin:0;
	padding: 15px 0 0 0;
	list-style:none;
}
.pgft_info ul li{
	display:inline-block;
}
.pgft_info ul li a{
	display:block;
	color:#788d97;
	font-size:15px;
	position:relative;
	padding-left: 10px;
    padding-right: 5px;
}
.pgft_info ul li a:before{
	width:2px;
	height:19px;
	position:absolute;
	left:0;
	top:2px;
	content:"";
	background-color:#788d97;
}
.pgft_info ul li:last-child a{
	padding-right:10px;
}
.pgft_info ul li:last-child a:after{
	width:2px;
	height:19px;
	position:absolute;
	right:0;
	top:2px;
	content:"";
	background-color:#788d97;
}

.pgft_copyright{
	padding:10px 0;
	background-color:#c9c9c9;
}
.pgft_copyright p{
	color:#000;
	margin:0;
	font-size:12px;
	letter-spacing:0.8px;
}
.pgft_copyright p a{
	color:inherit;
}


#gotop {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;    
    padding: 10px 15px;    
    cursor: pointer;
}



/*------------------------------------------- media query -------------------------------------------*/
@media screen and (min-width: 1024px) and (max-width: 1210px){
	.news_inner figcaption{
		font-size:15px;
		padding: 0.5em 10px;
	}
	.news_inner .overlay button {
		left: 20%;
	}
}
@media screen and (max-width:1200px){
	ul.box_list li:nth-child(2n){
		width:25%;
	}
	ul.box_list li{
		width:19.5%;
		margin-bottom: 20px;
	}
	.r-tabs .r-tabs-nav .r-tabs-anchor{
		width:110px;
	}
	.down_sel select{
		width: 25%;
	}
	header .navbar-default .navbar-nav > li > a{
		margin: 0 10px;
	}
}
@media screen and (min-width: 768px) and (max-width: 992px) {
    /* 如果使用者之視窗寬度介於 768px ~ 992px，將會再載入這裡的 CSS。*/  
	.rwd-img{
		margin:0 auto;
	}
	.search_inpt {
		margin-top: 10px;
	}
	ul.box_list li:nth-child(2n){
		width:48.4%;
	}
	ul.box_list li{
		width:47.7%;
		margin-bottom: 20px;
	}
	.down_sel select{
		width: 100%;
	}
	.qa_form ul li{
		width: 30%;
	}
	.ser_bg{
		height: auto;
		margin: 40px 0;
		background-image:none;
	}
	.ser_login {
		padding: 10%;
	}
	.ser_login p.txt{
		text-align:left;
	}
	.lcenter{
		text-align:center;
	}
	.rcenter{
		text-align:center;
	}
	.cleft{
		text-align:left;
	}
	.cright{
		text-align:right;
	}
	.rleft{
		text-align:left;
	}
	.lright{
		text-align:right;
	}
	.xs_pt10{
		padding-top:10px;
	}
} 

@media screen and (max-width:767px){
	#showhide{
		display:none;
	}
	#hideshow{
		display:block;
	}
	#sh-ink{
		display:none;
	}
	#hs-ink{
		display:inline-block;
	}
	.lcenter{
		text-align:center;
	}
	.rcenter{
		text-align:center;
	}
	.cleft{
		text-align:left;
	}
	.cright{
		text-align:right;
	}
	.rleft{
		text-align:left;
	}
	.lright{
		text-align:right;
	}
	.xs_pt10{
		padding-top:10px;
	}
	.xs_pb10{
		padding-bottom:10px;
	}
	.xs_ptb10{
		padding-top:10px;
		padding-bottom:10px;
	}
	.xs_pt20{
		padding-top:20px;
	}
	.xs_pb20{
		padding-bottom:20px;
	}
	.xs_ptb20{
		padding-top:20px;
		padding-bottom:20px;
	}
	.responsive-table tbody td[data-type="currency"] {
		text-align: right;
	}
	.rwd-img{
		margin:0 auto;
	}
	ul.inq_btn{
		display:flex;
	}
	ul.inq_btn li{
		width:50%;
	}
	ul.top_btn {
		display: table;
		margin-bottom: 15px;
		width: 100%;
	}
	ul.top_btn li {
		display: table-cell;
		padding-right: 5px;
		width: 50%;
	}
	ul.top_btn li:last-child {
		padding-right: 0;
	}
	ul.lan {
		float: none;
	}
	ul.lan li {
		width: 50%;
		float: left;
		margin-right:0;
		padding-right:5px;
		margin-bottom: 10px;
	}
	ul.lan li.home {
		width: 50%;
	}
	ul.lan li.home a{
		padding:2px 0;
	}
	ul.lan li:nth-child(2n){
		margin-right:0;
		padding-right:0;
	}
	header{
		padding-bottom:0;
	}
	.banner .carousel-indicators{
		display: none;
	}
	.idx_about{
		height: auto;
		padding-bottom: 30px;
		background-color: #898989;
		background-position: center center;
	}
	.ab_frame .ver_line:before,
	.ab_frame .ver_line:after{
		width: 95%;
		height:1px;
		top:auto;
		left:0;
		right:0;
		margin:0 auto;
	}
	.ab_frame .ver_line:before{
		bottom: 6px;
	}
	.ab_frame .ver_line:after{
		bottom:5px;
	}
	
	ul.box_list li:nth-child(2n){
		width:48.4%;
	}
	ul.box_list li{
		width:47.7%;
		margin-bottom: 20px;
	}
	.overlay p{
		display:none;
	}
	.page .title_bar .title {
		width: 98%;
	}
	.down_sel select{
		width: 100%;
	}
	.qa_form ul li{
		width: 30%;
	}
	.news_inner figcaption{
		font-size:15px;
		padding: 0.5em 10px;
	}
	.news_inner:hover .type01{
		display:block;
	}
	.news_inner:hover .type02{
		display:none;
	}
	.ser_bg{
		height: auto;
		margin: 40px 0;
		background-image:none;
	}
	.ser_login {
		padding: 5% 10%;
	}
	.ser_login p.txt{
		text-align:left;
	}
	.txtcenter{
		text-align:center;
		padding-bottom:10px;
	}
	ul.prod_btn li{
		width:32%;
		vertical-align: top;
		display:inline-block;
	}
	header .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus{
		background-color: #eeeeee;
		border-bottom: medium none;
		color: #003da4;
	}
	header .navbar-default .navbar-nav > .active > a i, .navbar-default .navbar-nav > .active > a:hover i, .navbar-default .navbar-nav > .active > a:focus i {
		color: #003da4;
	}
	header .navbar-default .navbar-nav > li > a {
		margin: 0;
		padding: 10px;
	}
	header .navbar-default .navbar-nav > li > a:hover,
	header .navbar-default .navbar-nav > li > a:focus {
		background-color: #eeeeee;
		border-bottom: medium none;
		color: #003da4;
	}
	header .navbar-default .navbar-nav > li > a:hover i,
	header .navbar-default .navbar-nav > li > a:focus i {
	  color: #003da4;
	}
}
@media screen and (max-width:710px){
	.idx_sersup ul li.more,
	.idx_sersup ul li.sersup{
		width:100%;
		border-right:0;
		border-left:0;
		border-bottom:3px solid #fff;
	}
	.idx_sersup ul li .read_more{
		height: auto;
		padding:5px 0;
	}
}
@media screen and (max-width:480px){
	#showhide{
		display:none;
	}
	#hideshow{
		display:block;
	}
	#sh-ink{
		display:none;
	}
	#hs-ink{
		display:inline-block;
	}
	.lcenter{
		text-align:center;
	}
	.rcenter{
		text-align:center;
	}
	.cleft{
		text-align:left;
	}
	.cright{
		text-align:right;
	}
	.rleft{
		text-align:left;
	}
	.lright{
		text-align:right;
	}
	.xs_pt10{
		padding-top:10px;
	}
	.xs_pb10{
		padding-bottom:10px;
	}
	.xs_ptb10{
		padding-top:10px;
		padding-bottom:10px;
	}
	.xs_pt20{
		padding-top:20px;
	}
	.xs_pb20{
		padding-bottom:20px;
	}
	.xs_ptb20{
		padding-top:20px;
		padding-bottom:20px;
	}
	.responsive-table tbody td[data-type="currency"] {
		text-align: right;
	}
	.rwd-img{
		margin:0 auto;
	}
	ul.inq_btn{
		display:flex;
	}
	ul.inq_btn li{
		width:50%;
	}
	ul.top_btn {
		display: table;
		margin-bottom: 15px;
		width: 100%;
	}
	ul.top_btn li {
		display: table-cell;
		padding-right: 5px;
		width: 50%;
	}
	ul.top_btn li:last-child{
		padding-right: 0;
	}
	ul.lan {
		float: none;
	}
	ul.lan li {
		width: 50%;
		float: left;
		margin-right:0;
		padding-right:5px;
		margin-bottom: 10px;
	}
	ul.lan li.home {
		width: 50%;
	}
	ul.lan li.home a{
		padding:2px 0;
	}
	ul.lan li:nth-child(2n){
		margin-right:0;
		padding-right:0;
	}
	header{
		padding-bottom:0;
	}
	.banner .carousel-indicators{
		display: none;
	}
	.ab_frame .ver_line:before,
	.ab_frame .ver_line:after{
		width: 95%;
		height:1px;
		top:auto;
		left:0;
		right:0;
		margin:0 auto;
	}
	.ab_frame .ver_line:before{
		bottom: 6px;
	}
	.ab_frame .ver_line:after{
		bottom:5px;
	}
	
	ul.box_list li:nth-child(2n){
		width:100%;
	}
	ul.box_list li{
		width:100%;
		margin-bottom: 20px;
	}
	.overlay p{
		display:none;
	}
	.idx_ser h1{
		font-size:25px;
	}
	.idx_cont{
		background-image:none;
	}
	.page .title_bar .title {
		width: 98%;
	}
	.qa_form ul li{
		width: 100%;
		margin-bottom:5px;
	}
	.qa_form button{
		width:100%;
	}
	.news_inner:hover .type01{
		display:block;
	}
	.news_inner:hover .type02{
		display:none;
	}
	.txtcenter{
		text-align:center;
		padding-bottom:10px;
	}
	.pgft_info ul li{
		width:100%;
		padding-bottom:5px;
	}
	.pgft_info ul li a:before,
	.pgft_info ul li:last-child a:after{
		width:0;
	}
}