﻿/* cis2=#270B00 */
/* cis3=#0085C9 */



*,:focus,:active {outline: none !important}
.copybar {background: none}

.btn,        button             {/* background:url(../images/icon-send.png) no-repeat */;background-color:transparent !important;background-position:3px center;border-radius: 0;border:1px solid #0085C9;color:#0085C9;padding-left:35px;font-size:12px;line-height: 1.8em}
.btn:hover,  button:hover,
.btn:focus,  button:focus,
.btn:active, button:active      {color:#0085C9;opacity: 0.7;box-shadow:none !important;}
.btn.back,   button.back        {background:url(../images/e/icon-back-2.png) no-repeat 3px center;}
.btn.back2,  button.back2       {background:url(../images/e/icon-back-3.png) no-repeat 3px center;color:#000;}
.btn.send,   button.send        {background:url(../images/e/icon-send-2.png) no-repeat 3px center;}
.btn.refresh,button.refresh     {background:url(../images/e/icon-refresh.png) no-repeat 3px center;}
.btn.cart,   button.cart        {background:url(../images/e/icon-cart.png) no-repeat 3px center;color:#000;}
.btn.cart.w, button.cart.w      {background:url(../images/e/icon-cart-w.png) no-repeat 3px center;color:#fff;border:0;}
.btn.cart.b, button.cart.b      {background:url(../images/e/icon-cart-b.png) no-repeat 3px center;color:#000;border:0;}
.btn.next,   button.next        {background:url(../images/e/icon-next.png) no-repeat 3px center;}
.btn.others, button.others      {background:url(../images/e/icon-m-others.png) no-repeat 3px center;color:#000;}
.btn.others-w, button.others-w      {background:url(../images/e/icon-m-others-w.png) no-repeat 3px center;color:#fff;border-color:#fff;}

.pagenav ul {display: inline-block;list-style: none;margin:0;padding:0;}
.pagenav ul li{display: inline-block;}
.pagenav ul li a{color:#000;font-size: 18px;font-weight: bold;padding:5px 10px;}
.pagenav ul li.active a,
.pagenav ul li a:hover{border-bottom:1px solid #0085C9;}
.pagenav ul li a.navimg{border:0;padding:5px;}


* {
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}




.slick-arrow.slick-prev{background:url(../images/e/page-prev.png)no-repeat center center;width:35px;height:35px;border:0;color:transparent;}
.slick-arrow.slick-next{background:url(../images/e/page-next.png)no-repeat center center;width:35px;height:35px;border:0;color:transparent;}
.slick-arrow.slick-next,
.slick-arrow.slick-prev{position: absolute;left:-45px;z-index: 100;top:50%;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.slick-arrow.slick-next{right:-45px;left:auto;}

.slick-dots {text-align: center;}
.slick-dots button{border: 0; color: transparent; border-bottom: 2px solid #7F7F7F;}
.slick-dots {list-style: none;padding:0;margin:0;}
.slick-dots li{display: inline-block;margin:3px;}
.slick-active  button{border-color:#0085C9}









/*==Nav bar====================================================================*/

/* structure */
.navbar_menu ul      {display:inline-block;list-style: none;padding:0;margin:0;vertical-align:middle;}
.navbar_menu ul li   {display:inline-block;float: left;}
.navbar_menu ul a    {display:inline-block;}
.navbar_menu>a       {display:inline-block;}
.menu_main           {list-style: none;padding:0;margin:0;}
.menu_main a         {padding:8px 25px;}
.menu_lang           {vertical-align: middle;line-height: 1em;padding:0;margin:0;list-style: none;}
.menu_lang a         {padding:0 5px;}
.menu_lang li:before {vertical-align: text-top;line-height: 1em}
.link_member         {padding:5px 10px;width:80px;height:80px;vertical-align: top;margin-left:10px;margin-right: 10px}




/* style */
.menu_main a                   {color:#fff;border-bottom:1px solid rgba(255,255,255,.5);font-size:15px;position: relative;}
.menu_main a:after             {content:'';display:inline-block;width:100%;height:1px;border-bottom:2px solid #0085C9;position: absolute;left:0;bottom:-1px;opacity: 0}
.menu_main a:hover:after       {opacity: 1}
.menu_lang a,
.menu_lang *                   {color:#fff;font-size:18px;font-weight:bold;}
.menu_lang a:hover             {opacity: 0.7}
.menu_lang li:before           {content:'|';}
.link_fb li:last-child:after {content:'|';}
.link_member 				   {color:#fff;font-size:15px;background:url(../images/link_member_bk.png) no-repeat center bottom}
.link_member:hover			   {color:rgba(255,255,255,.5)}
.link_fb:hover                 {opacity: 0.8}


@media (max-width: 1260px) {.navbar_menu .menu_main a{padding:8px;}}
@media (max-width: 992px) {
	.link_member{background: url(../images/icon-member-mb.png)no-repeat center center;opacity: 1;width:75px;height: 75px;}
	.link_member:hover{opacity: 0.8}
	.link_member span{display: none}
	.navbar_menu .link_fb,
	.navbar_menu .menu_lang {display: none}
}




/* header */
header .logo {float: left;min-width: 130px}

.menu_btn {display:inline-block;width: 25px;height:25px;margin:25px 20px;position: relative;z-index: 1100;cursor: pointer;}
.menu_btn span {display: inline-block;width:100%;height: 3px;background: #fff;float: left;margin-bottom:5px;}

.menu_btn.open {position:relative;}
.menu_btn.open span {position: absolute;top:10px;left:0;}
.menu_btn.open span:nth-child(1){transform:rotate(45deg);}
.menu_btn.open span:nth-child(2){transform:rotate(-45deg);}
.menu_btn.open span:nth-child(3){opacity: 0}

@media (min-width: 992px) {header .menu_btn {display: none}}
@media (max-width: 992px) {	header .navbar_menu .menu_main {display: none}}


header.page {text-align: center;}
header.page .logo                     {display: inline-block;float: none;vertical-align: bottom;}
header.page .navbar_menu              {display: inline-block;float: none;vertical-align: top;}
header.page .navbar_menu *            {vertical-align: bottom;}
header.page .navbar_menu .menu_main   {padding-bottom: 15px}
header.page .navbar_menu .menu_lang   {padding-bottom: 24px}
header.page .link_member              {height: 150px;padding-top:90px;vertical-align: top;}
header.page.scrolling .logo           {padding:0;}
header.page.scrolling .link_member    {height: 80px;padding-top:20px;}
header.page.scrolling .navbar_menu    {}


header.page {background:#0085C9;}
header.page .logo img{padding-bottom:8px}

header.page .link_member {background: url(../images/link_member_bk_2.png)no-repeat center bottom;font-size:12px;}
header.page .navbar_menu .menu_main a:hover:after {border-color: #270B00}

@media (max-width: 992px) {
	header.page .menu_btn {float: left;position: absolute;left:0;top:0;}
	header.page .navbar_menu {float: right;}
	header.page .link_member {background: url(../images/icon-member-mb.png)no-repeat center center;height:75px;padding:0;margin:0;position: absolute;right: 0;top:0;}
	header.page.scrolling .link_member {/* background: url(../images/e/icon-member-mb.png)no-repeat center center; */height:75px;}
}



header.page *:not(.side_bar) {-webkit-transition: all .2s ease-out;
-moz-transition: all .2s ease-out;
-o-transition: all .2s ease-out;
transition: all .2s ease-out;}

header.page .logo,
header.page .logo *{
	-webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    transition: none;
}




/*==side bar====================================================================*/
.side_bar {z-index: 1000;background: rgba(0,0,0,.95); position: fixed;width: 100%;top:0;max-height: 100%;overflow-y:scroll; }
.side_bar ul {padding:0;}
.side_bar li a{display:inline-block;width: 100%;padding:20px;}
.side_bar li a:active,
.side_bar li a:focus,
.side_bar li a:hover {background:#0085C9 ;}

.side_bar .menu_lang {display: inline-block;}
.side_bar .menu_lang li{display: inline-block;}
.side_bar .menu_lang li a{width: auto}


@media (min-width: 992px){.side_bar{display: none !important}}





/* 首頁 header ====================================================================*/
.index header              {border-top:5px solid #0085C9;}
.index header .logo        {padding-left:20px;}
.index header .navbar_menu {float:right}
@media (max-width: 992px) {	
	.index header .logo {position: fixed;top:20px;left:50%;transform:translateX(-50%);-webkit-transform:translateX(-50%);padding-left:0 !important;float: none}

}

.index header .navbar_menu .menu_main a {color:#270B00;}







/*==首頁 slogan====================================================================*/
.index_slogan {position: fixed;z-index: 100;top:30%;right:20%;width:475px;display: inline-block;}
.index_slogan h1{word-spacing:0.8em;text-align: center;margin-bottom: 1em}
.index_slogan p{display:inline-block;max-width: 100%}

.index_slogan * {color:#270B00;vertical-align: middle;line-height: 1em}
.index_slogan p {font-size:17px;line-height: 2.1em}

@media (max-width: 992px) {
	.index_slogan {top:50%;left:50%;max-width:90%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
	.index_slogan h1{font-size:24px;word-spacing:5px;margin-bottom: 10px}
	.index_slogan p {font-size:14px;text-align: center;}
}


/*==首頁 頁尾====================================================================*/
.index_footer {border-bottom: 5px solid #0085C9; color:#fff;padding:0;position: fixed;bottom:0;width: 100%;}
.index_footer a{color:#fff;}

.index_footer .copyright {display: inline-block;padding:35px 45px;text-align:center;}
.index_footer .copyright a {padding-left: 40px;font-size:13px;color:#fff;}
.index_footer .copyright a:hover{color:#0085C9;}

.index_footer .back_index{position: absolute;padding:3px;padding-right:25px;color:#fff;vertical-align: middle;font-size:15px;bottom: 0;right: 0;}
.index_footer .back_index:before{content: ''; display: inline-block; height: 100%; width: 30px; transform: skew(-20deg); background: #0085C9; position: absolute; left: -15px; top: 0; z-index: 0;}
.index_footer .back_index img{padding-right: 15px;position: relative;z-index: 1;}
.index_footer .back_index:hover{color:rgba(255,255,255,.8);}







/* 內頁 banner====================================================================*/
.banner.h {border-bottom:10px solid #0085C9;}


/* 內頁 title */
.page_title .breadcrumb li a:hover,
.page_title .breadcrumb li.active ,
.page_title .breadcrumb li.active a{color:#0085C9;}

/*內頁 slogan====================================================================*/
.page_slogan * {text-shadow:none;color:#270B00;vertical-align: middle;line-height: 1em}



/* 內頁 分項menu */
.page_menu ul li:last-child:after,
.page_menu ul li:before{background: url(../images/e/dot-green.png) no-repeat center center;}
.page_menu ul li.active a,
.page_menu ul li a:hover{color:#0085C9;}
.page_menu ul li.active a:after,
.page_menu ul li a:hover:after{border-bottom:2px solid #0085C9;}

@media (max-width:992px) {
	.page_menu ul li:after{background: url(../images/e/dot-green.png) no-repeat center center;}
}











/* about=========================================================================================================== */




/* about-經營理念 */
.about1>div {margin:10px;max-width: 100%}
.about1 img {max-width: 100%}
.about1 .txt1 {font-size:24px;border-bottom:1px solid #0085C9;line-height: 1.5em;margin:0;}
.about1 .txt2 {font-size:15px;color:#4D4D4D;line-height: 2em;margin:0;}



@media (min-width:1200px){
	.about1 {display:table;width: 1200px;margin:0 auto;vertical-align: top;}
	.about1>div {display: inline-block;float: left}
	.about1>div:nth-child(1) {width:590px;margin-left:0}
	.about1>div:nth-child(2) {width:460px;float: left;margin-right:10px}
	.about1>div:nth-child(3) {width:460px;float: left;margin-left:10px;padding-top:50px}
	.about1>div:nth-child(4) {width:590px;margin-left:0;text-align: right;}
	.about1>div:nth-child(5) {width:580px;}

}



/* about-服務項目 */
.about2 {text-align: center;}
.about2 .item_icon {width:165px;height:165px;}
.about2 .item_txt {margin-top:40px;}
.about2 .item_txt h5{font-size:24px;margin:1em 0;}
.about2 .item_txt p{font-size:15px;margin:0;}



.about2 .item {display: inline-block;margin:0 40px;margin-bottom:60px;overflow: hidden;}
.about2 .item .item_icon {background:url(../images/e/circle-bk.png)no-repeat center center;}
.about2 .item .item_icon span {display: inline-block;width: 100%;height: 100%;}

.about2 .item:nth-child(1) .item_icon span{background:url(../images/e/about2-1.png)no-repeat center center}
.about2 .item:nth-child(2) .item_icon span{background:url(../images/e/about2-2.png)no-repeat center center}
.about2 .item:nth-child(3) .item_icon span{background:url(../images/e/about2-3.png)no-repeat center center}
.about2 .item:nth-child(4) .item_icon span{background:url(../images/e/about2-4.png)no-repeat center center}
.about2 .item:nth-child(5) .item_icon span{background:url(../images/e/about2-5.png)no-repeat center center}


.about2 .item:nth-child(2) .item_icon {transform:rotate(-60deg);-webkit-transform:rotate(-60deg);}
.about2 .item:nth-child(3) .item_icon {transform:rotate(-120deg);t-webkit-ransform:rotate(-120deg);}
.about2 .item:nth-child(4) .item_icon {transform:rotate(120deg);-webkit-transform:rotate(120deg);}
.about2 .item:nth-child(5) .item_icon {transform:rotate(60deg)-webkit-;transform:rotate(60deg);}

.about2 .item:nth-child(2) .item_icon span {transform:rotate(60deg);-webkit-transform:rotate(60deg);}
.about2 .item:nth-child(3) .item_icon span {transform:rotate(120deg);t-webkit-ransform:rotate(120deg);}
.about2 .item:nth-child(4) .item_icon span {transform:rotate(-120deg);-webkit-transform:rotate(-120deg);}
.about2 .item:nth-child(5) .item_icon span {transform:rotate(-60deg)-webkit-;transform:rotate(-60deg);}


/* about-團隊介紹 */
.about3 ul{list-style: none;display: table;padding:0;margin:0 auto;width: 100%;max-width: 1100px}
.about3 ul li {border-bottom: 1px solid #4D4D4D;padding:20px 0;}

.about3 .item_name h5{font-size:24px;}
.about3 .item_name h5+span{font-size:13px;}
.about3 .item_name h5 span:first-child{padding-right:1em;}
.about3 .item_img img{max-width: 95%}
.about3 .item_desc h5{font-size: 18px;margin-bottom: 40px}
.about3 .item_desc p{font-size: 15px;color:#4D4D4D;margin-bottom: 40px}
.about3 .item_desc p:last-child{margin-bottom: 0}


@media (min-width: 768px){
	.about3 ul li{display: table;width: 100%}
	.about3 ul li>div{display: table-cell;vertical-align: middle;}
	.about3 ul li>div:nth-child(1){width:18%;}
	.about3 ul li>div:nth-child(2){width:30%;}
}	


@media (max-width: 768px){
	.about3 *{text-align: center;}
}









.list_content {display: table;max-width:1360px;width: 100%;margin:0 auto;margin-top:80px;}

.list_content .item_content {display: table;width:300px;height:380px;max-width:100%;margin:0 auto;padding:20px;transition:none;-webkit-transition:none;color:#000;}

.list_content .item_content h4,
.list_content .item_content .item_txt {line-height: 1em;margin-bottom: 15px;overflow: hidden;text-overflow:ellipsis;white-space:nowrap;width:260px;float: left}
.list_content .item_content .item_txt p{overflow: hidden;text-overflow:ellipsis;white-space:nowrap;}
.list_content .item_content h4{font-size:18px;font-weight: bold;}
.list_content .item_content .item_txt{font-size:12px;}
.list_content .item_content .item_img{width:260px;height:260px;display: inline-block;position: relative;overflow: hidden;float: left;}


.list_content .item_content:hover {color:#fff;background: url(../images/e/list-hover-bk.jpg) no-repeat;background-size:100% 100%;}
.list_content .item_content:hover .item_img:before{content:'';display: inline-block;width: 100%;height: 100%;background:rgba(0,0,0,.5);z-index: 10;position: absolute;top:0;left:0;}
.list_content .item_content:hover .item_img:after{content:'More Detail ...';display: inline-block;z-index: 10;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);}
.list_content .item_content:hover .item_img:after{background:#0085C9;color:#000;font-family: 'Times New Roman';font-weight: bold;padding:3px 10px;}







.photos_slid {width:100%;max-width:1200px;margin:0 auto;margin-bottom: 100px}
.photos_slid .photo_show {width:100%;margin:0 auto;}
.photos_slid .photo_show img{max-width:100%;}
.photos_slid .photo_show p {font-size:12px;margin:40px 0;display: inline-block;width: 100%}
.photos_slid .photo_show p {float: left}
.photos_slid .photo_show p {float: right}
/*
.photos_slid .photo_show p span:nth-child(1){float: left}
.photos_slid .photo_show p span:nth-child(2){float: right}
*/
.photos_slid .photo_show .photo_txt {font-size:15px;color:#4D4D4D;line-height: 2em;text-align: left}
.photos_slid .photo_show .service_title {border-bottom:1px solid #0085C9;display:table;width: 100%}
.photos_slid .photo_show .service_title>div {display:table-cell;padding:10px 0;}
.photos_slid .photo_show .service_title>div a {margin-left: 10px}
.photos_slid .photo_show .service_title h3{font-size:24px;font-weight: bold;margin:0;line-height: 1em}
@media (max-width:)

.photos_slid .photo_list {margin:0 auto;float: left;width: 100%}
.photos_slid .photo_list *{transition: none;-webkit-transition: none;}
.photos_slid .photo_list .item{padding:5px;}
.photos_slid .photo_list .item a{display: inline-block;width: 100%;padding-bottom: 100%;position: relative;overflow: hidden;background: #eee}
.photos_slid .photo_list .item img{height:100%;width:auto;position: absolute;left:50%;top:50%;transform:translate(-50%,-50%);}

@media (max-width: 1200px){
	.photos_slid {width:600px;}
	.photos_slid .photo_show .service_title>div {float:none;display: inline-block;width: 100%;}
	.photos_slid .photo_show .service_title>div a {margin-bottom: 10px}
}

@media (max-width: 768px){
	.photos_slid {width:400px;}
}


@media (max-width: 500px){
	.photos_slid {width:250px;}
}


@media (max-width: 350px){
	.photos_slid {width:100%;max-width: 200px}
}

.photos_slid {position:relative;}














/* 服務項目 */
.service {max-width:800px;}
.service .item {margin-bottom:40px;display:table;width:100%;}
.service .item > div{display:table-cell;text-align:center;vertical-align:bottom;height:230px;padding:20px;}
.service .item > div span {font-size:24px;font-weight:bold;display:inline-block;color:#fff;width:100%;margin-bottom: 45px;}
.service .item > div button {position: relative;z-index: 100}
.service .item:hover        {position: relative;}
.service .item:hover:before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,123,201,.5);z-index: 0}
.service .item:nth-child(1) {background:url(../images/e/service_1.jpg) no-repeat center center;background-size:cover;}
.service .item:nth-child(2) {background:url(../images/e/service_2.jpg) no-repeat center center;background-size:cover;}
.service .item:nth-child(3) {background:url(../images/e/service_3.jpg) no-repeat center center;background-size:cover;}
.service .item:nth-child(4) {background:url(../images/e/service_4.jpg) no-repeat center center;background-size:cover;}
.service .item:nth-child(5) {background:url(../images/e/service_5.jpg) no-repeat center center;background-size:cover;}











/* faq */
.faqlist .faq_item ,
.faqlist .faq_item *{		
		-webkit-transition: background 1s ease-out;
		-moz-transition: background 1s ease-out;
		-o-transition: background 1s ease-out;
		transition: background 1s ease-out;
}


.faqlist {width:1000px;max-width:100%;margin:0 auto;min-height: 800px;margin-top:40px;}
.faqlist .faq_title span{display:table-cell;}
.faqlist .faq_num{width: 60px;}
.faqlist .faq_content{display:inline-block;padding-left:60px;}
.faqlist .faq_item{padding:40px 60px;}
.faqlist .faq_title,
.faqlist .faq_content{padding-right:40px;}

.faqlist .faq_item.active{background: rgba(230,230,230,1);margin-top:40px;border:0;}
.faqlist .faq_item.active .faq_title{background:url(../images/e/icon-up.png)no-repeat right center}
.faqlist .faq_item.active+.faq_item{border-top:1px dotted #270B00;margin-top:40px;}



.faqlist .faq_item{border-bottom:1px dotted #270B00; background: rgba(230,230,230,0);}
.faqlist .faq_item:first-child {}

.faqlist .faq_title{cursor:pointer;font-size:24px;background:url(../images/e/icon-down.png)no-repeat right center}
.faqlist .faq_content {color:#4D4D4D;font-size:15px;line-height: 2em}








/* video */
.video.list_content .item_content,
.video.list_content .item_content h4, 
.video.list_content .item_content .item_txt {width: 400px;max-width: 100%}
.video.list_content .item_content .item_img {width: 390px;}
.video.list_content .item_content:hover .item_img:after{content:'';display: inline-block;z-index: 10;position: absolute;top:50%;left:50%;transform:translate(-50%,-50%);-webkit-transform:translate(-50%,-50%);width: 60px;height: 60px;background: url(../images/e/icon-play.png) no-repeat center center}

@media (max-width: 768px){
.video.list_content .item_content,
.video.list_content .item_content h4, 
.video.list_content .item_content .item_txt {display:inline-block;width:100%}
.video.list_content .item_content .item_img {width: 100%;padding-bottom:67%;height: 0}
}





/* contact form */
.contact_form {display:table;width:90%;max-width: 840px;margin:70px auto;font-size:15px;}
input,
textarea,
select,
.form-control {border-radius: 0;border:0;background: #E6E6E6;line-height: 1.5em;padding:3px 10px;vertical-align: middle;}



.contact_form .ContactForm>div {margin-bottom: 40px}
.contact_form em {color: #0085C9}
.contact_form h4 {font-size:15px;margin:40px 0;}
.contact_form label {display: block;font-weight: normal;}
.contact_form label span{vertical-align: middle;padding-left:5px;}
.contact_form div.inline   {display: inline-block;vertical-align: middle;}
.contact_form label.inline {display: inline-block;vertical-align: middle;padding-right:20px;line-height: 1em}
.contact_form textarea,
.contact_form input[type="text"] {width: 100%;}

.contact_form input[type="text"].auto {width:auto; margin-right:5px;}
.contact_form input[type="text"].auto+span {margin-right:20px;}

.contact_form .oneline {width: 100%}
.contact_form .oneline>div{display: table;width:100%}
.contact_form .oneline>div>div{display: table-cell;}
.contact_form .oneline .w30{width: 30%}
.contact_form .oneline .w40{width: 40%}

@media (max-width: 992px){
	.contact_form .oneline .w30,
	.contact_form .oneline .w40,
	.contact_form .oneline>div>div{display: inline-block;width: 100%;margin-bottom: 20px}
	.contact_form input[type="text"].auto {width: 50%}
	.contact_form input[name="CheckCode"].auto,
	.contact_form input[name="CheckCode"].auto+img,
	.contact_form input[name="CheckCode"].auto+img+.btn {width:auto;margin-bottom: 20px}
	
	.contact_form .floatright{float: none;margin:40px 0;}
}



.contact_map  {position: relative;}
.contact_map .mapmask {position: absolute;left:0;top:0;bottom:0;right: 0;z-index: 0}
.contact_info {position: absolute;left:18.75%;top:50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);}

.contact_map {display:table;width: 100%;background: url(../images/e/contact-map.jpg)no-repeat center center;height:700px;}
.contact_map+footer {margin-top:0;}

.contact_info {display:table;width:100%;max-width:500px;height:550px;background:url(../images/e/list-hover-bk.jpg)no-repeat center center;background-size:100% 100%;}

.contact_info .contact_logo {padding:40px 25px 0;}
.contact_info .contact_logo>div{border-bottom:1px solid #270B00;padding:20px 25px;}
.contact_info .contact_logo>div img {max-width: 100%}
.contact_info .contact_txt {color:#fff;padding:20px 25px 0;display: inline-block;}
.contact_info .contact_txt span {display: inline-block;margin-bottom:15px;padding-left:25px;}
.contact_info .contact_txt span img {margin-right:5px;vertical-align: middle;}
.contact_info .contact_txt a {color:#fff;}
.contact_info .contact_txt a:hover {color:rgba(255,255,255,.8);}
.contact_info .contact_img img {max-width: 100%}


@media (max-width: 992px){
	.contact_info {left:3%;}
	.contact_map {background-position:60% center }
}

@media (max-width: 768px){
	.contact_info {left:50%;transform: translate(-50%,-50%);-webkit-transform: translate(-50%,-50%);}
	.contact_map {background-position:center center }
	.contact_info .contact_logo,
	.contact_info .contact_txt {padding-left:10px;padding-right:10px;}
}







/* product */
.prolist .item_content {position: relative;padding-bottom: 0}
.prolist .item_content .new{position:absolute;top:0;left:0;}
.prolist .item_txt2 {display: table;width: 100%;padding: 5px 0;}
.prolist .item_price {font-size: 12px;display: table-cell;text-align: left}
.prolist .addcart {display: table-cell;text-align: right;}

.prolist .item_content h4,
.prolist .item_content .item_txt {height: 3em; margin: 0; padding: 0 10px;white-space:normal;line-height: 1.4em}
.prolist .item_price span {font-size: 18px;font-weight: bold;padding:0 3px;}
.prolist .addcart button{border:0;color:#000;}
.prolist .item_content:hover .addcart button{color:#fff;background:url(../images/e/icon-cart-w.png) no-repeat;}
.prolist .item_content:hover .addcart button span {vertical-align: middle; line-height: 100%; display: inline-block;}



.prod_detail {display: table;width:90%;max-width:1000px;margin:0 auto;}
.prod_detail .pro_showimg .thumbnail {height: 0;padding-bottom: 100%;background: #f6f6f6}

.prod_detail .pro_showimg_tumblist {margin-top:40px;}
.prod_detail .pro_showimg_tumblist nav {margin-left:-5px;margin-right:-5px;}
.prod_detail .pro_showimg_tumblist ul {list-style: none;padding:0;margin:0;display: inline-block;width: 100%}
.prod_detail .pro_showimg_tumblist li {display:inline-block;width:20%;float: left;padding:5px;}
.prod_detail .pro_showimg_tumblist li a{display:inline-block;width:100%;padding-bottom:100%;position: relative;overflow: hidden;}

.prod_detail .pro_name {font-size:27px;color:#fff;padding:5px 20px;font-weight: bold;line-height: 1.3em;margin-top:0;}
.prod_detail .pro_info {display: inline-block;margin-bottom: 20px}
.prod_detail .pro_info p{margin:20px 0;font-size:15px;line-height: 2em;display: inline-block;}
.prod_detail .pro_price {font-size:17px;color:#999;font-weight: bold}



.prod_detail .pro_vip{display: table;width: 100%;margin-bottom: 10px}
.prod_detail .pro_vip>div {display: table-cell;}
.prod_detail .pro_vip {font-size:17px;color:#000;font-weight: bold;background: #E6E6E6;padding:5px 20px;}
.prod_detail .pro_vip span {vertical-align: middle;line-height: 1.5em}
.prod_detail .pro_vip .pro_vip_price{font-size:28px;color:#F86F9E;margin-left:10px;vertical-align: middle;}
.prod_detail .pro_vip select{background: #fff}
@media (max-width:440px) {
	.prod_detail .pro_vip>div {display: inline-block;width: 100%;text-align: left;}
}



.prod_detail .pro_txt {margin-top:40px;}
.prod_detail .pro_txt h5{color:#fff;background:#0085C9;font-size:15px;line-height:1em;padding:5px 40px; }
.prod_detail .pro_txt h5:before{content:'↓';display: inline-block;width: 20px;text-align: center;margin-left:-20px;height: 1em;background: url(../images/e/icon-title-arrow.png)no-repeat center center;color:transparent;}

.prod_detail .pro_txt>*{padding-left: 40px}
.prod_detail .pro_txt>ol,
.prod_detail .pro_txt>ul{padding-left: 60px}

 .pro_hot_title {font-size:36px;line-height: 1.3em;border-bottom: 3px solid #0085C9;padding:20px 0;margin:0 auto;margin-bottom:40px;}
 .pro_hot_title small{display:block;font-size: 15px;}

















.member_program {display: table;width:90%;max-width: 800px;margin:0 auto;}
.member_program .item{margin-bottom: 40px;display: inline-block;width: 100%;}
.member_program .item > div {display: inline-block;padding:20px;}
.member_program .item.w *{color:#fff;}
.member_program .item *{color:#000;}

.member_program h3 {font-size:24px;font-weight: bold;line-height: 1.2em;}
.member_program p  {font-size:15px;line-height: 1.5em;}
.member_program img  {max-width: 100%;}
.member_program .cost {font-size:12px;float: left;}
.member_program .cost b{font-size:18px;padding:0 3px;}
.member_program .cart {float: right;}
.member_program a:hover *{opacity:0.7;}



@media (min-width:992px){
	.member_program .item > div {display: table-cell;vertical-align: middle;}
	.member_program .item > div:first-child {float: right;}
	.member_program p {min-height:85px;}
}
@media (max-width:992px){
	.member_program {width: 90%;max-width:300px;text-align: center;}
	.member_program .item > div:first-child {padding-bottom: 0;}
	.member_program .item > div:nth-child(2) {padding-top: 0;}
	.member_program .cost,
	.member_program .cart {float:none;text-align: center;}
	.member_program p {text-align: left;}

}


.member_program_detail            {width:90%;max-width:940px;margin:0 auto;}

.member_program_detail h3         {font-size:24px;line-height:1.5em;color:#000;}
.member_program_detail .item      {padding:0 30px;}
.member_program_detail .item h3   {border-bottom:1px solid #0085C9;margin-top:0;font-weight:bold;}
.member_program_detail .item p    {font-size:12px;line-height:1.5em;}
.member_program_detail .item p b  {font-size:18px;margin:0 3px;font-weight: normal;}
.member_program_detail .item .item_txt {min-height:100px;}

.member_program_detail .item .btn.others,
.member_program_detail .item h3   {margin-right:20px;}


.member_program_detail .item_info > article               {padding:40px 30px;}
.member_program_detail .item_info > article:first-child   {padding:20px 30px;}
.member_program_detail .item_info > article               {border-bottom: 1px dotted #270B00;}
.member_program_detail .item_info > article  h3           {margin:0;}
.member_program_detail .item_info > article  ul           {display: table;margin:0;padding:0;width:100%;}
.member_program_detail .item_info > article  ul li        {display: table-row;}
.member_program_detail .item_info > article  ul li h3 ,
.member_program_detail .item_info > article  ul li span   {display: table-cell;}
.member_program_detail .item_info > article  ul li h3:nth-child(1),
.member_program_detail .item_info > article  ul li span:nth-child(1)   {width:80%;}
.member_program_detail .item_info > article  ul li h3:nth-child(2),
.member_program_detail .item_info > article  ul li span:nth-child(2)   {width:20%;}

.member_program_detail .item > div :nth-child(2) {}

.member_program_detail .item_info {margin-top:20px;}
.member_program_detail .item_info > article  *{font-size:15px;line-height: 2em;}
.member_program_detail .item_info > article  h3{font-size:24px;}

@media (max-width: 768px){
	.member_program_detail img{ max-width: 100%;}
	.member_program_detail .item .floatright{ float: none; text-align:center;}

     
     .member_program_detail .item .btn.others,
     .member_program_detail .item h3,
	.member_program_detail .item    {margin-right:0;text-align:center;}
	.member_program_detail .item    {padding:0;width:100%;margin:0 auto;}
	.member_program_detail .item >div   {margin:10px 0;}
	   
	.member_program_detail .item .item_txt {min-height:0;margin:20px 0;}


		.member_program_detail .item_info > article:first-child {display:none;}
	.member_program_detail .item_info > article  ul     {list-style-type: disc;padding-left:1.5em;}
	.member_program_detail .item_info > article  ul li    {display:list-item;margin-bottom:20px;}
	.member_program_detail .item_info > article  ul li h3 ,
     .member_program_detail .item_info > article  ul li span   {display:block;width:100% !important;}
}
















