@charset "utf-8";

body {
	background: #FFFFFF;
	color: #595757;
	cursor: default;
	font-family: Arial, "微軟正黑體";
	margin: 0px;
	overflow-x: hidden;
}
a, a:link, a:visited, a:hover, a:active {
	color: #595757;
	/* for IE */
	hlbr: expression(this.onFocus = this.blur());
	/* for Firefox */
	outline: none;
	text-decoration: none;
}
a:hover { color: #9FA0A0; }
img { border: 0px; }
p { margin: 0px 0px -15px; }

.sectionH{
	margin-bottom:200px;
}

/* Bootstrap */
.container { width: 100%; }
.container, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
	padding-left: 0px;
	padding-right: 0px;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.col-height {
	display: table-cell;
	float: none;
	height: 100%;
}

/* common */
.alignCenter { text-align: center; }
.alignRight { text-align: right; }
.borderRadius3px {
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.cursorPointer { cursor: pointer; }
.floatClear { clear: both; }
.floatLeft { float: left; }
.floatRight { float: right; }
.inline { display: inline; }
.inlineBlock { display: inline-block; }
.nowrap { white-space: nowrap; }
.mobileHide { display: block; }
.mobileShow { display: none; }
.positionAbsolute { position: absolute; }
.positionRelative { position: relative; }

/* background */
.bgImgDark { background: url(../img/bg_dark.jpg); }
.bgImgGray { background: url(../img/bg_gray.jpg); }
.bgImgSilver { background: url(../img/bg_silver.jpg); }

/* fontColor */
.colorBlue { color: #0E55AA !important; }
.colorBrown { color: #C15C10; }
.colorGreen { color: #00A09A; }
.colorOrange { color: #E53310 !important; }
.colorRed { color: #A00013 !important; }
.colorWhite { color: #FFFFFF; }

/* fontSize */
.fontSize13px { font-size: 0.9375em; }
.fontSize15px { font-size: 1.0625em; }
.fontSize17px { font-size: 1.1875em; }
.fontSize19px { font-size: 1.3125em; }
.fontSize21px { font-size: 1.4375em; }
.fontSize23px { font-size: 1.5625em; }
.fontSize25px { font-size: 1.6875em; }
.fontSize27px { font-size: 1.8125em; }
.fontSize31px { font-size: 2.0625em; }
.fontSize37px { font-size: 2.4375em; }
.fontSize39px { font-size: 2.5625em; }
.fontSize41px { font-size: 2.6875em; }

/* fontOther */
.fontWeightBold { font-weight: bold; }
.letterSpacing1px { letter-spacing: 1px; }
.lineHeight25px { line-height: 1.5625em; }

/* loader */
#loader {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 2147483647;
	background: #FFFFFF;
}
#loader img { display: none; }

/* pageBackground */
#pageBackground {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: -1;
}
#pageBackground img { height: 100%; }

/* header */
#header {
	width: 100%;
	height: 90px;
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 98;
}
#logo {
	bottom: 15px;
	left: 35px;
	z-index: 99;
}
#mainMenu {
	bottom: 0px;
	right: 20px;
	z-index: 99;
}
.mainMenuItem {
	margin-left: 55px;
	padding: 15px 0px;
}
.mainMenuItem img { margin: 0px 25px; }
#mainMenuItemUnderline_01 { background: url(../img/header/underline_01.png) bottom repeat-x; }
#mainMenuItemUnderline_02 { background: url(../img/header/underline_02.png) bottom repeat-x; }
#mainMenuItemUnderline_03 { background: url(../img/header/underline_03.png) bottom repeat-x; }
#mainMenuItemUnderline_04 { background: url(../img/header/underline_04.png) bottom repeat-x; }
#mainMenuItemUnderline_05 { background: url(../img/header/underline_05.png) bottom repeat-x; }
#mainMenuItemUnderline_06 { background: url(../img/header/underline_06.png) bottom repeat-x; }
.mainMenuItemUnderline {
	width: 100%;
	height: 9px;
	bottom: 0px;
	left: 0px;
	z-index: 99;
	display: none;
}
#subMenu {
	top: 15px;
	right: 45px;
	z-index: 99;
}
#dropdownMenuButton {
	width: 52px;
	height: 45px;
	top: 0px;
	right: 0px;
	z-index: 98;
	padding: 12px;
	display: none;
}
#dropdownMenuButton img {
	width: 22px;
	margin: -2px 0px 0px 5px;
}
#headerShadow {
	width: 100%;
	height: 2px;
	bottom: -1px;
	left: 0px;
	z-index: 98;
	background: url(../img/shadow.png) bottom repeat-x;
}
#dropdownMenu {
	width: 50%;
	position: fixed;
	top: 45px;
	right: 0px;
	z-index: 97;
	background: url(../img/bg_silver.jpg);
	display: none;
}
.dropdownMenuItem { padding: 15px 30px 15px 40px; }
.dropdownMenuItem img { width: 80px; }
#dropdownMenuItemBorder_01 { background: url(../img/header/border_01.png) repeat-y; }
#dropdownMenuItemBorder_02 { background: url(../img/header/border_02.png) repeat-y; }
#dropdownMenuItemBorder_03 { background: url(../img/header/border_03.png) repeat-y; }
#dropdownMenuItemBorder_04 { background: url(../img/header/border_04.png) repeat-y; }
#dropdownMenuItemBorder_05 { background: url(../img/header/border_05.png) repeat-y; }
#dropdownMenuItemBorder_06 { background: url(../img/header/border_06.png) repeat-y; }
.dropdownMenuItemBorder {
	width: 10px;
	height: 100%;
	top: 0px;
	left: 0px;
	display: none;
}
#dropdownMenuDelimiter {
	width: 100%;
	height: 2px;
	background: url(../img/header/delimiter.png) repeat-x;
}
.dropdownMenuSubItem { padding: 20px 20px 20px 30px; }
.dropdownMenuSubItem img { width: 100px; }

