@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: url(../images/bg.jpg) repeat 0px 0px; }

.page.style7 #header { background: url(../images/bg.jpg) repeat 0px 0px; }
.page.style8 #header { background: url(../images/bg.jpg) repeat 0px 0px; }

#container2 { background: #feedf5; margin: 0px auto; width: 960px; }

.mainpage { background: #fff; }

#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: #d84e84; padding: 5px 0 0 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.md.md_nav .navstyle1 { background-color: white; border: 1px solid #c5c5c5; margin-bottom: 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; }
.md.md_nav .navstyle1 li:before { content: ''; background: url(../images/nav_separator.png) no-repeat center center; display: inline-block; width: 2px; height: 30px; vertical-align: middle; }
.md.md_nav .navstyle1 li:after { display: none; }
.md.md_nav .navstyle1 li:first-child:before { display: none; }
.md.md_nav .navstyle1 li a:focus, .md.md_nav .navstyle1 li a:hover { background-color: transparent; }
.md.md_nav .navstyle1 .dropdown .dropdown-toggle { color: #d84e84; }
.md.md_nav .navstyle1 .dropdown .dropdown-toggle:focus, .md.md_nav .navstyle1 .dropdown .dropdown-toggle:hover { background-color: transparent; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu { color: #934e01; min-width: 120px; left: -1px; border: 1px solid #ccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li { border-top: 1px dotted #a0a0a0; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:after { display: none; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:before { content: '•'; vertical-align: middle; height: auto; background: none; width: auto; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:first-child { border-top: none; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:first-child:before { content: '•'; background: none; display: inline; width: auto; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a { color: #934e01; padding-left: 5px; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:focus, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li a:hover { text-decoration: underline; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:after { border-left-color: #934e01; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:focus, .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:hover { background-color: transparent; }
.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: #934e01; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu { color: #737375; padding: 5px 10px; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li { border-top: none; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li:after { display: none; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu li a { background-color: transparent; color: #737375; }
.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: transparent; text-decoration: underline; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-left-color: #934e01; }
.md.md_nav .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover .dropdown-menu a { background-color: transparent; text-decoration: none; }
.md.md_nav .navstyle1 .dropdown.open .dropdown-openmenu { display: block; }
.md.md_nav .navstyle1 .dropdown:focus, .md.md_nav .navstyle1 .dropdown:hover { background: url(../images/nav_hover.png) no-repeat center center; -webkit-background-size: 100%; -moz-background-size: 100%; -o-background-size: 100%; background-size: 100%; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu { background-color: #f8c9dd; padding: 0; border: 1px solid #d84e84; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li { border-top: none; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li:after { display: none; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu a:after { border-top-color: #934e01; 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: #934e01; border-left-color: transparent; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-top-color: #934e01; border-left-color: transparent; }
.md.md_nav .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu { background-color: #fae5ee; padding: 0; top: 124%; border: 1px solid #d84e84; left: -11px; }
.md.md_nav.nav-top { -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.md.md_nav.nav-top .navstyle1 { background: none; border: none; }
.md.md_nav.nav-top .navstyle1 li:before { content: '|'; background: none; display: inline; width: auto; height: auto; color: #bbb; }
.md.md_nav.nav-top .navstyle1 li:after { display: none; }
.md.md_nav.nav-top .navstyle1 li:first-child:before { display: none; }
.md.md_nav.nav-top .navstyle1 li a:focus, .md.md_nav.nav-top .navstyle1 li a:hover { background-color: transparent; }
.md.md_nav.nav-top .navstyle1 .dropdown:focus, .md.md_nav.nav-top .navstyle1 .dropdown:hover { background: none; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu { min-width: inherit; border: none; -webkit-border-radius: 0; -moz-border-radius: 0; -ms-border-radius: 0; -o-border-radius: 0; border-radius: 0; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li { border: none; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li:before { display: none; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li a { color: #444; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li a:focus, .md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li a:hover { text-decoration: none; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu a:after { border-left-color: #333; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a { text-decoration: none; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-left-color: #e10500; }
.md.md_nav.nav-top .navstyle1 .dropdown .dropdown-openmenu li.dropdown-submenu:hover .dropdown-menu a { text-decoration: none; }
.md.md_nav.nav-top .navstyle1.expand .dropdown .dropdown-openmenu { padding: 5px; }
.md.md_nav.nav-top .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu .dropdown-menu { padding: 5px; }
.md.md_nav.nav-top .navstyle1.expand .dropdown .dropdown-openmenu li.dropdown-submenu:hover a:after { border-left-color: #e10500; }

.funcpage .md.md_nav, .frameset #aside .md.md_nav { margin-bottom: 20px; }
.funcpage .md.md_nav .navstyle1, .frameset #aside .md.md_nav .navstyle1 { padding: 5px 15px 15px 15px; }
.funcpage .md.md_nav .navstyle1 li:before, .frameset #aside .md.md_nav .navstyle1 li:before { display: none; }
.funcpage .md.md_nav .navstyle1 .dropdown, .frameset #aside .md.md_nav .navstyle1 .dropdown { border-bottom: none; background: url(../images/func_nav_separator.png) no-repeat center bottom; }
.funcpage .md.md_nav .navstyle1 .dropdown .dropdown-toggle, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-toggle { color: #d84e84; background: url(../images/func_nav_bg.png) no-repeat 7px -39px; padding: 10px 10px 10px 30px; margin: 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 { background-position: 7px 10px; }
.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:first-child:before, .frameset #aside .md.md_nav .navstyle1 .dropdown .dropdown-openmenu li:first-child:before { display: none; }
.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: transparent; }
.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: transparent; }
.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 .dropdown:focus, .funcpage .md.md_nav .navstyle1 .dropdown:hover, .frameset #aside .md.md_nav .navstyle1 .dropdown:focus, .frameset #aside .md.md_nav .navstyle1 .dropdown:hover { background-position: center bottom; -webkit-background-size: none; -moz-background-size: none; -o-background-size: none; background-size: none; }
.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 { background: url(../images/func_nav_separator.png) no-repeat center bottom; }
.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 -44px; padding-left: 50px; text-decoration: none; margin: 0; padding-top: 10px; padding-bottom: 10px; }
.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: transparent; }
.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: 50px; }
.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: #d84e84; font-size: 24px; padding: 3px; }
.md .md_content { padding: 0px 20px; }
.md .md_content .des { padding: 0px; color: #565656; }
.md.carousel { margin: 0px; }
.md.pagetitle h1 { color: #d84e84; }
.md.breadcrumb { padding: 3px; }
.md.breadcrumb ul li a { color: #444; }
.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_anchor { background: #934e01; 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_promotxtlist .md_title { background: url(../images/title_bg.png) no-repeat 5px center; padding: 0px 0px 0px 20px; }
.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: #d84e84; -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_title { background: url(../images/title_bg.png) no-repeat 5px center; padding: 0px 0px 0px 20px; }
.md.md_pictxt .md_content .list_all .list_item .word h3 { font-size: 15px; }
.md.md_pictxt .md_content .list_all .list_item .word h3 a { color: #a94900; }
.md.md_product .md_title { background: url(../images/title_bg.png) no-repeat 5px center; padding: 0px 0px 0px 20px; }
.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 { background: url(../images/btn_submit.png) no-repeat 10px center #ededed; width: auto; padding: 5px 20px 5px 25px; border: none; color: #d84e84; -webkit-border-radius: 15px; -moz-border-radius: 15px; -ms-border-radius: 15px; -o-border-radius: 15px; border-radius: 15px; }
.btn.submit:hover { background: url(../images/btn_submit.png) no-repeat 10px center #fcf0b6; color: #d84e84; }

/* --------------------------------*/
/* 左側選單配置
/* --------------------------------*/
.funcpage .md .md_title { background: #d84e84; padding: 0px; }
.funcpage .md .md_title h4.title { color: #fff; font-size: 18px; }
.funcpage .md .md_content .des { padding: 0px; }

/* --------------------------------*/
/* 手機導覽頁面選單配置
/* --------------------------------*/
.navigation #header .md.md_nav { margin: 0px !important; }
.navigation #header .md.md_nav ul { margin: 0px !important; }
.navigation #header .md.md_nav ul li.dropdown .dropdown-openmenu li { padding: 0px; }

/* 內容區透明 */
.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: #d5417b;
}
.md.md_product.noimg .md_content .list_all .list_item .word p:after {
    background-color: #d5417b;
}

.md.md_product.double .md_content .list_all .list_item:hover{
	 border-color: #d5417b;
}
.md.md_product.double .md_content .list_all .list_item .word p:before {
     background-color: #d5417b;
}

.md.md_product.featured{
	border-color: #ffe3e2 ;
} 

.md.md_product.featured:hover{
	border-color: #d5417b ;
} 



.md.md_product.featured:hover .md_title { background-color: #d5417b; }
.md.md_product.featured .md_title { background-color: #ffe3e2; }

.md.md_product.featured:hover h4.title {color:#FFFFFF;}