/*
 *  Document   : main.css
 *  Author     : JK
 *  Description: The main stylesheet of the template
 */
 
 /*
=================================================================
(#m01mls) MAIN LAYOUT
=================================================================
*/

body {font-family: "微軟正黑體", Arial, sans-serif;	color: #4c4c4c;	background-color: #ffffff;	font-size:16px;	line-height:1.5;} 
label {font-weight: 500; }
form {margin-top:10px; margin-bottom:20px;}
button.button{ background-color:#ff7878; }
h1, h2, h3, h4, h5, h6{line-height: 1.7;}
legend { display: block;  width: 100%;  padding: 15px 15px 5px;  margin-top: 10px;   margin-bottom: 5px;  font-size: 1em;  line-height: inherit; color: #46aad7; border: 0; border-bottom: 1px solid #e5e5e5;}


#page-container { 
	margin: 0 auto;
	width: 100%;}

.menu-bg-area {background: url('../img/template/ie8_opacity_dark_30.png') repeat;background: rgba(0, 0, 0, 0.6);position: fixed;	right: 0;	width:100%;height:100%;display:none;z-index:100;}
.menu-bg-area-visible {display:block;}

.price {color:#ba2f49;}

div.price {text-align:center;color:#ba2f49;}
div.price.del {color:#515151;text-decoration:line-through;} 
div.price.total {text-align:right;color:#ba2f49;}
div.price.s-price {text-align:left;}
div.count {text-align:center;}

.product-name a:hover { color:#000000; }


.btn-reset-style {
    background-image: -webkit-linear-gradient(top, #757575 0%, #757575 100%);
    background-image: -o-linear-gradient(top, #757575 0%, #757575 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, from(#757575), to(#757575));
    background-image: linear-gradient(to bottom, #757575 0%, #757575 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#757575', endColorstr='#757575', GradientType=0);
    filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
    background-repeat: repeat-x;
    border-color: #757575;
	    color: #fff;
}
 .btn-reset-style:hover, .btn-warning:focus {
    background-color: #757575;
    background-position: 0 -15px;
}

.btn-reset-style:hover, .btn-warning:focus, .btn-warning.focus, .btn-warning:active, .btn-warning.active, .open > .dropdown-toggle.btn-warning {
    color: #fff;
    background-color: #757575;
    border-color: #757575;
}
 
 
 .form-horizontal .control-content {
    padding-top: 7px;
    margin-bottom: 0;
	/* min-height:40px; */
}
 
/* Main Menu */
/*#sidebar,#sidebar-alt { background-color: #4c4c4c;width: 0;position: absolute; overflow: hidden;}
#sidebar-alt { right: 0;}
#sidebar,#sidebar-alt,#main-container,.header-fixed-top header{-webkit-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.sidebar-alt-visible-xs #sidebar-alt { width: 250px;}
.sidebar-alt-visible-xs #main-container { margin-right: 250px;    margin-left: -250px;}
.sidebar-alt-visible-xs .is-sticky #a-cart-sticky-header {margin-right: 250px; margin-left: -250px;}
.header-fixed-top #sidebar-alt {   position: fixed; right: 0; top: 0; bottom: 0;}*/
/* Sidebar Navigation */
/*.sidebar-nav { list-style: none; margin: 0; padding: 0px 0 0;width:250px;}
.sidebar-nav .sidebar-header:first-child { margin-top: 0;}
.sidebar-nav .sidebar-ul-split {padding:9px 10px; color:#ffffff; background:#ff7878; position: relative; }
.sidebar-nav .sidebar-ul-split:after {  position: absolute;  content: " ";  width: 0;  height: 0;  border: solid transparent;     right: 12px;    bottom: -12px;} 
.sidebar-nav .sidebar-ul-split:after {  border-width: 6px;  border-top-color: #ff7878; }
.sidebar-nav a {display: block;    color: #eaedf1;    padding: 9px 10px;    min-height: 35px;    line-height: 35px;	border-bottom:1px solid #4b4b4b;	text-decoration: none; }
.sidebar-nav a:hover,.sidebar-nav a.open,.sidebar-nav li.active > a {    color: #ffffff;    text-decoration: none;    background: url('../img/template/ie8_opacity_dark_15.png') repeat;    background: rgba(0, 0, 0, 0.15); }
.sidebar-nav .lang {background:#1195d3; color:#ffffff;padding: 11px 10px 10px;}
.sidebar-nav .lang select.menu-option { padding:3px; margin:0px;border:0px; height:32px;  color:#ffffff; background: rgba(0, 0, 0,  0.15);}
.sidebar-nav a.active {padding-left: 5px;    border-left: 5px solid #1bbae1;    background: url('../img/template/ie8_opacity_dark_30.png') repeat;    background: rgba(0, 0, 0, 0.3);}
.sidebar-nav a > .sidebar-nav-icon {margin-right: 10px;}
.sidebar-nav a > .sidebar-nav-indicator { float: right;    line-height: inherit;    margin-left: 4px;    -webkit-transition: all 0.15s ease-out;    transition: all 0.15s ease-out;}
.sidebar-nav a > .sidebar-nav-icon,.sidebar-nav a > .sidebar-nav-indicator {    display: inline-block;    opacity: 0.5;    filter: alpha(opacity=50);    width: 18px;    font-size: 14px;    text-align: center;}
.sidebar-nav a:hover,.sidebar-nav a:hover > .sidebar-nav-icon,.sidebar-nav a:hover > .sidebar-nav-indicator,.sidebar-nav a.active,.sidebar-nav a.active > .sidebar-nav-icon,.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open,
.sidebar-nav a.open > .sidebar-nav-icon,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a,.sidebar-nav li.active > a > .sidebar-nav-icon,.sidebar-nav li.active > a > .sidebar-nav-indicator { opacity: 1; filter: alpha(opacity=100);}
.sidebar-nav a.active > .sidebar-nav-indicator,.sidebar-nav a.open > .sidebar-nav-indicator,.sidebar-nav li.active > a > .sidebar-nav-indicator {    -webkit-transform: rotate(-90deg);    transform: rotate(-90deg);}
.sidebar-nav ul { list-style: none;padding: 0;margin: 0;display: none;background: url('../img/template/ie8_opacity_dark_30.png') repeat;    background: rgba(0, 0, 0, 0.3);}
.sidebar-nav li.active > ul {    display: block;}
.sidebar-nav ul a {margin: 0; font-size: 14px; padding-left: 15px; min-height: 32px; line-height: 32px; border-bottom:1px solid #343434;}
.sidebar-nav ul a.active,.sidebar-nav ul a.active:hover {border-left: 5px solid #1bbae1;    padding-left: 10px;}
.sidebar-nav ul ul {background: url('../img/template/ie8_opacity_dark_40.png') repeat;    background: rgba(0, 0, 0, 0.4);}
.sidebar-nav ul ul a {padding-left: 25px; border-bottom:1px solid #2b2b2b;}
.sidebar-nav ul ul a.active,.sidebar-nav ul ul a.active:hover {padding-left: 20px;}*/

/* path */
#path-area { background:#f4f4f4; border-bottom:1px solid #e2e2e2;  font-size:0.875em; color:#4c4c4c; padding:8px 0px;}
#path-area a {color:#868280;}
#path-area a:hover {color:#000000;}
#path-area span {color:#8db55d;}

/*
=================================================================
(#m02hds) HEADER
=================================================================
*/


/*--top-bar--*/
.top-bar {width: 100%;background: #222222;border-bottom:1px solid #6a6a6a; padding:8px 0px 7px;line-height:24px;font-size:13px;font-family: Arial, sans-serif,"新細明體"; color:#ffffff;}
/*.top-bar .btn {padding:2px 12px;   border-radius: 0px; background:#ffffff; border:1px solid #cccccc;color:#4c4c4c;line-height:18px;} 
.top-bar .btn-group>.btn:first-child { margin-left: 7px;}*/
.top-func {font-family: Arial, sans-serif,"新細明體"; font-size:13px; vertical-align:center;color:white;}
.top-func select.menu-option { padding:0px 5px; margin:0px;height:24px;border:1px solid #cccccc;color:#4c4c4c; font-size:13px;   background: rgba(255, 255, 255, 0.8); vertical-align: center;/*background: #ffffff;border-radius: 0px; */}
.top-func a {color:#ffffff;}
.top-func .btn-group a {color:#fff;}
.logo-area form {margin:0px;}
.top-func-button {float:center; margin-top:3px;}
.top-func-button div.item-area {display:inline-block}
.top-func-button div.item-area img {max-height:50px;position:relative;left:-20px;}
.top-func-button div.item-area div.btn-group {color:#fff;margin-left:20px}
.top-func-button div.item-area div.search-box {width:500px;position:relative;top:16px;margin-left:40px;border-width:2px; border-style:solid;border-color:#f3802d}
.top-func-button div.item-area div.search-box div.input-group {width:100%}



.user-menu {list-style:none; margin: 9px 0px; padding: 0;}
.user-menu li {display: block;	float: left;  padding:0 10px; border-right:1px solid #e2e2e2;}
.user-menu li:first-child {border-left:1px solid #e2e2e2;}
.user-menu li>a {	color: #888888;	display: block;	float: right;	line-height: 17px;	padding: 0 5px 0 5px;	text-decoration: none;}
.user-menu li:last-child a {padding:0;}
.user-menu li>a:hover {color: #000000;}
.user-menu li>a i { color:#888888; }
.user-menu li>a i.lg2x {font-size:18px;}

/*-- Logo --*/
.logo-area { padding: 8px 0 8px; min-height:88px;}
.logo-area:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.site-logo {float:left; margin:4px 15px 0 4px;}
.site-logo img {max-height:42px;}


.logo-area a.btn i {font-size:0.8em; padding-left:5px;}
.btn-topfunc-login {    color: #fff;    background-color: #1ca987;    border-color: #1ca987; }
.btn-topfunc-login.reg {border-left-color:#148A6D;}
.btn-topfunc-login:hover, .btn-topfunc-login:focus, .btn-topfunc-login:active, .btn-topfunc-login.active, .open>.dropdown-toggle.btn-topfunc-login {
    color: #fff;    background-color: #009371;    border-color: #009371;}
	
	
.logo-area .search-box {width:180px;}
.logo-area .search-box input {margin:0px; background-color: #e9e9e9; border:1px solid  #e9e9e9;-webkit-box-shadow: inset 0 0px 0px; box-shadow: inset 0 0px 0px; }

.btn-topfunc-search {    color: #ffffff;    background-color: #f3802d;    border-color: #f3802d;}
.btn-topfunc-search:hover, .btn-topfunc-search:focus, .btn-topfunc-search:active, .btn-topfunc-search.active, .open>.dropdown-toggle.btn-topfunc-search {
    color: #ffffff;    background-color: #f3802d;    border-color: #f3802d;}
	
.btn-topfunc-search-btn {    color:#000000;    background-color: #f3802d;    border-color:#f3802d; border-radius:0   }
.btn-topfunc-search-btn:hover, .btn-topfunc-search:focus, .btn-topfunc-search:active, .btn-topfunc-search.active, .open>.dropdown-toggle.btn-topfunc-search {
    color: #000000;    background-color: #f3802d;    border-color: #f3802d;   -webkit-box-shadow: none;      box-shadow: none; }



/*-- menu --*/
.mini-menu-box {float:right;}
.header-menu {height:48px;  background:#ffffff; color:#4c4c4c; }
.header-menu .row {position:relative;}
.mini-cart-bar {position: absolute; right:-50px; top:-300px; margin-top:20px; height:70px;display:none}

/*-- top --*/
.dmtop {
		background-image: url(images/arrow.png);
		background-position: 50% 50%;
		background-repeat: no-repeat;
		background-color:#111111;
		z-index: 999;
		width: 40px;
		height: 40px;
		border-radius:0;
		text-indent: -999px;
		position: fixed;
		bottom: 25px;
		right: 25px;
		cursor: pointer;
		-webkit-transition: all .7s ease-in-out;
		-moz-transition: all .7s ease-in-out;
		-o-transition: all .7s ease-in-out;
		-ms-transition: all .7s ease-in-out;
		transition: all .7s ease-in-out;
		overflow: auto;
		display:none;
	}


/*-- a-cart-nav --*/
.a-cart-nav { margin-left: 0;}
.a-cart-nav>ul{  margin: 0;  padding: 0;  outline: none;    list-style: none outside none;display:inline-block ;}
.a-cart-nav>ul>li {display:inline-block ; margin:0; margin-top:9px;  outline:medium none;  padding:0 25px ; font-size:1.15em;}
.a-cart-nav>ul>li {border-left:1px solid #ffffff;}
.a-cart-nav ul>li:first-child {border-left:0px solid #ffffff;}
.a-cart-nav li:hover {color:#def0fb;} 
.a-cart-nav li:hover>ul {display: block;	}
.a-cart-nav li>a {display: inline-block; line-height:32px;color:#ffffff;}
.a-cart-nav li>a:hover {  text-decoration: none}
.a-cart-nav li a.spec {color:#ba2f49;}

.a-cart-nav li ul li:first-child {margin-left:0px;}
.a-cart-nav li ul li:hover  {background:#ffffff;}

.a-cart-nav li .dropdown-menu {	left:auto;background:#ffffff;	border :0px;border-top: 1px solid #ba2f49; margin:0px; margin-left:-34px;		-webkit-border-radius: 0px;	-webkit-border-bottom-left-radius: 5px;	-webkit-border-bottom-right-radius: 5px;	-webkit-box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);	border-bottom-left-radius: 5px;	border-bottom-right-radius: 5px;    box-shadow: 0 5px 10px 0 rgba(0,0,0,0.15);}
.a-cart-nav li .dropdown-menu.open {display:block;	margin-bottom:15px;}
.a-cart-nav li .dropdown-menu>li { display:block; padding-left:15px; padding-right:10px;font-size:16px; margin-bottom:0px;}
.a-cart-nav li .dropdown-menu>li:first-child {margin-left:0px;}
.a-cart-nav li .dropdown-menu a {color: #6f4d38;	padding:0px;background:#ffffff;	transition: all 0.2s ease 0s;-webkit-transition: all 0.2s ease 0s;-moz-transition: all 0.2s ease 0s;-ms-transition: all 0.2s ease 0s;-o-transition: all 0.2s ease 0s;}
.a-cart-nav li .dropdown-menu a:hover {padding-left:5px;text-decoration: none;}	
.a-cart-nav li .dropdown-menu ul {margin:10px 0px;  padding: 0;  outline: none;    list-style: none outside none;}
.a-cart-nav li .dropdown-menu ul  li {float:none;}
.a-cart-nav li .dropdown-menu ul  li {padding:7px 3px; border-bottom:1px solid #e2e2e2; font-size:14px;}
.a-cart-nav li .dropdown-menu ul  li:first-child {border-top:1px solid #e2e2e2;}
.a-cart-nav li .dropdown-menu ul  li a {color: #4c4c4c;}

/*-- sticky header --*/
.is-sticky #a-cart-sticky-header {  background:#ffffff;  left:0;  margin-left:0;  opacity:1;  padding:0;  position:fixed;  top:0;  width:100%;  z-index:1100;  display:block;  /* transition:all 0.1s ease-in 0s;*/}
.is-sticky .header-menu { -webkit-box-shadow:0 0 2px 0 rgba(0,0,0,0.15); box-shadow:0 0 2px 0 rgba(0,0,0,0.15);background:#ffffff; height:48px;  color:#4c4c4c}
.is-sticky .a-cart-nav li>a {color:#4c4c4c;}
.is-sticky .header-menu {text-align:left;}
.is-sticky .a-cart-nav>ul>li {padding:0 20px ; border-left:1px dotted #ececec;}	
.is-sticky .a-cart-nav li .dropdown-menu {margin-left:-21px;	}

.is-sticky .a-cart-nav { margin-left: 160px;}
.is-sticky .search-box {top:-100px;display:none;}

/* mobile menu */
.active-func-nav {width:140px;list-style: none;	margin:0px;	padding:0px; text-align:center;}
.active-func-nav>li {float:right;line-height: 51px;width:33.3%;padding:2px;text-align:center;}
.active-func-nav>li>a { font-size:15px; color:#4c4c4c;}
.active-func-nav>li>a i { font-size:18px; line-height:30px;}
.active-func-nav>li>a p {margin:15px 0 0 0;}
.active-func-nav>li>a:hover {color: #2a7aaf;text-decoration: none;}
.active-func-nav>li>a.menu-option-toggle { width:50px; padding:8px 11px; font-size:16px; border-radius: 25px; background-color:#1195d3;color:#ffffff;}


/* slider*/
#slider-area {background: url('images/home_bg_01.jpg') no-repeat 50% 0% #f4f4f4 ;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;border-bottom:0px solid #e2e2e2; }
/*#slider-area {background:#C0C0C0;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;border-bottom:0px solid #e2e2e2; }*/
.slider-row:after {content:"." ; display: block; height:0; clear: both; visibility:hidden; }
.slider-row { margin-left:-10px;margin-right:-10px; }
.slider-box{margin:18px auto; }
.slider-box div.owl-item {padding:10px;}
.slider-box div.owl-item>div {background:#ffffff;padding:5px;}
.slider-box  img {  width: 100%; }
.slider-box h3 {    margin-top: 15px; margin-left:0px; margin-right:0px; height:75px; padding:0px 10px 13px;font-size:1.25em; overflow:hidden; border-bottom:1px solid #cccccc;}
.slider-box h3 a{color:#1a5e8b; height:60px; overflow: hidden;   display: inline-block;line-height:1.7;}

.slider-box .content {margin:20px 0px 18px;padding:0px 10px; overflow:hidden;}


/* home-spec-news-area */
.home-spec-news-area {    position: relative;}
.home-spec-news-area .nav-tabs {border-bottom: 0px solid transparent;}
.home-spec-news-area .nav-tabs li {float:none; display: none; background:#eeeeee; }
.home-spec-news-area .nav-tabs>li:first-child {background:#5d5d5d;}  
.home-spec-news-area .nav-tabs li.active {display:block;}
.home-spec-news-area .nav-tabs>li.active:first-child {background:#eeeeee;}  
.home-spec-news-area .nav-tabs>li a{outline:none;border-radius: 0px;   background:#5d5d5d;margin:0px 0px 0px 1px;   border: 1px solid #5d5d5d;font-size:1.35em;}
.home-spec-news-area .nav-tabs>li>a { padding: 13px 25px; color:#ffffff;}
.home-spec-news-area .nav-tabs>li.active a{outline:none;border-radius: 0px;   background:#eeeeee; color:#4c4c4c; border: 1px solid #eeeeee;}
.home-spec-news-area .nav-tabs>li {margin-bottom: 0px;    border-bottom: 1px solid #C1C1C1;}
.spec-news-options { height: 59px;    margin-top: -60px;    position: relative;}
.spec-news-options a {display:block; color: #4c4c4c; line-height:59px; text-align:right; padding-right:15px; }
.spec-news-options.open>.dropdown-menu {display: block; width: 100%; text-align: center;margin:0px; margin-top:-1px;}
.spec-news-options>.dropdown-menu>li>a {text-align: center;	line-height:40px;	border-top:1px solid #dddddd;}
.spec-news-options>.dropdown-menu>li>a:first-child {	border-top:1px solid transparent;}
.spec-news-options .btn-default:hover, .spec-news-options .btn-default:focus, .spec-news-options .btn-default:active, 
.spec-news-options .btn-default.active, .spec-news-options .open>.dropdown-toggle.btn-default {
    color: #fff;    background-color: transparent;    border-color: transparent;}
.spec-news-options .btn-group.open .dropdown-toggle {
    -webkit-box-shadow: inset 0 3px 5px rgba(0,0,0,0);
    box-shadow: inset 0 3px 5px rgba(0,0,0,0);
}
.home-spec-news-area .tab-content {background:#eeeeee; padding:12px; margin:0px;}
.home-spec-news-area .tab-content .tab-pane { background:#fff;padding:0px 3px;}
.home-spec-news-area .tab-content .tab-pane:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.home-spec-news-area .owl-theme .owl-controls .owl-buttons div.owl-prev {left:-10px;}
.home-spec-news-area .owl-theme .owl-controls .owl-buttons div.owl-next {right:-10px;}
.home-spec-news-area .item {padding:12px;   margin: 0px; border:0px solid transparent;}
.home-spec-news-area .item .item-img{padding:0px;margin:0px;}
.home-spec-news-area .item .item-img img {max-width: 100%; margin: 0px auto;}
.home-spec-news-area .item .desc{margin-top:10px;margin-bottom:7px; padding-left:15px; padding-right:15px;}
.home-spec-news-area .item .desc h3 {margin:0px; font-size:1em; overflow:hidden;}
/*.home-spec-news-area .item .desc h3  a {color:#4c4c4c;}*/
.home-spec-news-area .item .date {color: #2a7bb0; font-size:1em; margin-bottom:8px;}
.home-spec-news-area .item .price span {font-size:1.625em;}
.home-spec-news-area .item .price span.ori-price {font-size:1.25em; color:#cabdb4; text-decoration: line-through;}
.home-spec-news-area .item:hover {border:0px solid transparent; }


/* 
=================================================================
(#m03mcs) MAIN CONTENT
=================================================================
*/

.path-area.bottom-sm { margin-bottom: 6px; margin-right: 5px; }

/* main-content-area */
.main-content-area { margin-top:20px; margin-bottom:30px;}
.main-content-area:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}

.path-area {padding:5px 0px; margin-bottom:10px;}
.path-area  a {color:#333;}
.path-area span.alert-title {color:#499cd2; font-size:1em;}
/* brand-area */  
div.brand-area { margin-top:25px;margin-bottom:15px;}
div.brand-area div {padding-bottom:10px; text-align:center;}
div.brand-area div img{max-width:100%;}

.main-content-area img{max-width:100%; height: auto;}
.main-content-area div.img-box-01 {border:1px solid #0076bd; text-align:center; padding:5px;margin-bottom:8px;}
.main-content-area div.mod-list-row{border: 1px solid #cccccc; }
.main-content-area div.mod-list-row:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
table td.button-area p {margin-bottom:8px; border-bottom: 1px dashed #2b7aaf;    padding-bottom: 8px;}
.main-content-area .module img{margin-bottom:8px;}
.main-content-area div.product-message-box:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.main-content-area h1 { padding: 10px 5px;    margin: 50px 0 30px 0;    font-size: 30px; color:#2b7aaf;   text-align:center; background: url('images/unit_title_bg_01.png') no-repeat 50% 100%;  }
.main-content-area h2 { margin: 10px 0 10px 0;    font-size: 21px; color:#2b7aaf; }
.main-content-area .content-subtitle {font-size:1.35em;  padding-bottom:35px; padding-top:10px;margin-bottom:35px; border-bottom:3px solid #2b7aaf;}
.main-content-area form {margin:0px;}
.main-content-area .login-box {margin-top:10px;margin-bottom:50px;}
.main-content-area .login-box input,.main-content-area .login-box textarea {background:#f3f3f3;}
.unit_title_01 { height:138px; background: url('images/unit_bg_01.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.unit_title_02 { height:138px; background: url('images/unit_bg_02.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.unit_title_03 { height:138px; background: url('images/unit_bg_03.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.unit_title_04 { height:138px; background: url('images/unit_bg_04.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.unit_bottom_01 { height:230px; background: url('images/unit_bg_05.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;color: #fff;    display: table;    width: 100%;}
.unit_bottom_01  p {display: table-cell;    vertical-align: middle;    text-align: center; font-size:1.5em;  padding:10px 20px;}

.unit_title_06 { height:138px; background: url('images/unit_bg_06.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
.unit_title_07 { height:138px; background: url('images/unit_bg_07.jpg') no-repeat 50% 50%;  -moz-background-size:cover;-webkit-background-size:cover;-o-background-size:cover;background-size:cover;}
 
.product-info-box {margin:0px 0px 10px;}
.product-info-box li.active a{    color: #fff;    background-color: #2a7aaf;border: 1px solid #2a7aaf;}
.product-info-box li.active a:hover,.product-info-box li.active a:active,.product-info-box li.active a:focus{    color: #fff;    background-color: #2a7aaf;border: 1px solid #2a7aaf;}

.product-content-box ul.content-item {  padding-left: 30px; list-style-type: disc; margin:0px;margin-bottom:10px;}
.product-content-box .product-item {padding:10px 0px;margin-bottom:10px;}
.product-content-box .product-item:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.product-content-box .product-item+.product-item {border-top:1px dashed #0076bd;} 
.product-content-box .product-item img {float:left;margin-right:10px;}
.product-content-box .product-item div.item-desc {display:inline-block; padding-top:25px;}
.product-content-box .product-item div.item-func {margin-top:10px;}
.product-content-box .product-item .price {color:#bd0028;font-size:1.2em;}
.product-content-box .product-item div.item-desc .form-control { display: inline-block; width:auto;  height: 34px; margin-top:1px;}

.step-bar-bg {background: url('images/cart-step-bg-02.png') repeat-x 50% 50%; height:50px; line-height:50px; font-size:20px; margin-bottom:40px; border-radius: 5px;	-webkit-border-radius:5px; border-right:1px solid #b1b1b1;}
.step-bar-bg  img {width:30px; margin-top:-5px;margin-right:5px;}
.step-bar-item-on { background: url('images/cart-step-bg-05.png') no-repeat 100% 50%; height:50px; color:#ffffff;padding-left:20px; }
.step-bar-item-on.first {background: url('images/cart-step-bg-05.png') no-repeat 0% 50%; border-radius: 5px;	-webkit-border-radius:5px;    border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.step-bar-item-off { color:#656464;background: url('images/cart-step-bg-01.png') no-repeat 0% 50%;   height:50px; padding-left:40px;}
.step-bar-item-off.first {background: transparent; padding-left:20px;border-radius: 5px;	-webkit-border-radius:5px;    border-top-right-radius: 0;    border-bottom-right-radius: 0;}
.step-bar-item-off.first-off {background: url('images/cart-step-bg-01.png') no-repeat 100% 50%;  padding-left:20px;  }
.step-bar-item-off.on-left { background: url('images/cart-step-bg-03.png') no-repeat 0% 50%; padding-left:45px;}  
.step-bar-item-off.on-right { background: url('images/cart-step-bg-06.png') no-repeat 100% 50%; padding-left:20px;}  
.step-bar-item-off.step3 { padding-left:0px; }
.step-on {display:none;}
.col-xs-4.step-on.on-left {padding-left:20px;}


.bottom-button-area {margin:40px auto 10px;}
.form-group-subtitle {color:#2a7aaf;padding:8px; font-size:1.15em; border-bottom:1px solid  #2a7aaf;margin-top:10px; margin-bottom:10px;}




.eciframe {    padding-right: 1px;    border: 1px solid #ddd;} 
.eciframe body {margin:0px;} 


.subject-area>div {background:#ffffff;padding:5px; border:1px solid #ddd; margin-bottom:10px;} 
.subject-area  img {  max-width: 100%; }
.subject-area h3 {    margin-top: 5px; margin-bottom:5px; padding:0px;font-size:1em; overflow:hidden;}
.subject-area h3 a{color:#1a5e8b; line-height:1.6;}

.subject-area .content {margin:20px 0px 18px;padding:0px 15px; overflow:hidden;}

.list-catalog-area {border:1px solid #ddd; border-top:4px solid #2b7aaf; padding:10px; margin-bottom:20px;}
.list-catalog-area .search-row div {float:left; margin-left:5px;}
.list-catalog-area .search-row div span {line-height:34px;}
.list-catalog-area .search-row:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.list-catalog-area .btn {margin-bottom:5px;}

.subject-list-box>div {background:#ffffff;padding:8px; border:1px solid #ddd; margin-bottom:10px;  text-align:center; } 
.subject-list-box div.mod-img-box {display: table;    width: 100%; height:200px;}
.subject-list-box div.mod-img-box a {display: table-cell; text-align:center;    vertical-align: middle}
.subject-list-box div.mod-img-box a img {  max-width:200px;     vertical-align: middle}
.subject-list-box h5,.subject-list-box .content {  text-align:left;height: 65px;    overflow: hidden;}
.subject-list-box h3 {    margin-top: 15px; margin-left:5px; margin-right:5px; padding:0px 10px 13px;font-size:1.25em; overflow:hidden; border-bottom:1px solid #cccccc;}
.subject-list-box h3 a{color:#1a5e8b;  overflow: hidden;   display: inline-block;line-height:1.6;}


.subject-list-box .mod-button-box {border-top:1px dashed #2b7aaf; padding-top:8px;}
.subject-list-box .content {margin:8px 0px 8px;overflow:hidden;}
.subject-list-box .content.cart {height:50px;}
.subject-list-box .content.cart .price {    color: #bd0028;    font-size: 1.2em;}




.letter-area {margin:5px 0px 25px;}

.letter-area a {margin-top:5px;}
.btn-letter.all{padding-left:5px;padding-right:5px;}
.btn-letter {
  background:#e9e9e9;
  border-color: #e9e9e9;
}
a.btn-letter {
 color:#5b5b5b;
}
.btn-letter:hover,
.btn-letter:focus {
  background:#1bab88;
  border-color: #1bab88;
  color:#fff;
}
.btn-letter:active,
.btn-letter.active {
  background:#1bab88;
  border-color: #1bab88;
      box-shadow: none;
  color:#fff;  
}
.btn-letter.disabled,
.btn-letter:disabled,
.btn-letter[disabled] {
  background-color: #2aabd2;
  background-image: none;
}
.letter-ventor-content {margin-bottom:20px;}
.letter-ventor-content h2 {font-size:16px; border-bottom:1px solid #cfcfcf ;padding-left:15px; padding-bottom:5px; }
.letter-ventor-row:after {content:"." ; display: block; height:0; clear: both; visibility:hidden;}
.letter-ventor-row  a {color:#5b5b5b; line-height:1.8;}





/* Jim add 2016/07/27 content component */
h3.circle-type { color: #009fe6; font-size: 16px; font-weight: bold; position: relative; margin-bottom: 10px; line-height: 1em; }
h3.circle-type span.dot { position: absolute; top: 50%; margin-top: -3px; left: 5px; display: inline-block; width: 6px; height: 6px; background: #2B7AB1; border-radius: 100%; }

ul.product-list { list-style: none; }
ul.product-list li a { font-size: 14px; display: inline-block; padding: 1px 3px; color: #777777; }
ul.product-list li a:hover { text-decoration: none; background: #89B4BF; color: #fff; }

.input-group.blue { border: 1px solid #89B4BF; }
.input-group.blue .btn { background: #E4E4E4; border: none; }
.input-group.blue .btn i { color: #8C8C8C; }

.bootstrap-table.type2 { margin-top: 15px; }
.bootstrap-table.type2 .table-title { background: url(../images/A/template/cover.png) 100% #454B87 no-repeat; height: 41px; width: 300px; padding-left: 15px; }
.bootstrap-table.type2 h3.table-title-content { color: #fff; font-size: 17px; font-weight: bold; line-height: 41px; margin: 0px; }
.bootstrap-table.type2 .table { border-bottom: 2px solid #dbdada; }
.bootstrap-table.type2 .table thead { background: #7DB7DE; }
.bootstrap-table.type2 .table thead tr { height: 44px; }
.bootstrap-table.type2 .table button { padding: 3px 12px; }
.bootstrap-table.type2 .button-area label { font-weight: bold; margin-left: 5px; }

.content-right { margin-top: 30px; }

.content-right .content-right-box { border: 1px solid #ccc; border-radius: 5px; padding: 15px; margin: 10px 15px; }
.content-right .content-right-box-area.ad-area .content-right-box { text-align: center; border: none; }
/*
=================================================================
(#m04bos) BOOTSTRAP OVERWRITE/EXTEND STYLES
=================================================================
*/
.container {width: 100%;}
.h1, .h2, .h3, .h4, .h5, .h6 {line-height: 1.7;}
.tooltip {font-family: Arial, sans-serif;	font-size:12px;}
.form-button {text-align:center}
/*.form-control { margin:3px;}*/
.form-bordered .form-group {margin: 0;  border: none;  padding: 15px; border-bottom: 1px dashed #dcdcdc;}
.form-bordered .form-group.form-actions { background-color: transparent;    border-bottom: none;}
.inline-input { display: inline-block; width: auto;}


.bootstrap-table .table {border:0px;}


}

.form-control {
    background-image: none;
    border: 1px solid #c6c6c6;
    border-radius: 4px;
    -webkit-box-shadow: none; 
    box-shadow:none; 
   -webkit-transition: none; 
    -o-transition: none; 
    transition: none; 
}


.form-main-area{
	 border-radius: 5px;
    background-color: #FFFFFF;
    padding: 20px 50px 20px 200px;
    margin: 10px;

}

.form-lang{
 	border: 1px solid #c6c6c6;
    border-radius: 4px;
    box-shadow:none;
    padding: 8px; 
}
.form-group.content1{

	  margin-top: 50px;
	}

.col-md-2.image-area {
    width: 200px;
    margin: 5px 0 0 80px;
}
.col-md-2.remove-area {
    margin: 8px 0px 0 30px;
    border: 1px solid #c6c6c6;
    border-radius: 10px;
    width: 86px;
}

.col-md-2.control-label-title1 {
    position: relative;
    top: -5px;
    width: 100%;
    text-align: left;
    z-index: 1;
    letter-spacing: 2px;
}




table .form-control{    background-color: #ffffff;
    border: 1px solid transparent;
}


.ventorlist .nav-tabs > li > a {
margin-right: 2px;
line-height: 1.42857143;background:#757575; color:#fff;
border: 1px solid transparent;
border-radius: 4px 4px 0 0;}

.ventorlist .nav-tabs > li.active > a {
background:#2a7aaf; }

.ventorlist .nav-tabs > li > a:hover {
border: 1px solid transparent;
}














/*
=================================================================
(#m05hes) HELPERS
=================================================================
*/

.owl-theme .owl-controls {text-align: center;	margin:0px;}	
.owl-theme .owl-controls  .owl-pagination{position: absolute; bottom: 15px;width: 100%;}
.owl-theme .owl-controls .owl-buttons div {position: absolute;      width: 36px; height:36px; padding:0px;    line-height:32px;   top: 50%; 	margin-top:-18px;    z-index: 99;	color: #869791;	 -webkit-border-radius:0px;  border-radius:0px;  background: #000000;	 font-size:24px;}
.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-45px; display:none;}
.owl-theme .owl-controls .owl-buttons div.owl-next{right:-45px; display:none;}

.nav-tabs.subject-l1 {
    padding-bottom: 2px;
}
.nav-tabs.subject-l1 > li > a {
    margin-right: 2px;
    line-height: 1.42857143;
    border: 1px solid #757575;
	background-color: #757575;
    border-radius: 4px 4px 0 0;
	padding:7px 15px;
	font-size:1em; 
	color: #fff;	
}

.nav-tabs.subject-l1 > li.active > a, .nav-tabs.subject-l1 > li.active > a:hover, .nav-tabs.subject-l1 > li.active > a:focus {
    color: #fff;
    cursor: default;
    background-color: #2b7aaf;
    border: 1px solid #2b7aaf;
    border-bottom-color: transparent;
}


/*
=================================================================
(#m06res) RESPONSIVE
=================================================================
*/
/* Small devices, Tablets (<480px) */
@media screen and (max-width: 365px) {
	.ori-price {display:none;}
	.site-logo img {max-height:38px;margin-top: 3px;}
	.step-bar-bg {font-size:16px;}		.step-bar-item-off {    padding-left:20px;}
	
	.main-content-area .login-box {margin-left:-15px;margin-right:-15px;}
	
}
@media screen and (max-width: 480px) {
	.site-nav {
		min-width: 100%;
	}

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

}

@media screen and (max-width: 415px) {
	
	.step-off {display:none;}
	.step-on {display:block;}
}
@media screen and (max-width: 329px) {

	.step-on span {display:none;}
}
@media screen and (min-width: 481px) {

}


@media screen and (min-width: 320px) and (max-width: 766px) {
  .form-main-area{
	padding: 20px 20px 20px 20px;
	}
}

@media screen and (min-width: 767px) and (max-width: 991px){
	.form-main-area{
	padding: 20px 50px 20px 50px;
	}
}

@media screen and (max-width: 991px){
	.col-md-2.image-area{
	  margin: 50px 50px 0px 0px;
	}

	.col-md-2.remove-area{
	 margin: 50px 0px 20px 10px;
	}


}



/* Small devices, Tablets (>639px) */
@media screen and (min-width: 640px) {
	.add-button {display:inline-block; }
	.unit-title {background: url('../img/template/unit_title_bg_01.png') no-repeat 100% 100%;}
	/* .list-search-box {padding:20px;}	 */
	table td.button-area {width:15%;white-space: nowrap;}

}
@media screen and (min-width: 650px) {
		.slider-box .content {height:95px; overflow:hidden;}
}

/* Small devices, Tablets (>767px) */
@media screen and (min-width: 768px) {

    .home-spec-news-area .nav-tabs li {  float:left;  display: block;}
	.main-content-area .main-content .detail-desc .nav-tabs li{  float:left;  display: block;} 
	.main-content-area .main-content .detail-desc .nav-tabs li.active {display:block; border-bottom: 0px solid #888888;}
	.main-content-area .main-content .detail-desc .nav-tabs>li>a {margin-right: 2px;margin-left:0px}
	.main-content .login-area .login {padding:50px;}

	.home-spec-news-area .nav-tabs>li {margin-bottom: 0px;    border-bottom: 0px solid transparent;}	
	
	
	.subject-list-box h3 {  height:67px;}
	.subject-list-box h3 a{height:50px;}	
	.subject-list-box .content {height:92px;}
	table td.button-area {text-align:center;}
}

/* Medium devices, Desktops (>991px) */
@media screen and (min-width: 992px) {

	body {font-size:14px;} 
	.container {
		width: 970px;
	}
	.container.container2 {
		width: 100%;
	}	
	.owl-theme .owl-controls .owl-buttons div.owl-prev{left:-45px; display:block;}
	.owl-theme .owl-controls .owl-buttons div.owl-next{right:-45px; display:block;}	
	
	.header-menu {height: 48px;background: #2a7aaf;color: #ffffff;text-align:center;}	
	#sidebar, #sidebar-alt {	  width: 0;	  position: absolute;	  overflow: hidden;	}	
	.sidebar-alt-visible-xs #sidebar-alt {		 width: 0;	}
	.sidebar-alt-visible-xs #main-container {		margin-right: 0px; margin-left: -0px;	}	
	.is-sticky .site-logo img {max-width:152px;}	
	.mini-menu-box  {display:none;}
	.site-logo img {max-height:48px;}	
	.site-logo {	  position: absolute;	  left: 15px;	  top: -68px;	  margin-top:0px;	}	
	.is-sticky .mini-cart-bar {top:-8px;  right:15; height:50px; font-size:18px;display:block;color:#2a7aaf;}	
    .a-cart-nav {display:block;}
	.is-sticky .site-logo {top:6px;  left:0px;margin-right:10px;}

	.slider-box .content {/*height:70px;*/overflow:hidden;}
		.home-spec-news-area .item .desc h3 {  min-height:32px; max-height: 48px;overflow:hidden; }
	.home-spec-news-area .item .desc .content {height:48px;overflow:hidden;}

	.subject-list-box div.mod-img-box {display: table;    width: 100%; height:150px;}
	.subject-list-box div.mod-img-box a {display: table-cell; text-align:center;    vertical-align: middle}
	.subject-list-box div.mod-img-box a img {  max-width:150px; max-height:150px;    vertical-align: middle}	
	.letter-ventor-row {padding-left:5px; padding-right:20px;}

	/* Jim add 2016/07/27 content component */
	.content-right { margin-top: 0px; }
	.content-right .content-right-box { width: 100%; border: none; border-radius: 0px; padding: 0px; margin: 0px; }
	.content-right .content-right-box.md-margin-top { margin-top: 20px; }
	.content-right .content-right-box-area.ad-area .content-right-box { text-align: left; }
}

/* Layout max size (>999px) */
@media screen and (min-width: 1000px) {
}

/* Large devices, Desktops (>1199px) */
@media screen and (min-width: 1200px) {	
	.main-content-area .catalog-title span{display: inline;}
	.top-ad {margin-left:100px; padding-right:110px;}
}

.jpn-warning{
	position: absolute;
    top: -40%;
    left: 30%;
}