/* cookie */
#cookie { padding: 10px 35px 0px 35px; }

/* back */
#back {
	position: fixed;
	bottom: 55px;
	right: 5px;
	z-index: 99;
}

/* imgLeftLayout */
.imgLeftLayoutImg {
	width: 670px;
	top: -45px;
	left: 35px;
	padding: 20px;
}
.imgLeftLayoutImgMarginTop { margin-top: 45px; }
.imgLeftLayoutImg img { width: 100%; }
.imgLeftLayoutInfo { padding: 45px 50px 45px 30px; }
.imgLeftLayoutTitle { margin-top: 15px; }
.imgLeftLayoutDelimiter {
	width: 2px;
	height: 39px;
	margin: -3px 10px 0px 10px;
	background: url(../img/index/method/delimiter.png) repeat-y;
}
.imgLeftLayoutTitleN { margin-top: -7px; }
.imgLeftLayoutSubTitle {
	margin-top: 5px;
	color: #00A09A;
}
.imgLeftLayoutContent { margin-top: 15px; }
.imgLeftLayoutContentImg {
	margin: 55px 0px 25px;
	text-align: center;
}
.imgLeftLayoutContentImg img { width: 95%; }
.imgLeftLayoutButton { margin-top: 25px; }

/* imgRightLayout */
.imgRightLayoutImg {
	width: 670px;
	top: -45px;
	right: 35px;
	padding: 20px;
}
.imgRightLayoutImgMarginTop { margin-top: 45px; }
.imgRightLayoutImg img { width: 100%; }
.imgRightLayoutInfo { padding: 45px 29px 45px 50px; }
.imgRightLayoutTitle { margin-top: 15px; }
.imgRightLayoutDelimiter {
	width: 2px;
	height: 39px;
	margin: -3px 10px 0px 10px;
	background: url(../img/index/hot/delimiter.png) repeat-y;
}
.imgRightLayoutTitleN { margin-top: -7px; }
.imgRightLayoutSubTitle {
	margin-top: 5px;
	color: #A00013;
}
.imgRightLayoutContent { margin-top: 15px; }
.imgRightLayoutContentImg {
	margin: 55px 0px 25px;
	text-align: center;
}
.imgRightLayoutContentImg img { width: 95%; }
.imgRightLayoutButton { margin-top: 25px; }

/* footer */
#footer {
	width: 100%;
	height: 50px;
	z-index: 98;
	text-align: center;
}
#copyright { padding-top: 16px; }
#footerShadow {
	width: 100%;
	height: 2px;
	top: 0px;
	left: 0px;
	z-index: 98;
	background: url(../img/footer/shadow.png) repeat-x;
}

