/*全站*/
html, body { font-family: "Microsoft JhengHei"!important; }
img { max-width:100%; }
strong{font-weight:bold;}
p{line-height:26px;}
.hideobj{
        display:none;
}
/*a {
        color:#000;
        background-color:none;
}

/*
a:hover, a:focus {
        text-decoration: underline;
        color:#000;
}
*/

#left_menu { z-index: 999; }
.modal-dialog { margin: 250px auto;}
#mainbanner, .pdtShow, .container_compare {
        /*padding-top:83px;*/
}

#mainbanner{ /*margin-top:106px;*/}
.btn_prev,  .btn_next{     top: 50%!important;    margin-top: 35px; }
#mainbannerIn{/* margin-top:146px;*/ position:relative;}
#mainbanner .caption {
    z-index: 1;
}
.caption {
    background: #222222;
    background: rgba(10,10,10,0.85);
    /*position: absolute;*/
    bottom: 6%;
    margin-left: 8%;
    padding: 11px;
    color: #efefef;
    min-width: 300px; min-height: 100%;
    max-width: 400px;
}
.caption  p { width:90%; }

.nextCap { left:50%; }
.nextCap p { width:100%; }

.caption h2 {
    font-size: 3.5rem;
    line-height: 135%;
    color: #d20000;
}
#mainbanner img { margin:0 auto; }
.swiper-slide{ position:relative;}
        #mainbanner .caption { position: absolute;    top: 50%;    left: 0%;    min-height: auto;    height: auto;}
input[type=reset], input[type=submit] { margin-right: 12px; }

/*會員登入項目*/
#login-tabs li{
        background:none;
}
#login-tabs a{
        color:#000;
        background:none;
}
#login-tabs a:hover,#login-tabs a:focus{

        background:none;
        color:#000;
}

/**/


.form-horizontal{position: relative}
.form-horizontal .btn-danger a{color: rgba(255,255,255,1.00)}
/*@media(max-width:1199px){
	.form-horizontal .btn-danger{left: 45%}
}
@media(max-width:991px){
	.form-horizontal .btn-danger{left: 40%}
}
@media(max-width:767px){
	.form-horizontal .btn-danger{left: 34%}
}
@media(max-width:734px){
	.form-horizontal .btn-primary{margin-left: 5%}
}
@media(max-width:614px){
	.form-horizontal .btn-primary{margin-left: 13%}
}
@media(max-width:548px){
	.form-horizontal .btn-primary{margin-left: 18%}
}
@media(max-width:480px){
	.form-horizontal .btn-primary{margin-left: 23%}
}
*/



/**表單元素**/
fieldset.over-border {
        border: 1px solid #ccc !important;
        padding: 0 1.4em 1.4em 1.4em !important;
        margin: 0 0 1.4em 0 !important;
        border-radius: 16px;
}
legend.line-border {
        font-size: 16px !important;
        text-align: left !important;
        width:inherit;
        border-bottom:none; display:none;
}
fieldset > div { margin-top:30px; }
.red{
        color: #cc0000;
}
.radio-inline input[type='radio'] {
        margin-left: -20px;
        float: left;
}
.radio-inline {
        padding-left: 20px;
        font-weight: normal;
        margin-bottom: 0px;
        vertical-align: middle;
        display: inline-block;
        cursor: pointer;
}
.help-inline{
        vertical-align: middle;
        display: inline-block;
        padding-top:5px;
        float:left;
        padding-left:0px;
        cursor: default;
}
.control-label{
        cursor: default;
}

.form-show .input-prepend {
        clear:both;
}
fieldset.instep-border {
        border: 1px solid #ccc !important;
        padding: 0 16px 16px 16px !important;
        margin: 0 0 16px 0 !important;
        border-radius: 15px; /*圓角*/
        background:#eeeeee;
        height:100px;
        font-weight:bold;
        color:#000000;
        text-align: center;
}
fieldset.step-border {
        border: 1px solid #ccc !important;
        padding: 0 16px 16px 16px !important;
        margin: 0 0 16px 0 !important;
        border-radius: 15px; /*圓角*/
        height:100px;
        text-align: center;
}
legend.stepline-border {
        text-align: center !important;
        width:inherit;
        border-bottom:none;
}
.enlarge{clear:both;}
.bannerIn, .bannerIn img { /*margin:35px auto 0 auto;*/ margin:0 auto;}

