/* CSS Document */





@font-face
{
font-family: "Calibri Light";
src: url("../font/calibril.TTF") format("truetype"),
	url("../font/calibril.eot") format("eot")/*,
	url("../font/Easy_Street_EPS_Bold.woff") format("woff"),
	url("../font/Easy_Street_EPS_Bold.svg#") format("svg");  IE9+ */
}
body { margin:0px auto; }
div, table, th, td, a:link, a:visited, a:hover, a:active, input, textarea, h1, h2, h3, li { -webkit-text-size-adjust:100%; font-size:16px; font-family:"Calibri Light" !important; color:#828282;}
a { text-decoration:none!important;}
a:link, a:visited, a:active { color:#828282; }
a:hover { color:#828282;text-decoration:none!important;}
form { margin:0px;}
textarea { height:80px;}
img { border:0px;}
/*.Btn { background-color:#01befe; color:#FFFFFF; border:1px solid #51949c; padding:5px 10px; cursor:pointer; font-size:12px;}*/
.Field_40 { max-width:40px;}
.Field_60 { max-width:60px;}
.Field_80 { max-width:80px;}
.Field_100 { max-width:100px;}
.Field_150 { max-width:150px;}
.Field_200 { max-width:200px;}
.Field_250 { max-width:250px;}
.Field_300 { max-width:300px;}
.Field_400 { max-width:400px;}


.contact div { -webkit-text-size-adjust:100%; font-size:16px; color:#828282;}
.contact div h3 { font-size:16px; margin:0px; padding:0px; border-bottom:1px solid #828282;}
a.contact:link, a.contact:visited, a.contact:active { color:#828282; font-size:16px;  }
a.contact:hover { color:#565656; font-size:16px; text-decoration:none!important;}
.about div { -webkit-text-size-adjust:100%; font-size:16px; color:#828282;}
.about_head { -webkit-text-size-adjust:100%; font-size:18px; color:#6f6f6f; font-weight:bold;}

/*guide

.pull-left    左
.pull-right   右
.center-block  居中
.clearfix     清除浮動
.text-center 文字居中

------------------------------------------------------------------------------------
xs (<768px), sm(>768) md(>992) lg(>1200)
.visible-*-block
.visible-*-inline
.visible-*-inline-block
visible 可見
hidden 隱藏

.visible-xs-*
.visible-sm-*
.visible-md-*	
.visible-lg-*	

.hidden-xs	
.hidden-sm	
.hidden-md	
.hidden-lg	
------------------------------------------------------------------------------------

guide*/


/*分頁*/
.pagination>.active>a { background-color:#c09f78!important; border:1px solid #c09f78!important; color:#FFF!important}
.pagination li a { color:#c09f78!important}
/*分頁*/

/*common*/
.no-margin { margin:0px!important;}
.no-padding { padding:0px!important;}
.no-padding-left { padding-left:0px!important;}
.no-padding-left2 { padding-left:13px!important;}
.message { text-align:center; font-size:16px;}
.system-message { text-align:center; font-size:21px; color:#000; margin:30px 0px 10px;}
.system-message a { font-size:21px; color:#000; cursor:pointer; margin-top:20px; display:block}
.common-group { list-style:none; padding:0px; margin:0px;}
.common-group li { float:left;}
.no-border { border:0px!important;}
.error { color:#F00; margin-top:2px;}
.common-btn { background-color:#3498db!important; color:#FFF!important;}
/*common*/

.content-wrapper, .footer_inwrapper , .top-wrapper, .navbar-width, .nav-wrapper { max-width:1000px; margin:0px auto/*!important*/}

.wrapper { margin:0px!important; border-top:3px solid #1d67aa}/*外圍佈局*/
.nav-wrapper { max-width:none;}  /*nav?度*/
.navbar-style { background-color:#ffffff!important; border-radius:0px!important;}  /*nav背景*/
.navbar-style .navbar-nav>.open>a { background-color:#FFF!important}


.content-wrapper { margin-bottom:50px!important;}
/*top*/
@media screen and (min-width: 768px) {
.nav-menu-group { margin-top:5px; margin-left:13px;}
}
@media screen and (max-width: 768px) {
.nav-menu-group { margin-left:auto!important; margin-right:auto!important; margin-top:5px; }
}
.nav-menu-group { margin-bottom:10px; width:140px; }
.nav-menu-group li { padding:0px 16px; border-right:1px solid #c6c7f7; font-size:14px;}
.nav-menu-group li a {font-size:14px; color:#6d6d6d}
@media screen and (min-width: 768px) {
.nav-icon-group { margin-top:2px; float:right; margin-right:-21px; font-size:18px;}
}
@media screen and (max-width: 768px) {
.nav-icon-group { margin-left:auto!important; margin-right:auto!important; font-size:18px;}
}
.nav-icon-group { margin-bottom:10px; width:190px; font-size:18px;}
.nav-icon-group-title { font-size:18px; padding-bottom:4px; border-bottom:1px solid #b8b8b8; margin-top:0px; margin-left:-2px; margin-bottom:7px }
.nav-icon-group li { margin-right:12px; font-size:18px;}
/*top*/

/*nav  導航*/
@media screen and (min-width: 768px) {
  .navbar-style .navbar-collapse { padding-left:0px!important; padding-right:0px!important;}
  .navbar-nav>li>a { padding:15px 25px!important;}
}
.navbar-style { margin-bottom:0px!important; border:0px!important;} /*背景*/
.navbar-nav>li>a { color:#828282!important; font-size:16px;}/*每個menu距離*/
/*nav*/

/*icon*/
/*icon*/

/*banner*/
.carousel-indicators .active { background-color:#1d6fb9!important;  border:1px solid #f8f8fa!important} /*使用中的圓點*/
.carousel-indicators li { border:1px solid #2c7fca!important} /*圓點*/
.banner-caption { width:100%; max-width:430px;}
.banner-wrapper { border-bottom:1px solid #a2a2a2;}
.banner-in-wrapper { padding:0px 0px;}
/*banner*/

/*footer  底部*/  
.footer_wrapper { border-top: 1px solid #a2a2a2; border-bottom:1px solid #a2a2a2;}
.footer_copyright { margin-top:15px; margin-bottom:0px; font-size:14px; color:#868686;}
.footer-nav { list-style:none; margin:0px; padding:0px; }
.footer-nav h3 { font-size:22px; margin:0px; padding:0px; margin-bottom:5px; font-weight:500; color:#565656}
.footer-nav h3 a {font-size:22px; font-weight:500; color:#7B7A7A}
.footer-nav li { margin-bottom:0px; font-size:16px; font-weight:500; padding:0px; line-height:30px; color:#43749a;}
.footer-nav li a { font-size:16px; color:#43749a;}
a.footer-nav:link, a.footer-nav:visited, a.footer-nav:active {font-size:16px; color:#43749a;}
a.footer-nav:hover { color:#828282; }

@media screen and (min-width: 768px) {
.footer-logo { padding:0px !important}
}
.footer-logo img, .footer-nav { margin-top:30px; margin-bottom:30px;}
@media screen and (max-width: 768px) {
.footer-nav { margin-bottom:30px; margin-top:0px; }
.footer-logo img { margin-top:30px; margin-bottom:30px;}
}
/*footer*/


/*title,nav_bread*/
.bread_style { background:none!important; border-bottom:1px solid #a2a2a2; margin-top:5px; margin-bottom:25px!important;}
.bread_style li { color:#5e5e5e}
.breadcrumb>li+li:before { content:">"!important}
.bread_style .active { color:#43749a!important}
@media screen and (max-width: 768px) {
.bread-img { padding:0px 15px;}
}
.bread-img { max-width:324px;}
/*title,nav_bread*/

/*page,product-list*/
.list_padding { padding:0px 10px!important;}
.pl_wrapper { border:0px!important; padding:0px!important}    /*外圍*/
.pl_img { vertical-align:middle; max-width:100%; width:100% }    /*圖片*/
.caption span { display:block; text-align:center}     /*文字信息*/
.pl_product_id {}
.pl_name { font-size:16px;}
.pl_price {}
/*list*/

/*product_show*/
.main_img_wrapper { border:1px solid #bcbcbc; padding:4px;}
.ps_main_img {vertical-align:middle; width:100%; text-align:center; }
.ps_img_list {border:1px solid #cccccc; max-width:100%; cursor:pointer}
.ps_name { font-size:22px; color:#000000; padding:0px ; margin:0px; padding:22px 0px; border-top:1px solid #c09f78;}
.ps_name2 { font-size:26px; color:#000000; padding:0px ; margin:0px; padding:22px 0px; border-top:1px solid #c09f78;}
.ps_desc { padding:22px 0px; border-top:1px solid #c09f78;}
@media screen and (min-width: 768px) {
.ps_info_block { padding-left:5px!important; padding-right:0px!important}
}
@media screen and (max-width: 768px) {
.ps_info_block { margin-top:25px;}
}
.ps_img_list-wrapper { margin:0px 5.5px!important; border-bottom:1px solid #c09f78; border-top:1px solid #c09f78; padding:25px 0px!important;}
.product-show-tab { margin:0px; padding:0px;}
.product-show-tab li a { padding:2px 6px !important;  background-color:#b68648!important; border:1px solid #b68648!important; color:#FFF!important; font-size:15px!important}
/*product_show*/

/*cart*/
.cart_btn { width:100%; margin-bottom:10px!important}
/*cart*/

/*checkout*/
.checkout_box .checkout_heading { border:1px solid #DEDDDD; background-color:#f8f8f8; color:#4A4A4A; font-size:16px; padding:8px;}
.checkout_box .checkout_heading a { float:right; font-size:16px;}
.checkout_box .checkout_heading a:hover { font-size:16px;}
.checkout_box .checkout_content { border:1px solid #DEDDDD; border-top:none; margin-bottom:10px; padding:15px;}
.checkout_box .checkout_content h2 { font-size:14px; font-weight:bold;}
.checkout_box .checkout_content p { margin-bottom:15px;}
.checkout_box .checkout_content label { font-weight:bold;}
.checkout_update { cursor:pointer}
.checkout_content { vertical-align:middle}
.checkout_box .control-label { padding-top:7px; max-width:80px; padding-right:0px;}
/*checkout*/

/*appointment*/
.appointment { vertical-align:middle}
.appointment_content { margin:10p 0px;}
.appointment_content .control-label { padding-top:7px; max-width:150px; min-width:150px; padding-right:0px;}
/*appointment*/

/*index*/
@media screen and (min-width: 768px) {
.index-page div { margin:70px 0px 20px; }
.index-page-first { padding:0px !important; padding-right:13.3px!important}
.index-page-mid { padding:0px 6.6px !important; }
.index-page-last { padding:0px !important; padding-left:13.3px !important; }
}
@media screen and (max-width: 768px) {
.index-page div {margin-top:35px;}
.index-page div { padding:0px!important}
}
/*index*/

/*contact_icon*/
.list_padding3 { padding: 10px 0px 10px 0px;}
.nav_style { border:0px solid #DEDDDD!important;  border-radius:6px;  margin-bottom:0px!important; background-color:#FFF!important;}
.icon_image { -webkit-text-size-adjust:100%; color:#2a2a2a; font-size:25px; text-align:left; padding-top:10px; padding-bottom:5px; margin-top:0px;}
.icon_text { -webkit-text-size-adjust:100%; color:#828282; font-size:16px; text-align:left; padding-top:0px; padding-bottom:5px; margin-top:0px; line-height:30px;}
.icon_text2 { -webkit-text-size-adjust:100%; color:#828282; font-size:16px; text-align:left; padding-top:0px; padding-bottom:5px; margin-top:0px; line-height:30px;}
a.icon_text:link, a.icon_text:visited, a.icon_text:active { color:#828282; font-size:16px; }
a.icon_text:hover { color:#43749a; }
/*contact_icon*/

/*logo*/

@media screen and (min-width: 768px) {
	.logo { display:block!important; margin-bottom:0px!important; text-align:right }
}
@media screen and (max-width: 768px) {
	.logo { display:none!important;}
}
@media screen and (min-width: 768px) {
	.logo2 { display:none!important; align-content:center}
}
@media screen and (max-width: 768px) {
	.logo2 { display:block!important; margin-bottom:0px!important; align-content:center}
}

/*logo*/