@charset "UTF-8";
#container2, #main { display: block; }
#container2:after, #main:after { content: '.'; display: block; clear: both; visibility: hidden; overflow: hidden; line-height: 0; height: 0; }

/* --------------------------------*/
/* 版面配置
/* --------------------------------*/
body { background: #00bcc0; }

#container2 { background: #fff; margin: 0px auto; width: 960px; }

#main { -webkit-box-shadow: 0px 0px 10px #cccccc; -moz-box-shadow: 0px 0px 10px #cccccc; box-shadow: 0px 0px 10px #cccccc; }

#footer { background: #efefef; width: 960px; }

/* --------------------------------*/
/* mixin 置放區
/* --------------------------------*/
/* --------------------------------*/
/* 主欄
/* --------------------------------*/
.md.md_nav {background: url(../images/nav_bg.jpg) repeat-x left top; max-height: 36px;text-align: center;}
.md.md_nav .nav-container { padding: 5px; }
.md.md_nav .navstyle1 li a:focus, .md.md_nav .navstyle1 li a:hover { background-color: #00bcc0; }
.md.md_nav .navstyle1 .dropdown { color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-toggle { color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu { background-color: #f9f9f9; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:after { color: #333; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:first-child:before { color: #333; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a { color: #333; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:focus, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:hover  { color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:after { border-left-color: #333; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:focus, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:hover ,.md.md_nav .navstyle1 li.current>a{ background-color: #00bcc0; color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:focus:after, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:hover:after { border-left-color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu { color: #666; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a { background-color: transparent; color: #666; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a:focus, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a:hover { text-decoration: underline; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a { background-color: #00bcc0; color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-left-color: white; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover .dropdown-menu a { background-color: transparent; }
.md.md_nav .navstyle1 .dropdown.open .dropdown-openmenu { display: block; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu a:after { border-top-color: #333; border-left-color: transparent; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu a:focus:after, .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu a:hover:after { border-top-color: white; border-left-color: transparent; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-top-color: white; border-left-color: transparent; }

.funcpage .md.md_nav, .frameset #aside .md.md_nav { background: none; }
.funcpage .md.md_nav .navstyle1 .dropdown, .frameset #aside .md.md_nav .navstyle1 .dropdown { border-bottom: 1px dotted #00bcc0; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-toggle, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-toggle { color: #444; background: url(../images/func_nav_bg.png) no-repeat 7px -44px white; padding: 5px 10px 5px 35px; margin: 5px 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-toggle:focus, .funcpage .md.md_nav .navstyle1 .dropdown .dropdown-toggle:hover, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-toggle:focus, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-toggle:hover { color: white; background-position: 7px 5px; background-color: #00bcc0; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-openmenu, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-openmenu { background-color: #f9f9f9; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:hover, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:hover { background-color: #00bcc0; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a { background-color: #00bcc0; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover .dropdown-menu a, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover .dropdown-menu a { background-color: transparent; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu { position: static; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li { border-top: 1px dotted #00bcc0; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li:first-child, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li:first-child { border-top: none; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li a, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li a { background: url(../images/func_nav_bg.png) no-repeat 20px -48px; padding-left: 50px; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li a:hover, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li a:hover { background-position: 20px 5px; background-color: #00bcc0; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu { position: static; border: none; background: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a { background: none; padding-left: 45px; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li:first-child, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li:first-child { border-top: 1px dotted #00bcc0; }
.funcpage .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu:hover a, .frameset #aside .md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu:hover a { background-position: 20px 5px; }

.md { margin: 0px 0px 10px 0px; background: none; border: none; }
.md .md_title { background: none; }
.md .md_title h4.title { color: #00bcc0; font-size: 24px; padding: 3px; }
.md .md_content { padding: 0px 20px; }
.md .md_content .des { padding: 0px; }
.md.carousel { margin: 0px; }
.md.pagetitle h1 { color: #00bcc0; }
.md.breadcrumb { padding: 5px; }
.md.breadcrumb ul li a { color: #444; }
.md.md_anchor { background: #4ba1a3; padding: 0px 3px; margin: 3px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.md.md_anchor ul { padding: 0px 10px; font-size: 12px; }
.md.md_anchor ul li { color: #fff; }
.md.md_anchor ul li a { color: #fff; }
.md.md_anchor ul li a:hover { color: #e4ff51; }
.md.md_anchor .buttons { padding: 0px; }
.md.md_tags { background: #666262; }
.md.md_tags ul { padding: 2px 0px !important; }
.md.md_tags ul a { padding: 5px 10px; color: #fff; }
.md.md_tags ul a:hover { background: #00bcc0; text-decoration: none; }
.md.md_tags ul i { display: inline-block; height: 13px; border-left: 1px solid #fff; vertical-align: middle; }
.md.md_promotxtlist .md_content .list_item { background: url(../images/list_icon.png) no-repeat 2px 5px; }
.md.md_txtpassages { background: #fff; padding: 5px; border: 1px solid #ccc; margin: 5px; }
.md.md_txtpassages .md_title { background: #00bcc0; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.md.md_txtpassages .md_title h4.title { color: #fff; font-size: 15px; }
.md.md_pictxt .md_content .list_all .list_item .word h3 a { color: #343434; }
.md.md_product .md_content .list_all .list_item { border-bottom: 1px dashed #999999; padding: 10px 0px; }
.md.md_product .md_content .list_all .list_item .word h3 { font-size: 22px; }
.md.md_product .md_content .list_all .list_item .word h3 a { color: #343434; }

.tbl-container { margin: 0px; padding: 0px; }
.tbl-container .table caption { background: #638a97; font-size: 15px; }
.tbl-container .table thead tr th { background: -moz-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Mozilla Firefox */ background: -webkit-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Opera */ background: -ms-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* IE10+ */ background: linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* W3C */ }
.tbl-container .table tbody tr th { background: -moz-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Mozilla Firefox */ background: -webkit-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Opera */ background: -ms-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* IE10+ */ background: linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* W3C */ }
.tbl-container .table tbody tr td { background: #fff; }
.tbl-container .table tfoot tr td { background: #f8f8f8; color: #444; }

.btn.submit { border-color: #00b3b6; width: auto; padding: 5px 20px; background-image: -ms-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* IE10 Consumer Preview */ background-image: -moz-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Mozilla Firefox */ background-image: -o-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Opera */ background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #00b3b7), color-stop(1, #00b3b6)); /* Webkit (Safari/Chrome 10) */ background-image: -webkit-linear-gradient(top, #00b3b7 0%, #00b3b6 100%); /* Webkit (Chrome 11+) */ background-image: linear-gradient(to bottom, #00b3b7 0%, #00b3b6 100%); /* W3C Markup, IE10 Release Preview */ }
.btn.submit:hover { background: #00b3b6; color: #fff; }

/* --------------------------------*/
/* 左側選單配置
/* --------------------------------*/
.funcpage .md { margin: 5px; }
.funcpage .md .md_title { background: #00bcc0; }
.funcpage .md .md_title h4.title { color: #fff; font-size: 18px; }
.funcpage .md .md_content .des { padding: 0px; }


.md.md_product.figure_top .md_content .list_all .list_item {margin: 0px 2px 5px 4px;}


/* --------------------------------*/
/* 手機導覽頁面選單配置
/* --------------------------------*/
.navigation #header .dropdown-submenu .dropdown-menu { display: none; }

/* 內容區透明 */
.trans_content .mainpage{
  background-color:rgba(0%, 0%, 0%, 0);
}
.trans_content #container2{
   background:rgba(0%, 0%, 0%, 0);
}

.navstyle1{
	margin-bottom: 10px;
} 




.md.md_product.noimg .md_content .list_all .list_item:hover {
    border-color: #00afb2;
}
.md.md_product.noimg .md_content .list_all .list_item .word p:after {
    background-color: #00afb2;
}

.md.md_product.double .md_content .list_all .list_item:hover{
	 border-color: #00afb2;
}
.md.md_product.double .md_content .list_all .list_item .word p:before {
     background-color: #00afb2;
}

.md.md_product.featured{
	border-color: #00afb2 ;
} 
.md.md_product.featured:hover{
	border-color: #007879 ;
} 



.md.md_product.featured:hover .md_title { background-color: #007879; }
.md.md_product.featured .md_title { background-color: #00afb2; }

.md.md_product.featured h4.title {color:#FFFFFF;}



/* O12 -O14 */
.md.md_product.o12 .md_content .list_all .list_item h3 {
	background-color: #00afb2;
}

.md.md_product.o12 .md_content .list_all .list_item div {
	border-color: #00afb2;
}

.md.md_product.o12 .md_content .list_all .list_item div ul li p {
	font-size: 12px;
	color: #343434;
}

.md.md_product.o13 .md_content .list_all .list_item h3 {
	background-color: #00afb2;
}

.md.md_product.o13 .md_content .list_all .list_item .item {
	border-color: #00afb2;
}

.md.md_product.o13 .md_content .list_all .list_item .item .box_txt h4 a {
	font-size: 22px;
	color: #343434;
}

.md.md_product.o13 .md_content .list_all .list_item .item .box_txt h4 a:hover {
	color: #343434;
	text-decoration: underline;
}

.md.md_product.o13 .md_content .list_all .list_item .item .box_txt ul li {
	color: #444444;
	font-size: 13px;
}

.md.md_product.o13 .md_content .list_all .list_item .item:hover {
	border: 10px #007879 solid;
}

.md.md_product.o13 .md_content .list_all .list_item .item:hover h3 {
	background-color: #007879;
}

.md.md_product.o14 .md_content .list_all .list_item h3 {
	background-color: #00afb2;
}

.md.md_product.o14 .md_content .list_all .list_item .item {
	border-color: #00afb2;
}

.md.md_product.o14 .md_content .list_all .list_item .item:hover {
	border-color: #007879;
}

.md.md_product.o14 .md_content .list_all .list_item .item:hover h3 {
	background-color: #007879;
}

.md.md_product.o14 .md_content .list_all .list_item .item:hover .price {
	background-color: #007879;
}

.md.md_product.o14 .md_content .list_all .list_item .item h3
, .md.md_product.o14 .md_content .list_all .list_item .item .price {
	background-color: #00afb2;
}

.md.md_product.o14 .md_content .list_all .list_item .item .detail h4 a {
	color: #343434;
	font-size: 22px;
}

.md.md_product.o14 .md_content .list_all .list_item .item .detail h4 a:hover {
	color: #343434;
	text-decoration: underline;
}

.md.md_product.o14 .md_content .list_all .list_item .item .detail p {
	color: #444444;
	font-size: 13px;
}

.md.md_product.e05 .md_content h3 {
	color: #444444;
	font-size: 13px;
}

/* 價格 */
.md.md_product.o11 .list_all .list_item .field_price .base_price strong {
	color: #cc0000;
}

.md.md_product.o13 .md_content .list_all .list_item .base_price {
	color: #333333;
}

.md.md_product.o13 .md_content .list_all .list_item .base_price strong {
	color: #cc0000;
}