/*影片專區*/
.text-left {text-align: left;
}

.txtNormal{ margin: 10px 0; font-size: 14px; line-height: 25px;
}
.txtNormal{ overflow: auto; width: 100%;}

.vid{ display: inline-block; padding: 10px 5px; border-bottom: 1px solid #c5c5c5; margin: 10px 5px; }

@media only screen and (max-width : 480px) {

                .navbar-inner li { display:block; width:100%; }
                #fblink a { text-indent: 100%;    white-space: nowrap;    overflow: hidden; }


}
/*#header*/
#header { z-index:1; min-height: 160px;}

@media only screen and (min-width : 1024px) {
        #main_menu {
                margin: 0 auto;
                display: table;
                table-layout: auto;
                float: none;
                width: 100%;
        }
        #main_menu li {
                display: table-cell;
                float: none;
                text-align: center;
        }
        #main_menu .dropdown-menu { width:900%; }
        #main_menu .dropdown-menu > li > ul > li{ display:block; }

}

/*註冊*/
#hello_member ul li,  #hello_member ul li a { }
.member { width:80px; font-size: 1.5rem; text-align: center; }
.member > a { text-indent: 0px;    width: 80px;    margin-right: 20px;    padding: 5px 0;    background: none; color:#666666; }
.member > a:hover { text-decoration:none; background:none; }
@media only screen and (max-width : 480px) {
    .member { }
    .member > a { text-indent: 0px;   margin-right: 20px;    padding: 5px 10px;    background: none; display: block;}
    .member > a:hover { text-decoration:none; background:none; }
}
/*語言*/
#language_area ul li a {
        color:#000;
        background:none;
}
#language_area ul li a:hover, #language_area ul li a:focus, #language_area ul li a:active {
        background: none;
}

/*--側欄--*/
#sidebar {
        padding:10px 0px
}

#sidebar .nav-header{
 background:#eee;
 font-weight:bolder;
 padding:8px 15px;
 font-size:16px;
}

/*RSS*/
#rss_area a{
        text-shadow: none;
}

#rss_area a:hover{
        text-shadow: none;
}

/*--內容區--*/
#content{
        padding:10px 0px 50px;
}
/*麵包屑*/
#content .breadcrumb {
        text-shadow: none;
}
#content .breadcrumb li {
        text-shadow: none;
}
#content .breadcrumb li a {
        color:#666666;
        text-shadow:none;
        text-decoration: none;
}
#content .breadcrumb li a:hover {
        text-shadow: none;
        background:none;
        text-decoration: underline;
}
#content .breadcrumb li .divider{
        text-shadow:none;
        background:none;
}
/*個數*/
.page-header {
        border-bottom:0px #eee solid;
        padding: 0!important;
        margin: 30px 0 0 0!important;

}
/*產品頁*/
.thumbnail {
        border:1px #8B8682 solid;
}
.cate-name,.cate-name-more{
        color:#333333;
        font-weight:bold;
        width:auto;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align:center;
}

.cate-name a ,.cate-name-more a{
        color:#333333;
        font-weight:bold;
        text-decoration:none;
        width:auto;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align:center;
}
.cate-name a:hover ,.cate-name-more a:hover{
        color:#8B8682;
        font-weight:bold;
        text-decoration:underline;
        width:auto;
        white-space:nowrap;
        overflow:hidden;
        text-overflow:ellipsis;
        text-align:center;
}
.pro-desc{
 height:80px;
 overflow-x:hidden;
 overflow-y:auto;
}
.spec{
 height:38px;
}
/*產品介紹頁*/
#sub_nav_7 #m12{display: none; }

#pb_area{
        border:  1px solid #ccc;
        overflow:hidden;
}
.thumbnail img{
        margin-right: auto;
        margin-left: auto;
        display: block;
        max-width: 100%;
}
.input-group {
        display: table;
        padding-bottom:10px;
        width: 100%;
}
.input-group .form-control {
        margin-bottom: 0px;
}
.txtNormal {
        overflow:auto;
        width:100%;
}
#content .thumbnails .prodlist{
        height:330px;
        overflow:hidden;
}
#content .thumbnails .catelist{
        height:210px;
        overflow:hidden;
}
.listtxtspec .input-prepend{
        padding:1px 0px;
        margin:0px;
}
.clear{
        clear:both;
}
.listimg{
        height:180px;
}

