﻿/* ============= publicmb.css ===============*/
a:link, a:visited{color:#184292;}
a:hover, a:active {color:#042062;}

h1 {}

.mstTagline { }
.mstTagline2 { }
.mstTaglineSub { }
.mstTaglineSub2 {}

.divMainContainerBottom .divCopyText {font-size:16px;}
.divCopyright {padding:10px 0px 40px;}
.divDesktopView {text-align:center; margin-bottom:10px; color:#fff;}
a.hypDesktopView {color:#fff; font-size:12px;}
a.hypMobileView {color:#fff; font-size:12px;}

/* Links & Buttons */
.hypEmail {color:#184292; font-weight:normal;}
a.hypEmail:link, a.hypEmail:visited {color:#184292;}
a.hypEmail:hover, a.hypEmail:active {color:#042062;}
/* End of Links & Buttons */

/* ============= End of publicmb.css ============*/

/* ============= jquery.sidr.light.css ============*/
.sidr{width:100%; top:50px; z-index:100;}
/* ============= End of jquery.sidr.light.css ============*/

/* ============= sidemenumb.css ============*/
.divMenuSeperator{}
.divSideMenu {margin-top:0px; border-top:solid 1px #ccc;}
/* ============= End of sidemenumb.css ============*/


/* ============= topmenumb.css ============*/
.divTopMenuItemSel {background:inherit;}
.liMenuSeperator,.liSubMenuSeperator{border-bottom:1px solid #dedede;}

/*Level 1*/
.nav-one > li a.topMenuItemMobile {font-size:18px; color:#434343; font-weight:bold; padding:10px 20px 10px 20px; display:block; font-family:微軟正黑體, Lato;}
.nav-one > li a.topMenuItemMobile:link, .nav-one > li a.topMenuItemMobile:visited {color:#434343; text-decoration:none;}
.nav-one > li a.topMenuItemMobile:hover, .nav-one > li a.topMenuItemMobile:active {color:#d57e0f; text-decoration:none;}

.nav-one > li.sel .topMenuItemMobile,
.nav-one > li.sel a.topMenuItemMobile:link, .nav-one > li.sel a.topMenuItemMobile:visited,
.nav-one > li.sel a.topMenuItemMobile:hover, .nav-one > li.sel a.topMenuItemMobile:active {color:#d57e0f; background-color:#fff;}

/*Level 2*/
.nav-two{border-top: 1px solid #dedede;}
.nav-two li a.hypTopSubMenu {font-size:18px; color:#434343; font-weight:bold; padding: 10px 20px 10px 30px; font-family:微軟正黑體, Lato; background:none; display:block;}
.nav-two li a.hypTopSubMenu:link, .ulSubMenu li a.hypTopSubMenu:visited {color:#434343; text-decoration:none;}
.nav-two li a.hypTopSubMenu:hover, .ulSubMenu li a.hypTopSubMenu:active {color:#d57e0f; text-decoration:none;}

.nav-two li.sel a.hypTopSubMenu,
.nav-two li.sel a.hypTopSubMenu:link, .ulSubMenu li.sel a.hypTopSubMenu:visited,
.nav-two li.sel a.hypTopSubMenu:hover, .ulSubMenu li.sel a.hypTopSubMenu:active {color:#d57e0f; text-decoration:none;}

/*Level 3*/
.nav-three {border-top: 1px solid #dedede; background-color:#fff;}
.nav-three li a.hypTopSubMenuLv2 {font-size:18px; color:#434343; font-weight:bold;  padding: 10px 20px 10px 40px; font-family:微軟正黑體, Lato;  display:block;}
.nav-three li a.hypTopSubMenuLv2:link, .ulSubMenuLv2 li a.hypTopSubMenuLv2:visited {color:#434343; text-decoration:none;}
.nav-three li a.hypTopSubMenuLv2:hover, .ulSubMenuLv2 li a.hypTopSubMenuLv2:active {color:#d57e0f; text-decoration:none;}

.nav-three li.sel a.hypTopSubMenuLv2Sel,
.nav-three li.sel a.hypTopSubMenuLv2Sel:link, .ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:visited,
.nav-three li.sel a.hypTopSubMenuLv2Sel:hover, .ulSubMenuLv2 li.sel a.hypTopSubMenuLv2Sel:active {color:#ffffff;font-size:16px;padding: 12px 20px;}


/*Level icon*/
.nav-one > li a.topMenuItemMobile > i{width: 100%; height: 100%; display:block; font-style:normal; cursor:pointer;}
.nav-one > li a.topMenuItemMobile > i:after{font-family: 'Material Icons'; font-weight:bold; color:#434343; font-size: 20px; content: "add"; text-rendering: optimizeLegibility; display:inline-block; float:right;}
.nav-one > li.sel a.topMenuItemMobile > .icon:after{content: "remove"; color:#d57e0f;}

.nav-one > li .nav-two{display:none;}
.nav-one > li.sel .nav-two{display:block;}

.nav-two > li a.hypTopSubMenu > i{width: 100%; height: 100%; display:block; font-style:normal; cursor:pointer;}
.nav-two > li a.hypTopSubMenu > i:after{font-family: 'Material Icons'; font-weight: bold; font-style:normal; color:#434343; font-size: 18px; content: "add"; text-rendering: optimizeLegibility; display:inline-block; float:right;}
.nav-two > li.sel a.hypTopSubMenu > .icon:after{content: "remove"; color:#d57e0f;}

.nav-two > li .nav-three{display:none;}
.nav-two > li.sel .nav-three{display:block;}




/* DIRECTION CONTROLS (NEXT / PREV) */
ul.bxslider {padding:0px;}
.bx-wrapper .bx-viewport {
	box-shadow: none;
	border:  none;
	left: 0px;
	background: none;
}

.bx-wrapper .bx-prev {
	left: 10px;
	background: url(../../img/usr/mobile/pagination-prod-prev.png) no-repeat 0 0px;
}

.bx-wrapper .bx-next {
	right: 10px;
	background: url(../../img/usr/mobile/pagination-prod-next.png) no-repeat 0 0px;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 -80px;
}

.bx-wrapper .bx-next:hover {
	background-position: 0 -80px;
}

.bx-wrapper .bx-controls-direction a {z-index: 9;}