/* Bootstrap */
@media (min-width: 1200px) {
}

@media (max-width: 1199px) and (min-width: 992px) {
}

@media (max-width: 991px) and (min-width: 768px) {
}

@media (max-width: 767px) {
}

/* Responsive Web Design */
@media screen and (min-width: 1441px) {
	/* Bootstrap */
	.container { width: 1440px; }

	/* header */
	#logo {	left: 90px; }
	#mainMenu { right: 90px; }
	#subMenu { right: 115px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg { left: 0px; }
	.imgLeftLayoutInfo { padding: 45px 20px 45px 0px; }

	/* imgRightLayout */
	.imgRightLayoutImg { right: 0px; }
	.imgRightLayoutInfo { padding: 45px 0px; }
}

@media screen and (max-width: 1440px) and (min-width: 1366px) {
	/* header */
	.mainMenuItem { margin-left: 35px; }
}

@media screen and (max-width: 1365px) and (min-width: 1280px) {
	/* header */
	.mainMenuItem { margin-left: 20px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg { width: 47%; }

	/* imgRightLayout */
	.imgRightLayoutImg { width: 47%; }
}

@media screen and (max-width: 1279px) and (min-width: 1024px) {
	/* fontSize */
	.fontSize13px { font-size: 0.8125em; }
	.fontSize15px { font-size: 0.9375em; }
	.fontSize17px { font-size: 1.0625em; }
	.fontSize19px { font-size: 1.1875em; }
	.fontSize21px { font-size: 1.3125em; }
	.fontSize23px { font-size: 1.4375em; }
	.fontSize25px { font-size: 1.5625em; }
	.fontSize27px { font-size: 1.6875em; }
	.fontSize31px { font-size: 1.9375em; }
	.fontSize37px { font-size: 2.3125em; }
	.fontSize39px { font-size: 2.4375em; }
	.fontSize41px { font-size: 2.5625em; }

	/* fontOther */
	.lineHeight25px { line-height: 1.4375em; }

	/* header */
	.mainMenuItem { margin-left: 0px; }
	.mainMenuItem img {
		width: 83px;
		margin: 0px 20px;
	}
	#subMenu { right: 40px; }
	.subMenuItem img { width: 86px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg { width: 47%; }
	.imgLeftLayoutContentImg { display: none; }

	/* imgRightLayout */
	.imgRightLayoutImg { width: 47%; }
	.imgRightLayoutContentImg { display: none; }
}

/* iPad */
@media screen and (max-width: 1023px) and (min-width: 768px) {
	/* pageBackground */
	#pageBackground img { width: 100%; }

	/* common */
	.mobileHide { display: none; }
	.mobileShow { display: block; }

	/* fontSize */
	.fontSize13px { font-size: 0.8125em; }
	.fontSize15px { font-size: 0.9375em; }
	.fontSize17px { font-size: 1.0625em; }
	.fontSize19px { font-size: 1.1875em; }
	.fontSize21px { font-size: 1.3125em; }
	.fontSize23px { font-size: 1.4375em; }
	.fontSize25px { font-size: 1.5625em; }
	.fontSize27px { font-size: 1.6875em; }
	.fontSize31px { font-size: 1.9375em; }
	.fontSize37px { font-size: 2.3125em; }
	.fontSize39px { font-size: 2.4375em; }
	.fontSize41px { font-size: 2.5625em; }

	/* fontOther */
	.lineHeight25px { line-height: 1.4375em; }

	/* header */
	#header { height: 45px; }
	#logo {
		bottom: 8px;
		left: 15px;
	}
	#logo img { width: 110px; }
	#mainMenu, #subMenu { display: none; }
	#dropdownMenu { width: 230px; }
	#dropdownMenuButton { display: block; }

	/* cookie */
	#cookie { padding: 10px 15px 0px 15px; }

	/* back */
	#back { bottom: 55px; }
    #back img { width: 60px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg {
		width: 55%;
		left: 0px;
		padding: 10px;
	}
	.imgLeftLayoutInfo { padding: 25px 40px 25px 68px; }
	.imgLeftLayoutSubTitle { color: #595757; }
	.imgLeftLayoutContent, .imgLeftLayoutContentImg { display: none; }
	.imgLeftLayoutButton { margin-top: 10px; }
	.imgLeftLayoutButton img { width: 80px; }

	/* imgRightLayout */
	.imgRightLayoutImg {
		width: 55%;
		right: 0px;
		padding: 10px;
	}
	.imgRightLayoutInfo { padding: 25px 68px 25px 40px; }
	.imgRightLayoutSubTitle { color: #595757; }
	.imgRightLayoutContent, .imgRightLayoutContentImg { display: none; }
	.imgRightLayoutButton { margin-top: 10px; }
	.imgRightLayoutButton img { width: 80px; }
}

/* Mobile */
@media screen and (max-width: 767px) {
	/* common */
	.mobileHide { display: none; }
	.mobileShow { display: block; }

	/* fontSize */
	.fontSize13px { font-size: 0.8125em; }
	.fontSize15px { font-size: 0.9375em; }
	.fontSize17px { font-size: 1.0625em; }
	.fontSize19px { font-size: 1.1875em; }
	.fontSize21px { font-size: 1.3125em; }
	.fontSize23px { font-size: 1.4375em; }
	.fontSize25px { font-size: 1.5625em; }
	.fontSize27px { font-size: 1.6875em; }
	.fontSize31px { font-size: 1.9375em; }
	.fontSize37px { font-size: 2.3125em; }
	.fontSize39px { font-size: 2.4375em; }
	.fontSize41px { font-size: 2.5625em; }

	/* fontOther */
	.lineHeight25px { line-height: 1.4375em; }

	/* header */
	#header { height: 45px; }
	#logo {
		bottom: 8px;
		left: 15px;
	}
	#logo img { width: 110px; }
	#mainMenu, #subMenu { display: none; }
	#dropdownMenuButton { display: block; }

	/* cookie */
	#cookie { padding: 10px 15px 0px 15px; }

	/* back */
	#back { bottom: 35px; }
    #back img { width: 60px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg {
		width: 55%;
		top: -25px;
		left: 0px;
		padding: 10px;
	}
	.imgLeftLayoutImgMarginTop { margin-top: 25px; }
	.imgLeftLayoutInfo { padding: 20px 20px 20px 30px; }
	.imgLeftLayoutTitle { margin-top: 5px; }
	.imgLeftLayoutTitleS img { height: 18px; }
	.imgLeftLayoutDelimiter {
		height: 26px;
		margin: -1px 5px 0px 5px;
	}
	.imgLeftLayoutTitleN { margin-top: -3px; }
	.imgLeftLayoutSubTitle { color: #595757; }
	.imgLeftLayoutContent, .imgLeftLayoutContentImg { display: none; }
	.imgLeftLayoutButton img { width: 80px; }

	/* imgRightLayout */
	.imgRightLayoutImg {
		width: 55%;
		top: -25px;
		right: 0px;
		padding: 10px;
	}
	.imgRightLayoutImgMarginTop { margin-top: 25px; }
	.imgRightLayoutInfo { padding: 20px 10px 20px 20px; }
	.imgRightLayoutTitle { margin-top: 5px; }
	.imgRightLayoutTitleS img { height: 18px; }
	.imgRightLayoutDelimiter {
		height: 26px;
		margin: -1px 5px 0px 5px;
	}
	.imgRightLayoutTitleN { margin-top: -3px; }
	.imgRightLayoutSubTitle { color: #595757; }
	.imgRightLayoutContent, .imgRightLayoutContentImg { display: none; }
	.imgRightLayoutButton img { width: 80px; }

	/* footer */
	#footer { height: 30px; }
	#copyright { padding-top: 6px; }
	#owner, #designer { display: none; }
}

@media screen and (max-width: 480px) {
	.fontSize21px { font-size: 0.8em; }
	.fontSize27px { font-size: 1em; }
	
}

@media screen and (max-width: 320px) {
	/* header */
	.dropdownMenuItem img { width: 80px; }

	/* imgLeftLayout */
	.imgLeftLayoutImg { top: -15px; }
	.imgLeftLayoutImgMarginTop { margin-top: 15px; }
	.imgLeftLayoutInfo { padding: 20px 14px 20px 25px; }

	/* imgRightLayout */
	.imgRightLayoutImg { top: -15px; }
	.imgRightLayoutImgMarginTop { margin-top: 15px; }
	.imgRightLayoutInfo { padding: 20px 0px 20px 15px; }
}