#lineqty{
        width:30%;
}
.showsmall ul {
        padding: 0px; margin: 0px;
        list-style: none;
}
.showsmall li {
        float:left;
}
.showsmall li img  {
        margin: 3px;
        padding:3px;
        width:50px;
}
/*頁籤**/
.nav-tabs .active a{
 font-weight:bold;
}

/*保固回函,線上報修*/
.tab-content > .tab-pane, .tab-content > .tab-pane table {
        margin-top: 15px;
}
.tab-content > .tab-pane table thead {
        background-color: #e3e3e3;
}
.content-repair > .title {
    padding: 10px;
    margin: 30px 0 0 0;
    border: 1px solid #eee;
    border-left: 5px solid #FF9999;
    background-color: #f9f9f9;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
}
.content-repair > .problem-title {
    padding: 10px;
    margin: 0;
    border: 1px solid #eee;
    border-left: 5px solid #9e99ff;
    background-color: #f9f9f9;
    border-radius: 3px;
    font-size: 16px;
    font-weight: bold;
}
.content-repair > .problem-list {
    border: #eee 1px solid;
    padding: 15px 15px 5px 15px;
    margin: -1px 0;
}
.content-repair > .problem-list > .problem, .content-repair > .problem-list > .problem-reply {
    margin: 5px 15px 20px 17px;
}

.hidden-row {
        padding: 0 !important;
}
.repair-detail {
        margin: 1em;
}
.vertical-middle {
   vertical-align: middle!important
}

.text-green {
  color: #21b384;
}
a.text-green:hover {
  color: #3c763d;
}
.text-blue {
  color: #44a8f7;
}
a.text-blue:hover {
  color: #337ab7;
}
.text-red {
  color: #c7254e;
}
a.text-red:hover {
  color: #a94442;
}

/*訊息用*/
.msgcont{
        width:90%;
        overflow:hidden;
        text-overflow:ellipsis;
        white-space:nowrap;
        margin:10px;
}
.msg_img_title {
        width:30%;
}

/*尾檔*/
#cominfo ul li {
        display:inline-block;
}
#copyright{
        text-align:center; padding:10px 15px;font-weight:bolder;
}
#footlink ul li a { border-radius:inherit; }
#footlink ul li a:hover, .foot #footlink ul li a:focus, .foot #footlink ul li a:active {
        background:none;
        text-decoration:underline;
}
/*首頁用*/
#index_msg_ul a{
        background:#eee;
        padding:8px 15px;
        font-size:16px;
        color:#000;
}
#index_msg_ul a:hover{
        background:#eee;
        padding:8px 15px;
        font-size:16px;
        color:#000;
}
#index_msg_ul .msgcont{

}
#idxprocarousel .span{small_class} .item {
        background-color : #EEE;
        height : {small_height}px;
        text-align : center;

        /* Firefox, Chrome */
        line-height : {small_height}px;

        /* IE */
        *font-size : 180px;  /* 200px * 0.9 = 180px */
}

#idxprocarousel  img {
        vertical-align : middle;
}
#idxprocarousel .caption {
                background : #666; padding : 5px;
}
#idxprocarousel .caption a {
                color : #fff;
}

#content h5, #content h4{
        border-left:5px solid #ccc;
        font-size:18px;
        font-weight:bold;
        background-color: #eee; padding:7px;
}

ul{
        list-style:none;
}

#footer .ftbar{
background-color:#f8f8f8;
border-color:#e7e7e7;
}


