body {padding: 0;margin-right: 0;margin-top: 0;margin: 0;font-size: 14pt;font-family: "微軟正黑體","Ariel";background-color: #f5f5f5}

/*文字輸入框內的提示文字樣式*/
::placeholder {color: #b5b5b6;opacity: 1; /* Firefox */}
:-ms-input-placeholder { /* Internet Explorer 10-11 */color: #b5b5b6;}
::-ms-input-placeholder { /* Microsoft Edge */color: #b5b5b6;}
input {color: #595959;font-family: MyCustomFont, sans-serif;font-style: normal;font-size: 1em;}
input:focus {outline: none}
select:focus {outline: none}
textarea:focus {outline: none}
/*圖片輪播*/
#owl-demo .item img {display: block;width: 100%;height: auto;}
/*需要水平置中排列的項目*/
.divCenterGroup {width: 100%;text-align: center;padding-top:20px; padding-bottom:20px;}
.divCenterGroup span {display: inline-block;margin: 0 4px;padding: 8px 8px;height:30px;}
.divCenterGroup span img{height:25px;}
/*首頁展示區塊*/
#divGroupItemsBox{width:100%; padding-bottom:50px;}
#divGroupItemsBox .divGroupItems{ padding-top: 50px;}
#divGroupItemsBox .divGroupItems .divGroupItemsTitle{font-size: 24px; color: #434343; font-weight: bold; line-height: 50px; width: 100%; text-align:center;padding-bottom:10px}
#divGroupItemsBox .divGroupItems .divGroupItemsTitle span{display:block; width:180px; height:3px; margin:0 auto;}
#divGroupItemsBox .divGroupItems .Items{float: left; padding: 0.5%; line-height: 0;}
#divGroupItemsBox .divGroupItems .Items:hover{transition: all 240ms ease-in-out; box-shadow:6px 6px 20px rgba(0, 0, 0, 0.4);}







@media (min-width: 1025px) {
	/*Master上方Header*/
	#divHeaderBox{width:100%; height:50px;position:fixed; background-image:url(../Images/BG/BG_Header.png); top:0px; z-index:999;}
	#divHeader{width:98%; padding-left:1%;padding-right:1%; max-width:1700px;margin:0px auto;height:50px;}
	#divHeaderCtrl{display:none}
	#divHeaderCtrl  img{}
	#divHeaderAcc{float:right;margin-right:18px; margin-top:60px;}
	#divHeaderAcc img{cursor: pointer;width:30px;display:block}
	#divHeaderShop{float:right;margin-right:10px; margin-top:60px;}
	#divHeaderShop img{cursor: pointer;width:30px;}
	#divHeaderShop span{cursor: pointer;display:block; float:right;margin-top:5px;padding-left:5px;}
	#divShopTitle{width:100%; max-width:959px;margin:0px auto;height:60px; color:#000000;font-weight:bold;font-size:20pt;line-height:60px; text-align:center}
	#divLogoTitle{float:left; margin-top:5px;font-weight:bold;color:#ffffff;font-size:16pt;}
	#divLogoTitle img{height:40px; float:left}
	#divLogoTitle a{color:#434343;}
	#divLogoTitle a span{line-height:40px;display:block;float:left; margin-left:5px;}
	/*Master上方選單*/
	#divHeaderMenuBox{width:100%;height:50px;position:fixed; background-image:url(../Images/BG/BG_Header.png); top:50px;z-index:998 }
	#divHeaderMenu{width:98%; padding-left:1%;padding-right:1%;max-width:1700px;margin:0px auto;}
	#divAccountInfo{display:none}
	#divAccountInfo span{display: inline-block;vertical-align:top;margin-left:10px;text-align: center;}
	#divAccountInfo img{}
	#divHeaderMenu #divMenu{}
	#divMenuulBox{}
	#divMenuulBox>ul{width:100%; list-style: none;height:50px;}
	#divMenuulBox>ul>li{ padding-left:15px;padding-right:15px;float:left;}
	#divMenuulBox>ul>li:first-child{padding-left:0px;}
	#divMenuulBox>ul>li>a{color:#434343;text-decoration:none;cursor: pointer; display:block;line-height:50px;}
	#divMenuulBox>ul>li:hover>a{}
	#divMenuulBox>ul>li>a:hover{}
	#divMenuulBox>ul>li div{height:0px; overflow:hidden;position:absolute;transition: all 240ms ease-in-out;background-image:url(../Images/BG/BG_Header.png);}
	#divMenuulBox>ul>li .active{box-shadow:6px 6px 20px rgba(0, 0, 0, 0.4);}
	#divMenuulBox>ul>li div ul li{padding-left:15px;padding-right:15px;}
	#divMenuulBox>ul>li div ul li a{color:#434343;text-decoration:none;cursor: pointer; display:block;line-height:50px;}
	/*底部*/
	#divMenuFooterBox{width:100%;height:100px;padding-top:15px;padding-bottom:15px ;line-height:30px;font-size:10pt;background-color:#434343}
	#divMenuFooter{width:98%; padding-left:1%;padding-right:1%; max-width:1700px;margin:0px auto;}
	#divFooterCommunity{width:100%;height:30px;text-align:center;}
	#divFooterCommunity a {display: inline-block;margin: 0 4px;}
	#divFooterCommunity a img{height:30px;}
	#divFooterLink{width:100%;height:30px;text-align:center;}
	#divFooterLink a {display: inline-block;margin: 0 4px;color:#ffffff}
	#divFooterLink span {display: inline-block;margin: 0 4px;color:#ffffff}
	#divFooterInfo{width:100%;text-align:center;color:#ffffff}
	/*主體*/
	#divCenterBox{width:100%;margin-top:100px; }
	#divCenter{width:100%;max-width:959px;margin:0px auto;font-size:12pt;}
	#divCenter .title{line-height:30px; font-size:14pt;}
	#divCenter ul li{ line-height:45px;width:96%;padding-left:2%;padding-right:2%;text-align:center;border-bottom:solid 1px #ffffff;}
	#divCenter ul li a{color:#ffffff;text-decoration:none;cursor: pointer;}
	#divCenter ul li a:hover{color:#ebeae8}
	.divHeader{width:98%; margin:0px auto;background-color:#3f3f3f;color:#ffffff;line-height:40px;}
	.divHeader a{text-decoration:underline;display:block;color:#ffffff;cursor: pointer;}
	.divHeader a.aSelect{color:#d42b30}
	.divHeader .divItemsLeft{float:left;height:40px;border-bottom:solid 1px #3f3f3f}
	.divHeader .divItemsRight{float:right;height:40px;border-bottom:solid 1px #3f3f3f}
	/*選課選單*/
	#divGroupPart{width:98%; margin:0px auto; padding-top:20px;padding-bottom:50px;}
	#divGroupPart .divGroupBoxL1{width:100%;border-radius:5px;margin-bottom:10px;background-color:#ffffff}
	#divGroupPart .divGroupBoxL1 .divGroupBoxL1Title{width:96%;padding-left:2%;padding-right:2%;line-height:40px;height:40px;border-bottom:solid 1px #bebebe}
	#divGroupPart .divGroupBoxL1 .divGroupBoxL1Content{width:98%;padding:1%;}
	#divGroupPart .divGroupBoxL2{width:98%;padding:1%;}
	#divGroupPart .divGroupBoxL2 .divGroupBoxL2Title{width:96%;padding-left:2%;padding-right:2%;line-height:40px;height:40px;}
	#divGroupPart .divGroupBoxL2 .divGroupBoxL2Content{width:98%;padding:1%;}
	#divGroupPart .divGroupContentItems{margin:1%;float:left;border:dotted 1px #bebebe;width:22.5%;border-radius:5px;}
	#divGroupPart .divGroupContentItems a{display:block; width:98%;padding:1%;cursor: pointer;color:#434343;float:left}
	#divGroupPart .divGroupContentItems a:hover{transition: all 240ms ease-in-out; box-shadow:6px 6px 20px rgba(0, 0, 0, 0.4);}
	#divGroupPart .divGroupContentItems a:hover span{transition: all 240ms ease-in-out;font-size:1.2em;}
	#divGroupPart .divGroupContentItems .Selt{border:solid 3px #3fba8f;border-radius:5px;}
	#divGroupPart .divGroupContentItems .divGroupContentItemsImg{width:100%;height:230px;text-align:center;display:flex; align-items:center}
	#divGroupPart .divGroupContentItems .divGroupContentItemsImg img{max-width:100%;max-height:230px;}
	#divGroupPart .divGroupContentItems .divGroupContentItemsTitle{/*width:98%;*/padding-left:1%;padding-right:1%;line-height:150%;color:#434343;height:70px;overflow:hidden;display:table;margin:0px auto;}
	#divGroupPart .divGroupContentItems .divGroupContentItemsTitle span{vertical-align:middle;display:table-cell;height:70px}
	#divGroupPart .divGroupContentItems .divGroupContentItemsPrice{width:98%;padding-left:1%;padding-right:1%;line-height:150%;color:#bd0000;height:35px;overflow:hidden;text-align:center}
	/*最新消息*/
	#divNewsBox{width:100%; padding-bottom:50px;padding-top: 50px;}
	#divNewsBox .divTitle{font-size: 24px; color: #434343; font-weight: bold; line-height: 50px; width: 100%; text-align:center;padding-bottom:10px}
	#divNewsBox .divTitle span{display:block; width:180px; height:3px; margin:0 auto;}
	#divNewsBox .divNewsClas .Items{float:left; margin:0.5%; width:24%;height:0; padding-bottom: 25%;background-size:100% 100%;background-color: rgba(255, 255, 255, 0.2);background-blend-mode: screen; position:relative; background-repeat:no-repeat;background-position:center;transition: all 240ms ease-in-out;}
	#divNewsBox .divNewsClas .Items:nth-child(1){width:49%;padding-bottom: 50%;}
	#divNewsBox .divNewsClas .Items:nth-child(2){width:49%;padding-bottom: 50%;}
	#divNewsBox .divNewsClas .Items:hover{background-size:115% 115%; background-color: rgba(255, 255, 255, 0.6);}
	#divNewsBox .divNewsClas .Items .ItemsDecBox{background-image:url(../Images/BG/BG_Header.png);width:100%;height:50px;position:absolute;bottom:0px;overflow:hidden;transition: all 240ms ease-in-out;}
	#divNewsBox .divNewsClas .Items .ItemsDecBox .dec{color:#434343;font-size:20px; width:96%;padding-left:2%;padding-right:2% ;line-height:50px;text-align:center;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
	#divNewsBox .divNewsClas .Items .ItemsDecBox .intr{ color:#434343;width:96%;padding:2%;line-height:150%;height:35px;text-overflow:ellipsis;overflow:hidden; margin-bottom:20px;}
	#divNewsBox .divNewsClas .Items .ItemsDecBox .btn{width:100%;height:30px; padding-bottom:5px;padding-top:5px;}
	#divNewsBox .divNewsClas .Items .ItemsDecBox .btn a{display:block;width:100px;height:28px;line-height:28px;border:solid 1px #434343;color:#434343;margin:0px auto; text-align:center}
	#divNewsBox .divNewsClas .Items:hover .ItemsDecBox{height:165px;}
}


/*第二層控制浮動視窗*/
#divSearchMaskFrame {background-color: #F2F4F7; display: none; left: 0px; position: absolute; top: 0px;}
#DivSearchFormBox{display: none; position: fixed; width:100%;  z-index: 1100;left:0px }
#DivSearchForm{max-width: 500px; width:95%;margin:0px auto;background-color: #f0f0f0; border: solid 1px #3dba90;border-radius:5px; margin:0px auto;line-height:150%;}
#divSearchClose{width:96%; height:30px;padding:2%; padding-top:10px; padding-bottom:10px; line-height:30px; font-weight:bold}
#divSearchClose a{ display:block; width:30px; height:30px; background-image:url(../images/Btn/btn_Close.png);cursor: pointer; float:right;background-size:30px 30px;}
#divSearchClose a:hover{background-image:url(../images/Btn/btn_CloseOn.png)}
#aSearchClose{display:block;  cursor: pointer; background-color:#3dba90;color:#ffffff; margin:0px auto;border-radius:5px;text-align:center; line-height:40px; margin-top:10px;}
#aSearchClose:hover{background-color:#37a782;}
#DivList .Items{width:100%;line-height:150%;padding-bottom:10px;}
#DivList .Items input[type='number']{padding-left:10px; padding-right:10px; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
#aBtnLeft{display:block;  cursor: pointer; background-color:#3dba90;color:#ffffff; margin:0px auto;border-radius:5px;text-align:center; line-height:40px; margin-top:10px; float:left;width:45%;}
#aBtnLeft:hover{background-color:#37a782;}
#aBtnRight{display:block;  cursor: pointer; background-color:#39399e;color:#ffffff; margin:0px auto;border-radius:5px;text-align:center; line-height:40px; margin-top:10px; float:right;width:45%;}
#aBtnRight:hover{background-color:#6a6ae1;}

#aBtnLeft1{display:block;  cursor: pointer; background-color:#3dba90;color:#ffffff; margin:0px auto;border-radius:5px;text-align:center; line-height:40px; margin-top:10px; float:left;width:45%;}
#aBtnLeft1:hover{background-color:#37a782;}
#aBtnRight1{display:block;  cursor: pointer; background-color:#bd0000;color:#ffffff; margin:0px auto;border-radius:5px;text-align:center; line-height:40px; margin-top:10px; float:right;width:45%;}
#aBtnRight1:hover{background-color:#9c0000;}
#DivSearchForm input[type='text']{border:solid 1px #3dba90; background-color:#ffffff;border-radius:5px; padding:5px; width:90%; }
#DivSearchForm select{border:solid 1px #3dba90; background-color:#ffffff;border-radius:5px; padding:5px; }


#divFooterBox{width:100%; height:60px;position:fixed;background-color:#3f3f3f; z-index:999;bottom:0px;}
#divFooter{width:100%; max-width:959px;margin:0px auto;height:20px; margin-top:15px;}
#divFooter font{float:right; margin-right:5px;color:#ffffff;line-height:28px;}
#divFooter .divShow{float:right;margin-right:5px;padding:5px;border-radius:5px;background-color:#ffffff;color:#d42b30;width:70px;text-align:center}
/*歡迎詞*/
#divWelcome{padding:2%; width:96%;padding-bottom:50px;}
#divWelcome img {max-width: 100%}
#divWelcome .fontWelcomeTitle{font-size:24px; color:#486996;line-height:32px;font-weight:bold; padding-bottom:10px;padding-top:20px;}
#divWelcome .fontWelcomeContent{line-height:150%;padding-bottom:20px; }
#divWelcome .fontWelcomeContent td{vertical-align:top}
#divWelcome .fontWelcomeContent ul{list-style:circle;}
#divWelcome .fontWelcomeContent ul li{border-bottom:solid 1px #ffffff; text-align:left;margin-left:6%; width:92%;line-height:150%;}
#divWelcome ul li a{color:#ffffff;cursor: pointer;}
#divWelcome ul li a:hover{color:#ebeae8}
#divWelcome .divAccountCtrlRow{width:100%; margin-top:20px;line-height:150%;} 
#divWelcome .divAccountCtrlRow input[type='text']{ width:95%; padding-left:2%; padding-right:2%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
#divWelcome .divAccountCtrlRow input[type='number']{ width:95%; padding-left:2%; padding-right:2%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
#divWelcome .divAccountCtrlRow input[type='date']{ width:95%; padding-left:2%; padding-right:2%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
#divWelcome .divAccountCtrlRow select{ width:100%; padding-left:2%; padding-right:2%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;font-size:1em}
#divWelcome .divAccountCtrlRow textarea{  width:95%; padding-left:2%; padding-right:2%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;resize:none;font-size:1em}
#divWelcome .divAccountCtrlRow #divBlacklistTitle{font-weight:bold; font-size:18pt; width:95%; margin:0px auto;}
#divWelcome .divAccountCtrlRow .divBlacklist{width:90%; margin:0px auto; margin-top:10px; margin-bottom:10px; }
#divWelcome .divAccountCtrlRow .divBlacklist .divBlacklistContect{margin-left:10px;}
#divWelcome .divAccountCtrlRow .divBlacklist .divBlacklistTitle font{float:left}
#divWelcome .divAccountCtrlRow .divBlacklist .upd{border-radius:5px; padding:2px;display:block;background-color:#3dba90; width:30px; height:20px; line-height:20px;cursor: pointer;float:left;text-align:center; color:#ffffff; margin-left:10px;}
#divWelcome .divAccountCtrlRow .divBlacklist .upd:hover{background-color:#1e9a70;}
#divCtrl{text-align:center;width:100%; margin-top:35px}
#divCtrl .btn{cursor: pointer;border-radius:5px; padding:5px;color:#ffffff;float:right;border:none; float:right; margin-right:10px; width:100px;height:25px;line-height:25px;}
#divCtrl .btn:hover{}



#divCalendar{padding:2%; width:96%;padding-bottom:50px;}
#divCalendar .divCalendarItems{width:90%;margin:0px auto; margin-bottom:10px;}
#divCalendar .divCalendarItems a{color:#486996;line-height:150%; width:100%;display:block; width:100%;border:dotted 1px #7f96b6;padding:2%; width:90%;border-radius:5px;cursor: pointer;}
#divCalendar .divCalendarItems a:hover{color:#ffffff;background-color:#486996}
#divCalendar .divCalendarItems .UserClass{background-color:#e9e9e9}
#divCalendar .divCalendarItems .UserClass:hover{background-color:#bfbfbf;color:#486996}
#divCalendar .divCalendarItems .aBox{color:#486996;line-height:150%; width:100%;display:block; width:100%;border:dotted 1px #7f96b6;padding:2%; width:90%;border-radius:5px;cursor: pointer;}
#divCalendar .divCalendarItems .aBox:hover{color:#ffffff;background-color:#486996}
#divCalendar .divCalendarItems .aBox a{clear:both}
#divCalendar .tip { width:95%;margin:0px auto; padding-bottom:15px; line-height:150%;color:#bebebe;font-size:12pt;}

/*月曆*/
#divCalendarBox{padding:2%; width:96%;padding-bottom:50px;}
#divCalendarBox #divCalendarA{width:100%; background-color:#e3e3e3;border-top-right-radius:5px;border-top-left-radius:5px;}
#divCalendarBox #divCalendarA .divCalendarA{width:100%;}
#divCalendarBox #divCalendarA .divCalendarA .divDateA{width:13.085%; margin:0.3%;padding:0.3% ; float:left; height:150px; background-color:#ffffff}
#divCalendarBox #divCalendarA .divCalendarA .divDateA a{display:block;cursor: pointer;height:150px}
#divCalendarBox #divCalendarA .divCalendarA .divDateA .divCourse{border-radius:5px; width:100%;border:solid 1px #ffffff;white-space:nowrap;overflow:hidden}
#divCalendarBox #divCalendarA .divCalendarA .divDateA .divCourse a{font-size:8pt;display:initial;font-weight:bold}
#divCalendarBox #divCalendarA .divCalendarA .divWeekA{width:13.085%; margin:0.3%;padding:0.3% ; float:left; height:50px; line-height:50px; text-align:center;font-weight:bold}
#divCalendarBox #divCalendarA .divCalendarA .divTitleA{border-radius:5px;width:95%;padding:2.5%; padding-bottom:0px; padding-top:0px; height:45px; line-height:45px; background-color:#e9e9e9;font-weight:bold;text-align:center}
#divCalendarBox #divCalendarA .divCalendarA .divTitleA #btnLastA{border-radius:5px;display:block;background-color:#d6d6d6; float:left; width:31px; height:31px; line-height:31px; margin-top:7px; text-align:center;color:#333333}
#divCalendarBox #divCalendarA .divCalendarA .divTitleA #btnNextA{border-radius:5px;display:block;background-color:#d6d6d6; float:right; width:31px; height:31px; line-height:31px; margin-top:7px; text-align:center;color:#333333}
#divCalendarBox #divCalendarA .divCalendarA .divTitleA #btnLastA:hover{background-color:#f6f6f6}
#divCalendarBox #divCalendarA .divCalendarA .divTitleA #btnNextA:hover{background-color:#f6f6f6}


/*Master購買清單*/
#divShopItemsBox{width:100%;height:0px;position:absolute;top:60px;left:0px;z-index:1000 }
#divShopItems{width:100%;max-width:959px;margin:0px auto;}
#divShopItems #divShop{width:0px;overflow:hidden; padding:0px;float:right;background-color:#ffffff;overflow:hidden;}

#divSearchBox{width:100%;height:0px;position:absolute;top:60px;left:0px; }
#divSearch{width:100%;max-width:959px;height:60px;margin:0px auto;background-color:#ffffff}
#divSearch input{width:90%; margin-top:10px; padding-left:2%; padding-right:2%; margin-left:2.85%; height:35px;border:solid 1px #acabab; color:#595959;border-radius:5px;}

/*所有功能列表統一控制*/
#divShowList { width:95%; margin-left:10px; margin-top:15px;}
#divShowList .tip { width:100%; line-height:150%;color:#bebebe;font-size:12pt;}
#divShowList .divObject { width:100%; min-height:29px; padding-top:5px; padding-bottom:5px; border-bottom:solid 1px #eee;font-size:12pt;}
#divShowList .divObject .divTd{ min-height:29px; display:table-cell; vertical-align:middle;}
#divShowList .divObject .divColumn0 { float:left; padding-left:5px;height:30px; line-height:150%;overflow:hidden}
#divShowList .divObject .divColumn1 { float:left; line-height:150%;}
#divShowList .divObject .divColumnTitle { float:left; line-height:150%;}
#divShowList .divObject .divRColumn0 { float:right; text-align:center; padding-right:5px; line-height:150%;}
#divShowList .divObject .divRColumn1 { float:right; text-align:center; line-height:150%;}

#divShowList .divHeader { width:100%; height:29px; padding-top:5px; padding-bottom:5px; border-bottom:solid 1px #eee; line-height:29px; background-color:#ffffff;color:#000000;font-size:12pt;}
#divShowList .divHeader .divColumn0 { float:left; padding-left:5px;}
#divShowList .divHeader .divColumn1 { float:left;}
#divShowList .divHeader .divColumnTitle { float:left;}
#divShowList .divHeader .divRColumn0 { float:right; text-align:center; height:29px; padding-right:15px;}
#divShowList .divHeader .divRColumn1 { float:right; text-align:center; height:29px;}

#divShowList a{text-decoration:none;cursor: pointer;color:#ffffff}
#divShowList .divObject img{max-height:29px;max-width:29px;margin-right:5px;}
#divShowList .divHeader img{max-height:29px;cursor: pointer;}

#divShowList  .Blue1{color:#3b5998;}
#divShowList  .Blue2{color:#336699}
#divShowList  .Gray1{color:#444444;}
#divShowList  .WidthL01{width:150px;}
#divShowList  .WidthR01{width:70px;}
#divShowList  .WidthR03{width:50px;}
#divShowList  .WidthL03{width:200px;}
#divShowList  .WidthR02{width:100px;}
#divShowList .aBtn{display:block; cursor: pointer; background-color:#e1e1e1;border:solid 1px #cfcfcf;color:#454545; margin:0px auto; width:100%;border-radius:5px;text-align:center; line-height:29px;}
#divShowList .aBtn:hover{background-color:#e5f1fb;border:solid 1px #6fafe3;text-decoration:none}
#divShowList .del{border-radius:5px; padding:2px;display:block;background-color:#bd0000;}
#divShowList .del:hover{background-color:#9c0000;}
#divShowList .upd{border-radius:5px; padding:2px;display:block;background-color:#3dba90;}
#divShowList .upd:hover{background-color:#1e9a70;}
#divShowList .red{border-radius:5px; padding:2px;display:block;background-color:#bd0000;}
#divShowList .red:hover{background-color:#9c0000;}
#divShowList select{border-radius:2px; padding:2px; }


#divSubPageTitle{width:90%;padding-left:5%;padding-right:5%; border-bottom:solid 1px #bebebe;height:50px; line-height:50px;font-size:18pt;font-weight:bold}
#divSubPageSubTitle{width:90%;padding-left:5%;padding-right:5%; height:30px; line-height:30px;font-size:10pt; margin-top:10px;}
#divSubPageSubTitle .divClas{height:30px;padding-left:5px;padding-right:5px;color:#ffffff;float:left}
#divSubPageSubTitle .divDate{height:30px; float:left; margin-left:10px; padding-left:20px;background-image:url("../Images/Icon/icon_date.png");background-repeat:no-repeat;background-position:left center;color:#a0a0a0}
#divSubPageSubTitle .divShare{height:30px;margin-right:-10px;color:#ffffff;float:right;margin-top:3px;}
#divSubPageFooterTip{width:95%;padding-left:5%; border-bottom:solid 1px #bebebe;line-height:150%;padding-bottom:10px; padding-top:10px;}
#divCalendarEditor{ width:96%; margin:0px auto; margin-top:10px; padding-bottom:50px;}
#divCalendarTitle{width:97%;padding-left:3%; line-height:150%;font-size:14pt}
#divCalendarChild{width:95%;padding-left:3%; line-height:150%;font-size:14pt; margin-top:20px;}
#divCalendarChild .divCalendarChildItems{width:100%; line-height:150%; margin-bottom:10px; font-size:18pt;}
#divCalendarChild .divCalendarChildItems input[type=checkbox]{zoom:160%}
#divCalendarChild #divTable{width:95%;padding-left:3%; line-height:150%;font-size:14pt; margin-top:5px; height:45px;}
#divCalendarChild #divTable .btn{display:block;padding:5px;border-radius:5px;font-weight:bold; line-height:30px; height:30px;color:#616161; float:left;margin-right:10px;}
#divCalendarChild #divTable .hover{background-color:#d1f0e5;color:#3DBA91}
@media (min-width: 745px) {
    .divHeader .divItemsLeft{}
    .divHeader .divItemsRightPic{float:right;height:40px;border-bottom:solid 1px #3f3f3f}
}
@media (max-width: 744px) {
    .divHeader .divItemsLeft{width:100%;border-bottom:solid 1px #ffffff }
    .divHeader .divItemsRight{width:100%;border-bottom:solid 1px #ffffff }
    .divHeader .divItemsRightPic{display:none}
}
.divHeader .divItemsLeft .divNo{float:left;border-right:solid 1px #ffffff; text-align:center;width:100px;}
.divHeader .divItemsLeft .divDec{float:left;padding-left:5px;border-right:solid 1px #ffffff; text-align:center;}
@media (min-width: 745px) {
.divHeader .divItemsLeft .divSuper{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divQP{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divSB{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divSC{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divMB{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divSP{float:left;border-right:solid 1px #ffffff; text-align:center; width:60px;}
.divHeader .divItemsLeft .divPis {float: left;border-right:solid 1px #ffffff; text-align: center;width: 60px; }
}
@media (max-width: 744px) {
.divHeader .divItemsLeft .divSuper{float:left; text-align:center; width:14%;}
.divHeader .divItemsLeft .divQP{float:left;border-right:solid 1px #ffffff; text-align:center; width:16.6%;}
.divHeader .divItemsLeft .divSB{float:left;border-right:solid 1px #ffffff; text-align:center; width:16.6%;}
.divHeader .divItemsLeft .divSC{float:left;border-right:solid 1px #ffffff; text-align:center; width:16.6%;}
.divHeader .divItemsLeft .divMB{float:left;border-right:solid 1px #ffffff; text-align:center; width:16.6%;}
.divHeader .divItemsLeft .divSP{float:left;border-right:solid 1px #ffffff; text-align:center; width:16.6%;}
.divHeader .divItemsLeft .divPis {float: left;border-right:solid 1px #ffffff; text-align: center;width: 16.6%; }
}
.divHeader .divItemsRightPic .divPic{float:right; text-align:center; width:120px;}

.divItemsCenter{width:98%; margin:0px auto;line-height:150%;overflow:auto;font-size:12pt;}
.divItemsCenter{width:98%; margin:0px auto;background-color:#ffffff;color:#000000;line-height:40px;}
.divItemsCenter a{text-decoration:underline;display:block;color:#ffffff;cursor: pointer;}
.divItemsCenter .divItemsLeft{float:left;height:40px;border-bottom:solid 1px #3f3f3f}
.divItemsCenter .divItemsRight{float:right;height:40px;border-bottom:solid 1px #3f3f3f}
.divItemsCenter .AppIcon{float:left;width:31%;margin:1%;display:block}
.divItemsCenter .AppIcon img{max-width:100%;}

@media (min-width: 745px) {
    .divItemsCenter .divItemsLeft{}
}
@media (max-width: 744px) {
    .divItemsCenter .divItemsLeft{width:100%;border-bottom:solid 1px #3f3f3f }
    .divItemsCenter .divItemsRight{width:100%;border-bottom:solid 1px #3f3f3f }
}
.divItemsCenter .divItemsLeft .divNo{float:left;border-right:solid 1px #3f3f3f; text-align:center;width:100px;}
.divItemsCenter .divItemsLeft .divDec{float:left;padding-left:5px;border-right:solid 1px #3f3f3f; text-align:center;white-space:nowrap;overflow:hidden}
@media (min-width: 745px) {
.divItemsCenter .divItemsLeft .divSuper{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divQP{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divSB{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divSC{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divMB{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divSP{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:60px;}
.divItemsCenter .divItemsLeft .divPis {float: left;border-right:solid 1px #3f3f3f; text-align: center;width: 60px; }
.divItemsCenter .divItemsRight .divPic{float:right; text-align:center; width:120px;}
.divItemsCenter .divItemsRight .divPic input{float:right;margin-right:8px;margin-top:3px;padding:5px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
.divItemsCenter .divItemsRight .divPic .del{float:right;margin-right:8px;margin-top:8px;display:block;height:20px;width:20px;background-color:#d42b30;border-radius:10px;color:#ffffff;text-decoration:none;line-height:20px;text-align:center}
}
@media (max-width: 744px) {
.divItemsCenter .divItemsLeft .divSuper{float:left; text-align:center; width:14%;}
.divItemsCenter .divItemsLeft .divQP{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:16.6%;}
.divItemsCenter .divItemsLeft .divSB{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:16.6%;}
.divItemsCenter .divItemsLeft .divSC{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:16.6%;}
.divItemsCenter .divItemsLeft .divMB{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:16.6%;}
.divItemsCenter .divItemsLeft .divSP{float:left;border-right:solid 1px #3f3f3f; text-align:center; width:16.6%;}
.divItemsCenter .divItemsLeft .divPis {float: left;border-right:solid 1px #3f3f3f; text-align: center;width: 16.6%; }
.divItemsCenter .divItemsRight .divPic{float:right; text-align:center; width:140px; margin-right:18px;}
.divItemsCenter .divItemsRight .divPic input{float:right;margin-right:18px;margin-top:3px;padding:5px;border:solid 1px #acabab; color:#595959;border-radius:5px;}
.divItemsCenter .divItemsRight .divPic .del{float:right;margin-right:18px;margin-top:8px;display:block;height:20px;width:20px;background-color:#d42b30;border-radius:10px;color:#ffffff;text-decoration:none;line-height:20px;text-align:center}
}
.divItemsCenter .divItemsRight .divPic .add{float:right;margin-right:5px;margin-top:8px;display:block;height:20px;width:20px;background-color:#69c100;border-radius:10px;color:#ffffff;text-decoration:none;line-height:20px;text-align:center}
.aSelect{color:#d42b30}

/*產品彈跳選擇視窗*/
    #divMaskFrameOrderPosDetail{width:100%; height:100%;position:fixed;background-image:url(../Images/BG/BG_Mask.png);left:0px;top:0px;display:none;align-items:center;opacity:0;transition: all 240ms ease-in-out;}
    #divOrderPosDetailBox{width:95%;max-width:960px;margin:0px auto;background-color:#ffffff;border-radius:15px;}
    .divPopUpHeader{width:100%;height:45px;}
    .divPopUpHeader span{font-weight:bold;line-height:45px;padding-left:7px;}
    .divPopUpHeader .btnClose{float:right;width:31px;height:31px;margin-right:7px;margin-top:7px;background-image:url(../images/btn/btn_Close.png);background-size:31px 31px;cursor: pointer;}
    .divPopUpHeader .btnClose:hover{background-image:url(../images/btn/btn_CloseOn.png);}
    .divPopUpContent{width:96%;padding:2%;}
    .divPopUpContent .divSubItems{width:100%;margin-top:10px;}
    .divPopUpContent .divSubItems .divSubItemsTitle{color:#0040a0;font-weight:bold;line-height:30px;}
    .divPopUpContent .divSubItems .divSubItemsTitle span{color:#ff5e7d;}
    .divPopUpContent .divSubItems .Items{display:inline-block;padding:10px;margin:10px 10px 0px 0px;border:solid 1px #442c25;border-radius: 5px;color:#442c25;transition: all 240ms ease-in-out;cursor: pointer;font-weight:bold;user-select: none;}
    .divPopUpContent .divSubItems .Selt{color:#ffffff;background-color:#442c25}
    .divPopUpPayBox{width:96%;padding:2%; padding-top:20px;border-top:solid 1px #dfdfdf;height:80px;margin-top:40px;}
    .divPopUpPayBox .L{float:left;width:48%;}
    .divPopUpPayBox .R{float:right;width:48%;}
    .divPopUpPayBox .L .Price{width:100%;line-height:30px;}
    .divPopUpPayBox .L .Pic{width:100%;height:40px;}
    .divPopUpPayBox .L .Pic div{color:#b50b0b;display:inline-block;height:40px;line-height:40px;text-align:center;font-weight:bold;margin-left:-5px;}
    .divPopUpPayBox .L .Pic .ctrl{width:40px;background-color:#3dba90;color:#ffffff;border:solid 1px #3dba90;cursor: pointer;transition: all 240ms ease-in-out;user-select: none;}
    .divPopUpPayBox .L .Pic .ctrl:hover{background-color:#1e9a70;border:solid 1px #3dba90}
    .divPopUpPayBox .L .Pic .show{width:50px;height:40px;border:solid 1px #3dba90}
    .divPopUpPayBox .R .btnBuy{border-radius:5px;background-color:#bd0000; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
    .divPopUpPayBox .R .btnBuy:hover{background-color:#9c0000}
/*套卡結帳操作*/
#divBuyCtrlBox{width:100%; padding-top:20px;border-top:solid 1px #dfdfdf;height:80px;margin-top:40px;position:fixed;background-color:#ffffff;left:0px;}
#divBuyCtrl{width:96%;padding:0px 2% 0px 2%; max-width:940px;margin:0px auto;}
#divBuyCtrl .L{float:left;width:48%;}
#divBuyCtrl .R{float:right;width:48%;}
#divBuyCtrl .L .btn{border-radius:5px;background-color:#e7afa0; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
#divBuyCtrl .L .btn:hover{background-color:#d6806a}
#divBuyCtrl .R .btn{border-radius:5px;background-color:#bd0000; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
#divBuyCtrl .R .btn:hover{background-color:#9c0000}
/*購物車*/
.divItemsGroup{border-radius:15px;margin-top:10px;box-shadow:0 -1px 8px rgba(0,0,0,0.2),0 -3px 4px rgba(0,0,0,0.14),0 -3px 3px -2px rgba(0,0,0,0.12);background-color:#ffffff;overflow:hidden}
.divItemsGroup .divItemsGroupName{line-height:45px;color:#0040a0;font-weight:bold;padding-bottom:10px;width:90%;padding:0px 5% 0px 5%;}
.divItemsGroup .Items{width:90%;padding:0px 5% 0px 5%;border-bottom:solid 1px #ececec;cursor: pointer;transition: all 240ms ease-in-out;overflow:hidden}
.divItemsGroup .Items:last-child{border-bottom:none} 
.divItemsGroup .Items:hover{/*background-color:#eddad5*/}
.divItemsGroup .Items select{border:solid 1px #dedede;border-radius:10px;padding:13px;}
.divItemsGroup .Items input[type=text]{width:90%;border:solid 1px #dedede;border-radius:10px;padding:10px;}
.divItemsGroup .Items input[type=date]{border:solid 1px #dedede;border-radius:10px;padding:10px;}
.divItemsGroup .divPopUpPayBox{width:96%;padding:2%; padding-top:20px;border-top:solid 1px #dfdfdf;height:80px;margin-top:40px;}
.divItemsGroup .divPopUpPayBox .R{float:right;width:48%;}
.divItemsGroup .divPopUpPayBox .R .btnBuy{border-radius:5px;background-color:#e7afa0; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
.divItemsGroup .divPopUpPayBox .R .btnBuy:hover{background-color:#d6806a}
.divItemsGroup .divPopUpPayBox .R .btnBuyB{border-radius:5px;background-color:#888888; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
.divItemsGroup .divPopUpPayBox .LPay{float:left;width:48%;}
.divItemsGroup .divPopUpPayBox .LPay .btnBuy{border-radius:5px;background-color:#bd0000; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
.divItemsGroup .divPopUpPayBox .LPay .btnBuy:hover{background-color:#9c0000}
.divItemsGroup .divPopUpPayBox .LPay .btnBuyB{border-radius:5px;background-color:#888888; color:#ffffff;transition: all 240ms ease-in-out;display:block;width:100%;height:70px;text-align:center;line-height:70px;cursor: pointer;}
.divItemsGroup .Items .ItemsName{float:left;line-height:45px;}
.divItemsGroup .Items .ItemsNameR{float:left;line-height:45px;color:#ff5e7d;}
.divItemsGroup .Items .ItemsPrice{float:right;color:#ff5e7d;line-height:45px;}
.divItemsGroup .Items .ItemsPriceB{float:right;line-height:45px;}
.divItemsGroup .Items .ItemsDes{float:left;line-height:150%;color:#969696;padding-bottom:5px;}
.divItemsGroup .Items .ItemsDes img{max-width:100%;}
.divItemsGroup .Items .ItemsCtrl{float:right;margin-right:15px;margin-top:-10px}
.divItemsGroup .Items .ItemsCtrl .del{width:30px; height:30px; display:block;background-image:url(../Images/Icon/Del.png);background-size:30px 30px;}
.divItemsGroup .Items .ItemsCtrl .edit{width:30px; height:30px; display:block;background-image:url(../Images/Icon/Edit.png);background-size:30px 30px;}
.divItemsGroup .Items .redio{display:block;float:left;width:21px;height:21px;margin:12px;border:solid 1px #442c25;border-radius: 5px;transition: all 240ms ease-in-out;cursor: pointer;user-select: none;}
.divItemsGroup .Items .Selt{background-color:#442c25}
.divItemsGroup .ComImg{width:80%;margin:0px auto; margin-top:10%;text-align:center}
.divItemsGroup .ComImg img{max-width:100%;}
.divItemsGroup .ComLink{width:100%;text-align:center;line-height:60px;}
.divItemsGroup .ComLink a{text-decoration:underline}