.scroll2top , .navbar-nav{ display: none !important; }
*{ box-sizing: border-box;text-align: center;}
.topHeader { position: relative; text-align: center; height: 745px; background: url(../images/bg_header.jpg) top center no-repeat; }
.topHeader .content { display: inline-block; transform: translateY(60px); }
.topHeader .content p { display: inline-block;transform: translateY(20px);  padding: 10px; font: bold 38px/38px "微軟正黑體","arial"; color: #000; background: #fff; }

.mainMenu { position: sticky; position: -webkit-sticky; top:0; text-align: center; background: #000  ; z-index: 99}
.mainMenu span { padding: 15px 30px;display: inline-block; cursor: pointer; }
.mainMenu span b { display: block; font: 24px/30px "微軟正黑體","arial"; text-align: center; color: #fff }
.mainMenu span small { display: block; font: 12px/12px "微軟正黑體","arial";text-align: center;color: #fff; letter-spacing: 2px }

.contentBase { position: relative; width: 100%; background: url(../images/bg_style1.jpg) top center no-repeat ; vertical-align: top }
.contentBase.bgStyle2 { background: url(../images/bg_style2.jpg) top center no-repeat ; }
.contentBase.backgroundWhite { background: #fff }
.contentBase.backgroundGray { background: #333 }

.contentBase.marginTop1 { padding: 80px 0 120px 0 }
.contentBase.marginTop2 { padding: 56px 0; }
.contentBase > .contentArea { margin: 0 auto; width: 80%; max-width: 1100px;text-align: left;
	letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ }
.contentBase > .contentArea .informationBox { display: inline-block;width: 70%; vertical-align: top}
.contentBase > .contentArea .informationBox.w60 { width: 60%; }
.contentBase > .contentArea .photo { display: inline-block; width: 40% }
.contentBase > .contentArea .photo img { width: 100%; }
.contentBase > .contentArea h2 { margin-bottom: 20px; font: 40px/40px "微軟正黑體","arial"; color: #fff;letter-spacing: 1px;text-align: center; }
.contentBase > .contentArea h2.colorBlack { color: #000 }
.contentBase > .contentArea p { font: 16px/24px "微軟正黑體","arial"; color: #fff; text-align: left; letter-spacing: 1px }
.contentBase > .contentArea p strong { color: #fff200 }
.contentBase > .contentArea p.colorBlack { color: #000 }

.Presentation {	
	letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}

.Presentation > div { display: inline-block; letter-spacing: normal; vertical-align: top }
.Presentation > .img { text-align: center; width: 60% }
.Presentation > .menu {margin-top:5%; text-align: left; width: 40% }
.Presentation > .menu h3 { margin-bottom: 10px; font: bold 28px/30px "微軟正黑體","arial";  color: #000; text-align: left; letter-spacing: 1px; }
.Presentation > .menu ul li { font: 16px/22px "微軟正黑體","arial";  color: #000 ; text-align: left; letter-spacing: 1px;}
.Presentation > .menu .imgMenu {
	text-align: left;
	margin-top:20px;
	letter-spacing: -0.31em; /* Webkit: collapse white-space between units */
    *letter-spacing: normal; /* reset IE < 8 */
    *word-spacing: -0.43em; /* IE < 8: collapse white-space between units */
    text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */
}
.Presentation > .menu .imgMenu span { margin: 0 5px 5px 0; }

.PresentationBox2 , .PresentationBox3 , .PresentationBox4 { display: none }


.PresentationMenu { margin-top: 20px; }
.PresentationMenu > div { margin:0 10px; }

.linkButton { margin-top:20px; text-align: left; }


.warning { font: 14px/20px "微軟正黑體","arial";color: #fff ; text-align: left; letter-spacing: 1px; }
.warning li { margin-bottom: 10px; text-align: left; list-style: disc; }

.warning2 { margin: 20px 0 20px 20px; font: 14px/20px "微軟正黑體","arial";color: #fff ; text-align: left; letter-spacing: 1px; }
.warning2 li { text-align: left; list-style: decimal; }
.warning2 strong { color: #fff200 }

.smallButtonArea { position: absolute; bottom: 20px;left: 0 ; width: 100%; text-align: center; }
.smallButton { display: inline-block; margin:0 auto; padding: 5px;  font: 14px/14px "微軟正黑體","arial";text-align: center;color: #fff; letter-spacing: 0; border: 1px solid #fff; cursor: pointer; z-index: 10}
.smallButton:hover  { background: rgba(255,255,255,0.3) }


@media only screen and (max-width: 1100px) {
.topHeader .content h1 img { width: 90% }
.Presentation .img > img { width: 100%; }

}


@media only screen and (max-width: 768px) {
.topHeader { padding: 10% 0 15% 0; height: auto; }
.topHeader .content { display: inline-block; transform: translateY(0px); }
.topHeader .content p { display: inline-block;transform: translateY(0px);  padding: 10px; font: 16px/20px "微軟正黑體","arial"; color: #000; background: #fff; }

.mainMenu { text-align: center; background: #000 }
.mainMenu span { padding: 2% 1% ;display: inline-block; cursor: pointer; }
.mainMenu span b { display: block; font: 14px/20px "微軟正黑體","arial"; text-align: center; color: #fff }
.mainMenu span small { display: block; font: 10px/10px "微軟正黑體","arial";text-align: center;color: #fff; letter-spacing: 0px }



.contentBase > .contentArea .informationBox { display: block;width: 100%; }
.contentBase > .contentArea .informationBox.w60 { width: 100%; }
.contentBase > .contentArea .photo { display: block; width: 100% }

.Presentation > .img { width: 100% }
.Presentation > .menu { width: 100% }
.Presentation  .menu .imgMenu span { display: inline-block; margin: 1%; width: 18%}
.Presentation  .menu .imgMenu span img { width: 100%; }

.PresentationMenu > div {margin:0 1%; width: 48% }
.PresentationMenu > div img { width: 100% }

.linkButton img { }


}

.contentArea table{
    margin: 10px auto;
}
.contentArea table tr th{
    background-color: #0A2F4A;
    color: #fff;
    font-weight: normal;
    text-align: center;
}
.contentArea table tr td,.contentArea table tr th{
    border: 1px solid #333;
    padding: 5px 20px;
    letter-spacing: 1px;
    font-size: 16px;
    width: 33%;
}

.contentArea table tr td{
    text-align: left;
    font-size: 15px;
}

.contentBase .contentArea ul.giftWarning li{
    list-style: disc;
    letter-spacing: 0px;
    text-align: left;
    font-size: 14px;
    line-height: 22px;
}