/*首頁圖文區*/
#index_container #content{padding:0;}
.index-h1{margin:30px 0 10px;}
.index-h1 h1{border-bottom:1px solid #ccc; width:40%; margin:0 auto; text-align:center; color:#333; padding:10px 0;}
.index-h1 p{color:#666666; padding:10px 0;}

#maincarousel { background-size:100% !important; background-repeat:no-repeat !important;}

.img-left{background-color:#efefef;}
.img-left .img{float:left;}
.img-left .text{float:right;}

.img-right{}
.img-right .img{float:right;}
.img-right .text{float:left;}

.img, .text{width:50%;}

.text-box{width:70%; margin:65px auto;}
.text-box h2{font-size:22px; margin-bottom:20px;}
.text-box a{color:#333;}

.pro_name{ margin: 25px 0 20px; min-height: 50px;}
.btn_iconstyle {
    margin-top: 5px;
	display: block;
    float: left;
    vertical-align: top;
    width: 35px;
    height: 35px;
    border: #cccccc 1px solid;
    background: #ffffff url(https://www.e-jtl.com.tw/proimages/index/icons_arrow.png) -50px 0;
	text-indent: -1000px;
}
.pro_name a:hover .btn_iconstyle {
    background-color: #d20000;
}
.pro_name strong {
    display: block;
    float: left;
    width: 76%;
    vertical-align: top;
    font-size: 1.7rem;
    line-height: 120%;
    margin-top: 2px;
    padding-left: 9px;
}
.pro_name i {
    display: block;
    color: #d20000;
}
.indeximg , .indeximg .swiper-slide{ height:auto !important;	}


/*
#index_container{position: relative;}
#index_container .icon {
    position: absolute;
    right: 0;
    text-align: center;
    top: 50%;
}
*/

body{position: relative;}
body .icon {
    position: fixed;
    right: 0;
    text-align: center;
    top: 50%;
	z-index: 999;
}



@media(max-width:1440px){

	#mainbanner .caption {
    width: 100%;
    max-width: initial;
    margin: 0 !important;
	top:65%;
	bottom:0;}
	.indeximg {/* height:430px !important;*/}

	.video_area img:nth-child(2n+1){clear:left;}
	.video_area img:nth-child(3n+1){clear:inherit;}

}
@media(max-width:1200px){
	.text-box{margin:40px auto;}
	.index-h1 h1{font-size: 28px;}

	#mainbanner .caption{ top:55%;padding:3% 15% !important;}

	.caption h2{    font-size: 2.5rem;    line-height: 1.2em;}

	.caption h3{ font-size: 2rem;    line-height: 1.5em;}


	#qsearch {    margin-left: 0;    float: right;}

}
@media(max-width:991px){
	.index-content .container{width:100%; padding:0;}
	.text-box{margin:20px auto;}
	#mainbanner { /*   margin-top: 135px;*/}
}
@media(max-width:890px){
	.pro_name{margin:10px 0;}
}
@media(max-width:825px){
	.text-box{margin:10px auto;}
	.index-h1{padding:10px;}
	.index-h1 h1{font-size: 28px; width:100%;}
}
@media(max-width:764px){
	.img, .text{width:100%;}
	.img{text-align:center;}

	.indeximg {
   /* height: 300px !important;*/
}

	#mainbanner {
		/*margin-top: 92px;*/
	}
	#mainbanner .caption {    top: 37%; }

}
@media(max-width:640px){


.indeximg img{ height:auto;}
#maincarousel {   /* background-size: 150% !important;*/}
}
@media(max-width:480px){
	.index-h1 h1{font-size: 24px;}
	#maincarousel {
    background-position: top left 27% !important;}
	.btn_prev a, .btn_next a{ display:none}
	.page-banner{ display: block;}
	#mainbanner .caption {
    top: 40%;
    padding: 5px 30px !important;}

	.caption h2{font-size: 2rem;}
	.caption h3{font-size: 1.5rem;}
	.indeximg {   /* height: 280px !important;*/}
	.caption  p{ line-height:1.5em; width:100%;}
}

/*首頁圖文區end*/


/***style for banner's arrows and pagination ****/
.swiper-banner .page-banner, .swiper-product .swiper-pagination{
    position: absolute;
    left: 0; z-index:99;
    text-align: center;
    /*bottom:60px;*/
    width: 100%;
}
.swiper-banner .swiper-pagination-switch, .swiper-product .swiper-pagination-switch {
    display: inline-block;
    width: 10px;
    height: 10px;
    border-radius: 10px;
    background: #999;
    box-shadow: 0px 1px 2px #555 inset;
    margin: 0 3px;
    cursor: pointer;
}
.swiper-banner .swiper-active-switch, .swiper-product .swiper-active-switch {
    background: #fff;
}
/***style for banner's arrows and pagination end ****/

/*style for google map  2015.10.21*/
.googlemap { width:100%; height:12em; }
.listimg a.btn.btn-link {
        display: initial;
}

/*聯絡我們-告知事項*/
.white-popup {
    position: relative;
    background: #FFF;
    padding: 50px;
    width: auto;
    max-width: 50%;
    margin: 40px auto;
}
/*關閉*/
/*.close {
    position: absolute;
    right: 102px;
    top: -3px;
    width: 30px;
    height: 30px;
    background: silver;
    border-radius: 25px;
    box-shadow: 2px 2px 5px 0px black;
    cursor: pointer;
}
.close:hover { background: red;}
.close:before {
    position: absolute;
    content: '';
    width: 25px;
    height: 5px;
    background: white;
    transform: rotate(45deg);
    top: 13px;
    left: 2px;
}
.close:after {
    content: '';
    position: absolute;
    width: 25px;
    height: 5px;
    background: white;
    transform: rotate(-45deg);
    top: 13px;
    left: 3px;
}*/
input#btn3 {
    position: absolute;
    right: 104px;
    top: 180px;
    z-index: 999;
    background:#535353;
    color: #fff;
    width: 30px;
    height: 30px;
    border-radius: 99em;
    font-weight: bold;
}
input#btn3:hover{background: #ea3223;transition: all 0.5s ease-in-out}
@media (max-width: 991px) {
    .white-popup {
        padding: 30px;
        max-width: 95%;
    }
}
.contact_privacy_title {
    display: inline-block;
    padding: 0;
    margin: 0;
    margin-bottom: 18px;
    border-bottom: #d20000 1px solid;
    color: #222222;
    font-size: 2.9rem;
    padding-bottom: 8px;
}
.contact_privacy_info {
    max-height: 400px;
    overflow: auto;
    padding-right: 1em;
}
.contact_privacy_buttons {
    margin-top: 20px;
}
.contact_privacy_buttons .btn-privacy {
    margin-top: 12px;
    margin-right: 12px;
}

/*聯絡我們-顧客服務*/
.form-contact > div {
    margin-top: 10px;
}
.form-contact .form-control {
    border: none;
    box-shadow: none;
    border-bottom: 1px solid #cacaca;
    border-radius: 0;
    color: #00006F;
}
.contact-textarea {
    border: 1px solid #cacaca!important;
    padding: 12px!important;
    color: #00008C;
}
#contact-frm .control-group {
    margin-left: 0!important;
}

#contact-frm .input-group-addon { background: none; border: none; }
@media (max-width: 768px) {
    #contact-frm .form-control { padding: 0px; }
    #contact-frm .control-group { padding-top: 10px; }
    #contact-frm .control-group #product, #contact-frm .control-group #proName { margin-top: -30px; }

}
@media (min-width: 992px) { .contact-label { padding-right: 5.3%; } .contact-input { margin-left: -4%; } }
@media (min-width: 1257px) { .contact-label { padding-right: 5.2%; } /*.contact-input { margin-left: -3.5%; }*/


}

/*@media (min-width: 1440px) { .contact-label { padding-right: 5%; } }
@media (min-width: 1600px) { .contact-label { padding-right: 5.3%; } }
@media (min-width: 1900px) { .contact-label { padding-right: 5.3%; } }*/
.required-star {
  font-size: 14px;
  margin-top: 3px;
}
legend.legend-contact {
  padding-top: 1em;
  padding-bottom: 3px;
}
fieldset legend:nth-of-type(2) {
  padding-top: 2em;
}

/** for size and spec in product show **/
#proSize { margin-top: 20px; }
.sizeSpecs { margin:0px; padding:0px; list-style:disc;}
li.charImg:nth-child(even) .slide { float: right;}
.sitemap_list #cm1 {   font-weight: bolder; }
.sidebar_menu { float:none; width:auto; margin:auto;}

.modal-header {
        color:#fff;
        padding:9px 15px;
        border-bottom:1px solid #eee;
        background-color: #333;
        -webkit-border-top-left-radius: 5px;
        -webkit-border-top-right-radius: 5px;
        -moz-border-radius-topleft: 5px;
        -moz-border-radius-topright: 5px;
         border-top-left-radius: 5px;
         border-top-right-radius: 5px;
 }
/*.qx-dialog.pro_compare .qx-dialog-box {
        left: 0;
        margin-left:0;
        width:100%;
}
.qx-dialog .qx-dialog-box {
        left:0;
}*/


#mainMenu ul  li strong a { text-decoration: none!important; }
.navbar { background: rgba(255,255,255,0.95); }

#addr { margin-top: 10px; }

.breadcrumb>li+li:before{  /*breadcrumb */
  content:"\3E";
}

#sub_nav_products  .image{
   margin-bottom:5px;
}

@media only screen and (max-width : 480px) {
  /*.contact_privacy_buttons{ width:260px;}*/
  /*.contact_privacy_buttons .btn{ word-break:break-all;white-space:normal;margin-bottom:5px;}*/
  .member { width:120px; font-size: 1.5rem; text-align: center; }
  .member > a { text-indent: 0px;    width: 120px;    margin: 0 0 0 -3px;    padding: 5px 10px;    background: none; color:#666666; }
}

.image-popup-vertical-fit {
  color: #3300FF;
}





.txtNormal{margin: 10px 0; font-size: 14px; line-height: 20px;}

@media (max-width:1024px){
	.info_brief{width:100%;}
	.detail_header .info_img{text-align:center;}
	.item{background-color:#fff;}
	.detail_features .info_img img{width:auto;}
	.glyphicon-chevron-right:before, .glyphicon-chevron-left:before{color:#333;}
	#header {
    z-index: 1;
    min-height: 93px;
}
	#hello_member{display: none;}
}



.pro-table-s{}
.editor_region .pro-table-s th{border-bottom:1px solid #000; border-right:none;}
.editor_region .pro-table-s td{border-bottom:1px solid #eee;}



.page-header > h1{font-size: 1.9em; font-weight: bold;}

.table-bordered, .table-bordered>thead>tr>th, .table-bordered>tbody>tr>th, .table-bordered>tfoot>tr>th, .table-bordered>thead>tr>td, .table-bordered>tbody>tr>td, .table-bordered>tfoot>tr>td{border:none;}
.table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td{padding: 13px 8px; border-bottom: 1px solid #ccc;}
.table>caption+thead>tr:first-child>th, .table>colgroup+thead>tr:first-child>th, .table>thead:first-child>tr:first-child>th, .table>caption+thead>tr:first-child>td, .table>colgroup+thead>tr:first-child>td, .table>thead:first-child>tr:first-child>td{border-bottom: 2px solid #aaa;}
.table-bordered a, .table-bordered a:visited{color:#333;}
.table-bordered a:hover{text-decoration:none;}


.news-table th, .news-table td{padding:8px; border-bottom:1px solid #E0E0E0;}


.nav_region{width:100%;}
.nav_left {width: 45%;}
.nav > ul > li{margin-right: 25px;}
.nav_right {width: 46%;}
.nav.nav_right > ul > li {margin-left: 25px;}
.logo{left: 49%;}
.sm_about{min-width: 96px; min-height:129px;}
#sub_nav_8{min-width: 110px; min-height:129px; margin-left:5px;}


#content .history ul li{list-style:disc; margin-left: 20px;}
#content .history .title00{font-size:16px; color:#333;}

.visible-sm {
    display: block!important;
}

@media (max-width: 768px){
.visible-sm {display: none!important;}

}


span.panel-title {
        position: relative;
        left: 25%;
}

#map {
        height: 480px;
        width: 100%;
        margin-top:2em;
       }

#map {background: transparent url(../images/loading.gif) no-repeat center center;}



.map_select{
	margin:0 0 10px 0; border-radius: 20px 20px 0 0 ; box-shadow:0 0 8px rgba(208, 208, 208, 0.6);border-bottom:3px solid #ff0000
}


.map_select .way1 ul li{position: relative}
.map_select input[type="radio"] {
  position: absolute;
	left:3px;
	top:3px;
	 width:20px;
    height:20px;
	opacity: 0
}



.map_select input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-4px 10px 0 0;
    vertical-align:middle;
    background:#fff;
	border:1px solid #000;
	border-radius: 50%;
    cursor:pointer;

}
.map_select label{font-weight: normal ; line-height: 20px}
.map_select input[type="radio"]:checked + label span {;position: relative}

.map_select input[type="radio"]:checked + label span:before{ content: ""; width:8px; height:8px ; display: block; border-radius: 50%; background:#ff0000 ; position: absolute; left:50%; top:50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%)}
.map_select .way1 {padding:25px ; font-size: 20px}
.map_select .way1 ul li{ display: inline-block ;padding:0 5px ; color:#333 ; vertical-align: middle}
.map_select .way2{background:#f5f5f5;padding:25px 15px}
.map_select .way2 ul li{ display: inline-block;margin:0 10px}
.map_select .way2 ul li select{width:225px;  font-size:22px;padding:8px 15px ; border-radius: 50px; color:#000 }
.map_select .way2 ul li .map_btn{width:225px;  font-size:20px;padding:10px 15px ; border-radius: 50px; display: block; background:#ff0000 ; color:#fff ; cursor: pointer}
:focus{ outline: 0 ; cursor: pointer ; position: relative; line-height: 27px}
.map_select .way2 ul li .map_btn:hover{ text-decoration: none ; background:#000}

.map_select .way2 ul li .map_btn:before{ content: ""; background:url(../images/map_ico.png) no-repeat ; width:25px; height:27px; display: inline-block;margin-right:5px; vertical-align: text-bottom;}

.google_map iframe{width:100% ; height:900px}


:focus{ outline: 0 ; cursor: pointer}
@media (max-width: 1365px){
	.google_map iframe{width:100% ; height:500px}
}

@media (max-width: 991px){

.map_select .way2 ul li select{width:180px;  font-size:18px;padding:7px 15px ; border-radius: 50px; color:#000 }
.map_select .way2 ul li .map_btn{width:180px;  font-size:16px;padding:8px 15px ; border-radius: 50px; display: block; background:#ff0000 ; color:#fff ; cursor: pointer}
.map_select .way2 ul li .map_btn:before{width:23px; height:24px; background-size: contain}
.google_map iframe{width:100% }

}

@media (max-width: 800px){
	.map_zone{padding:0 15px}

}

@media (max-width: 680px){
	.map_select .way1{font-size: 18px}

	.map_select .way2 ul li .map_btn{   width:150px ;  font-size: 15px; padding: 6px 15px;}
	.map_select .way2 ul li{margin:0 5px}
	.map_select .way1{padding:23px 0 20px}

}
@media (max-width: 580px){

	.google_map iframe{width:100% ; height:300px}
	.map_select .way1{font-size: 20px}
	.map_select .way2 .map_btn{margin-top:15px}
	.map_select .way2 ul li select{font-size: 16px}

}

@media (max-width: 420px){
	.map_select .way1 ul{width:136px;margin:0 auto }
	.map_select .way1 ul li{display: block ; text-align: left;padding:3px }
	.map_select .way2 ul li{width:100%;padding:5px}
	.map_select .way2 ul li select{width: 100%}
	.map_select .way2 ul li .map_btn{width:100%;margin-top:0}

}

.container_distributor .left_nav{ display: none}

.container_distributor .right_content{width: 100%;padding:0; float:none}


/*隱私權頁*/
#content .privacy h5 {
    margin-bottom: 15px;
}
.privacy p{
        padding: 0 15px;
}
.privacy li {
    list-style: disc;
    margin-left: 40px;
    line-height: 26px;
}
a.privacy-link {
    color: white;
}


/*20191114 生產照片 客製*/
.hiddenimg {
  display: none;
  position: absolute;
  z-index: 1;
}

.magnifier:before {
    content: "\e003";
    font-family: 'Glyphicons Halflings';
}

.magnifier:hover .hiddenimg {
    display: block;
    border: 1px solid #000;
    right: 0;
    width: 60%;
}


/*報修頁面*/

.repair-info .repair-info-form {
        background-color: #efefef;
        padding: 7px 15px;
        margin: 0 15px;
}
.mfp-auto-cursor .mfp-content {
        background-color: #fff;
        max-width: 480px;
        margin: auto;
        border-radius: 10px;
        padding: 30px;
}
.mfp-close:focus { position: absolute; }
.form-control:focus { position: static; }
.submit-btn { margin-top: 30px; }
.submit-btn input { width: 60%; }
.customer-service-num{font-size: 20px;}
.customer-service-num i { padding-left: 5px; }


#header.customer-service-hader { min-height: 101px; }
.customer-service-hader .container, .customer-service-content { max-width: 960px; margin-left: auto; margin-right: auto; }
.customer-service-hader .logo { position: static; margin-top: 10px; margin-left: 0; }
.customer-service-content { padding-bottom: 30px; }
.customer-service-footer .sitemap { max-width: 360px; margin-left: auto; margin-right: auto; }
.customer-service-footer .sitemap .logo { width: 230px; margin-left: auto; margin-bottom: 0; border-bottom: none; }
.customer-service-footer .sitemap .related { width: 100%; text-align: center; }
.customer-service-footer .sitemap .related .service_tel { border-top: 1px solid #555; padding-top: 10px; }
.customer-service-footer .copyright { max-width: 360px; margin-left: auto; margin-right: auto; text-align: center; }
@media (max-width: 1024px) {
  .customer-service-hader .navbar-fixed-top { padding: 0; }
}