@charset "UTF-8";
/* CSS Document */

/************************ Body ************************/

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
		
	
}
ul,li,dl,dd,dt{ margin:0px; padding:0px; }
.top{width:100%}
.top .topPart{width: 1000px; margin: 0 auto;    display: table;}
.top .topPart .logo{ float: left; width: 650px; }
.top .topPart .logoM{ display: none; }
.top .topPart .logo img{ margin-top:27px; margin-left: 20px;}
.top .topPart .soicalSearch{float: right; margin-right: 3px;}
.top .topPart .soicalSearch .soical{display: table;margin-top:27px;}
.top .topPart .soicalSearch .soical ul{ margin: 0; padding: 0;}
.top .topPart .soicalSearch .soical ul li{list-style-type: none;margin: 0; padding: 0; float: left;margin-right: 17px;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;}
.top .topPart .soicalSearch .soical ul li:hover{transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;margin-top: -7px; }
.top .topPart .soicalSearch .search{display: table;margin-top:10px;/*display: none;*/}
.top .topPart .soicalSearch .search input {
       width: 122px;
    border: 0;
    margin-right: 6px;
    outline: none;
    margin-top: 7px;
    margin-left: 6px;}
.top .topPart .soicalSearch .search ul{ margin: 0; padding: 0;}
.top .topPart .soicalSearch .search ul li{list-style-type: none;margin: 0; padding: 0; float: left;}
.top .topPart .soicalSearch .search .textbox{background-image: url(../images/textbox_search.png); width: 135px; height: 31px;}

.top .menu{width: 100% ;background-color: #b6f40b; display: table; margin-top: 25px;}
.top .menu .inside{width: 1000px; margin: 0 auto;}
.top .menu .inside ul{ margin: 0; padding: 0;}
.top .menu .inside ul li{list-style-type: none;margin: 0; padding: 0; float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:17px; color:#333333;  text-align: center; padding-top: 10px; padding-bottom: 10px;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;width: 16.6%;}
.top .menu .inside ul li:hover{background-color: #019245; color: #fff; cursor: pointer;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;}
.top .menu .inside ul li a, .top .menu .inside ul li a:link{ text-decoration: none;color:#333333; }
.top .menu .inside ul li a:hover{ text-decoration: none; color: #fff;cursor:pointer;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }

.top .menu .inside ul li.vis{background-color: #019245; color: #fff;}

.container{width: 1000px;    margin: 0 auto;}
.banner1000{ width:1000px; height: 250px;  margin-top: 20px; display: table;}
.banner680_270{ width:1000px;  margin-top: 20px; display: table;}
.banner680_270 .banner680{ width:680px;   display: table; float: left;  height: 450px;}
.banner680_270 .banner270{    display: table; float: right;}
.banner680_270 .banner270 .banner{ width: 270px;height:170px; background-color: #000; border: 15px #b6f40b solid;}
.banner680_270 .banner270 .space{ background-color: #009445;     padding: 5px 10px 5px 10px;    text-align: center;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;
    font-size: 14px;
    color: #fff;
    height: auto; min-height: 11px}
.promotion{ display: table; margin-top: 20px;}
.promotion .title{display: table; }
.promotion .title img{max-width: fit-content}
.promotion .title_m{ display: none; }
.promotion .banner3{display: table;width: 1000px;    margin-top: 20px; border-bottom: 5px #b4b4b4 solid; padding-bottom: 20px;}

.promotion .banner3  .banner{ float: left; width: 310px}
.promotion .banner3  .banner:last-of-type {float: right;}
.promotion .banner3  .banner:nth-of-type(2){margin-left:35px; margin-right:35px;}
.promotion .banner3  .banner .banner310{width:310px; height: 205px; background-color: #000}
.promotion .banner3  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px;    min-height: 48px;
    line-height: 24px;}

.promotionMiddle{display: table;border-bottom: 5px #b4b4b4 solid; padding-bottom: 20px;width: 1000px; }
.promotionMiddle .promotion4{float: left; width: 655px;}
.promotionMiddle .promotion4 .banner{ float: left; width: 310px;margin-top: 20px;}
.promotionMiddle .promotion4 .banner .title{margin-bottom: 20px; display: block}
.promotionMiddle .promotion4 .banner .title img{max-width: fit-content}
.promotionMiddle .promotion4 .banner .title_m{margin-bottom: 20px; display: none}
.promotionMiddle .promotion4  .banner .banner310{width:310px; height: 205px; background-color: #000}
.promotionMiddle .promotion4  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;cursor: pointer;        min-height: 48px;
    line-height: 24px;}
/*
.promotionMiddle .promotion4  .banner .text:hover{ background-color: #088f42; color:#fff;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 14px;padding: 10px;    margin-top: 7px;transition: all 0.5s;    -webkit-
transition: all 0.5s;    -moz-transition: all 0.5s;cursor: pointer;}
*/
.promotionMiddle .promotion4 .banner:nth-of-type(odd){margin-right:35px; }

.promotionMiddle .article{float:right; display: table; width: 310px; margin-top: 18px;}
.promotionMiddle .article .post{ display: table;margin-top: 20px; width: 310px;border-bottom: 1px #b4b4b4 solid; padding-bottom: 18px;}
.promotionMiddle .article .post .photo{ float: left;width: 120px; height: 79px;background-color: #000}
.promotionMiddle .article .post .text{ float: right;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#333333;width: 180px;}
.promotionMiddle .article .post:nth-of-type(6){padding-bottom: 19px;}
.promotionMiddle .article .post:last-of-type{border-bottom: 0px; padding-bottom: 0px; }




.search{ display: table; margin-top: 20px;}
.search .title{display: table; }
.search .title img{max-width: fit-content}
.search .title_m{ display: none; }
.search .result{display: table;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:16px;    margin-top: 20px;    width: 1000px;}
.search .result .left{ float:left; width: 100px;}
.search .result .right{ float:left;width: 900px;}
.search .green{ color: #019245;}
.search .banner3{display: table;width: 1000px;    margin-top: -5px; border-bottom: 5px #b4b4b4 solid; padding-bottom: 20px;}

.search .banner3  .banner{ float: left; width: 310px; margin-bottom: 10px;margin-top: 30px;}

.search .banner3  .banner:last-of-type {float: right;}
.search .banner3  .banner:first-of-type {float: left;}
.search .banner3  .banner:nth-of-type(3n+2){margin-left:35px; margin-right:35px; float: left}
.search .banner3  .banner:nth-of-type(3n+1){ float: left}
.search .banner3  .banner .banner310{width:310px; height: 205px; background-color: #000}
.search .banner3  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px;    min-height: 48px;
    line-height: 24px;}

.searchMiddle{display: table;border-bottom: 5px #b4b4b4 solid; padding-bottom: 20px;width: 1000px; }
.searchMiddle .promotion4{float: left; width: 655px;}
.searchMiddle .promotion4 .banner{ float: left; width: 310px;margin-top: 20px;}
.searchMiddle .promotion4 .banner .title{margin-bottom: 20px; display: block}
.searchMiddle .promotion4 .banner .title img{max-width: fit-content}
.searchMiddle .promotion4 .banner .title_m{margin-bottom: 20px; display: none}
.searchMiddle .promotion4  .banner .banner310{width:310px; height: 205px; background-color: #000}
.searchMiddle .promotion4  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;cursor: pointer;        min-height: 48px;
    line-height: 24px;}
/*
.promotionMiddle .promotion4  .banner .text:hover{ background-color: #088f42; color:#fff;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 14px;padding: 10px;    margin-top: 7px;transition: all 0.5s;    -webkit-
transition: all 0.5s;    -moz-transition: all 0.5s;cursor: pointer;}
*/
.searchMiddle .promotion4 .banner:nth-of-type(odd){margin-right:35px; }

.searchMiddle .article{float:right; display: table; width: 310px; margin-top: 18px;}
.searchMiddle .article .post{ display: table;margin-top: 20px; width: 310px;border-bottom: 1px #b4b4b4 solid; padding-bottom: 18px;}
.searchMiddle .article .post .photo{ float: left;width: 120px; height: 79px;background-color: #000}
.searchMiddle .article .post .text{ float: right;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#333333;width: 180px;}
.searchMiddle .article .post:nth-of-type(6){padding-bottom: 19px;}
.searchMiddle .article .post:last-of-type{border-bottom: 0px; padding-bottom: 0px; }













.footer{ width:1000px; margin: 0 auto; margin-top: 20px;margin-bottom: 20px; display: table}
.footer .copyright{ float: left; width: 360px;    }
.footer .copyright_m{ display: none;}
.footer .copyright .logo{  width: 160px;margin-top: 3px;margin-bottom: 5px;}
.footer .copyright .text{ font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666;-webkit-transform : scale(0.9); margin-left: 10px;    margin-left: -25px;}
.footer .menu{ float: left;            margin-top:5px;}
.footer .menu_m{ display: none;}
.footer .menu ul{ padding: 0; margin: 0}
.footer .menu ul li{ padding: 0; margin: 0; list-style-type: none;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666; float: left; text-align: center;padding-left: 15px; padding-right: 15px; border-left: 1px #666666 solid;}
.footer .menu ul li:last-of-type{border-right: 1px #666666 solid;}
.footer .menu ul li a,.footer .menu ul li a:link, .footer .menu ul li a:visited{text-decoration:  none;color:#666666;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.footer .menu ul li a:hover{transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; color: #019245; }
.footer .intimex{ float: right}

.footer .intimex .text{ float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666;-webkit-transform : scale(0.75); margin-left: 10px;}
.footer .intimex .logo{ float: left; width: 86px;margin-top: 3px;}
.footer .intimex .logom{display:none;}

.sub{width: 1000px;    margin: 0 auto;}
.sub .title{width: 1000px;    margin: 0 auto;margin-top: 20px; display: table;}
.sub .title_m { display: none;}

.sub .banner680_270{ width:1000px;  margin-top: 20px; display: table;border-bottom: 5px #b4b4b4 solid; padding-bottom: 35px;}
.sub .banner680_270 .banner680{ width:680px;   display: table; float: left;background: none; }
.sub .banner680_270 .banner680 .banner1000_m{ display:none;}
.sub .banner680_270 .banner680 .content{ width:680px;   display: table; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:16px; color:#333; padding-top: 20px;    line-height: 26px; }
.sub .banner680_270 .banner680 .content a, .sub .banner680_270 .banner680 .content a:link, .sub .banner680_270 .banner680 .content a:hover, .sub .banner680_270 .banner680 .content a:visited{color: #019245; text-decoration: underline;}
.sub .banner680_270 .banner680 .banner{ width:680px;     background-color: #000; height: 450px;}
.sub .banner680_270 .banner680 .bannerDetails{ width:680px;     background-color: #000; height: 450px; display: block;}
.sub .banner680_270 .banner270{    display: table; float: right;}
.sub .banner680_270 .banner270 .banner{ width: 270px;height:170px; background-color: #000; border: 15px #b6f40b solid;}
.sub .banner680_270 .banner270 .space{ background-color: #009445; padding : 5px 10px 5px 10px;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#fff; height: auto}
.sub .banner680_270 .banner270 .space_m{ display: none}

.sub .banner680_270 .banner680 .promotion4{float: left; width: 680px;    display: table; }
.sub .banner680_270 .banner680 .promotion4 .banner{ float: left; width: 310px;margin-top: 40px;background: none; height: auto}
.sub .banner680_270 .banner680 .promotion4 .banner .title{margin-bottom: 20px;}
.sub .banner680_270 .banner680 .promotion4  .banner .banner310{width:310px; height: 205px; background-color: #000}
.sub .banner680_270 .banner680 .promotion4  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px;      min-height: 48px;    line-height: 24px;}
.sub .banner680_270 .banner680 .promotion4 .banner:nth-of-type(odd){margin-right:60px; }


.banner680_270 .banner270 .article{float:right; display: table; width: 300px; }
.banner680_270 .banner270 .article .title{ display: table;margin-top: 20px; width: 300px;}
.banner680_270 .banner270 .article .post{ display: table;margin-top: 20px; width: 300px;border-bottom: 1px #b4b4b4 solid; padding-bottom: 18px;}
.banner680_270 .banner270 .article .post .photo{ float: left;width: 120px; height: 79px;background-color: #000}
.banner680_270 .banner270 .article .post .text{ float: right;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#333333;width: 170px;}
.banner680_270 .banner270 .article .post:nth-of-type(6){padding-bottom: 19px;}
.banner680_270 .banner270 .article .post:last-of-type{border-bottom: 0px; padding-bottom: 0px; }


.subevent{width: 1000px;    margin: 0 auto;}
.subevent .title{width: 1000px;    margin: 0 auto;margin-top: 20px; display: table;}
.subevent .title_m{ display:none;
}


.subevent .banner680_270{ width:1000px;  margin-top: 20px; display: table;border-bottom: 5px #b4b4b4 solid; padding-bottom: 35px;}
.subevent .banner680_270 .banner680{ width:680px;   display: table; float: left;background: none; }
.subevent .banner680_270 .banner680 .banner1000_m{ display: none;}
.subevent .banner680_270 .banner680 .content{ width:680px;   display: table; font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:16px; color:#333; padding-top: 20px;    line-height: 26px; }
.subevent .banner680_270 .banner680 .banner{ width:680px;    background-color: #000; height: 450px;}
.subevent .banner680_270 .banner270{    display: table; float: right;}
.subevent .banner680_270 .banner270 .banner{ width: 270px;height:170px; background-color: #000; border: 15px #00FFFF solid;}
.subevent .banner680_270 .banner270 .bannerEvent{ width: 270px; background-color: #000; border: 15px #00FFFF solid;}
.subevent .banner680_270 .banner270 .space{ background-color: #0000FF; padding : 5px 10px 5px 10px;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#fff; height: auto}

.subevent .banner680_270 .banner680 .promotion4{float: left; width: 680px;    display: table; }
.subevent .banner680_270 .banner680 .promotion4 .banner{ float: left; width: 310px;margin-top: 40px;background: none; height: auto}
.subevent .banner680_270 .banner680 .promotion4 .banner .title{margin-bottom: 20px;    width: 310px;margin-top: 0;}
.subevent .banner680_270 .banner680 .promotion4  .banner .banner310{width:310px; height: 205px; background-color: #000}
.subevent .banner680_270 .banner680 .promotion4  .banner .text{ background-color: #fef102; color:#000;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size: 16px;padding: 10px;    margin-top: 7px; min-height: 48px;    line-height: 24px;}
.subevent .banner680_270 .banner680 .promotion4 .banner:nth-of-type(odd){margin-right:60px; }


.subevent .banner680_270 .banner270 .article{float:right; display: table; width: 300px; }
.subevent .banner680_270 .banner270 .article .title{ display: table;margin-top: 20px; width: 300px;}
.subevent .banner680_270 .banner270 .article .post{ display: table;margin-top: 20px; width: 300px;border-bottom: 1px #b4b4b4 solid; padding-bottom: 18px;}
.subevent .banner680_270 .banner270 .article .post .photo{ float: left;width: 120px; height: 79px;background-color: #000}
.subevent .banner680_270 .banner270 .article .post .text{ float: right;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#333333;width: 170px;}
.subevent .banner680_270 .banner270 .article .post:nth-of-type(6){padding-bottom: 19px;}
.subevent .banner680_270 .banner270 .article .post:last-of-type{border-bottom: 0px; padding-bottom: 0px; }

.contact{ background-image:  url(../images/bg_contact.png);     padding: 50px 0px 50px 80px;background-position: right; background-repeat: no-repeat}
.contact .soical{display: table; margin-top: 40px;}
.contact .soical ul{padding: 0; margin: 0}
.contact .soical ul li{padding: 0; margin: 0; list-style-type: none; float: left; margin-right:20px;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.contact .soical ul li:hover{transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s;transform: rotate(360deg); }
.contact .box{ display: table; margin-bottom: 15px;}
.contact .box .title{ display: table; color:#019147;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;     font-size: 24px;    font-weight: bold;font-weight: bold; margin-bottom: 2px}
.contact .box .info{ display: table;  border-top:2px #b6f40b  solid}
.contact .box .info .left{ float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:18px;color:#019147;border-right:2px #b6f40b  solid;font-weight: bold;    padding: 5px 15px 2px 1px;}
.contact .box .info .right{  float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:18px;color:#333;font-weight: bold;padding: 5px 1px 2px 15px;}
.clear{ clear: both}
.contact .box .info .right a,.contact .box .info .right a:link, .contact .box .info .right a:visited{list-style-type: none;color:#333;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.contact .box .info .right a:hover{list-style-type: none;color:#029046;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }


#dim{ position:absolute; top:0; left:0; width:100%; z-index:99999; background: url('dim.png');text-align:left;height: 100vh; display: none}

#dim_privacy{ position:absolute; top:0; left:0; width:100%; z-index:99999; background: url('dim.png');text-align:left;height: 100vh; display: none}
#dim_service{ position:absolute; top:0; left:0; width:100%; z-index:99999; background: url('dim.png');text-align:left;height: 100vh; display: none}
#dim_terms{ position:absolute; top:0; left:0; width:100%; z-index:99999; background: url('dim.png');text-align:left;height: 100vh; display: none}
#dim_event, #dim_campaign, #dim_campaign02, #dim_campaign03, #dim_campaign04, #dim_campaign05, #dim_coverage01, #dim_coverage02, #dim_coverage03, #dim_coverage04, #dim_coverage06, #dim_footeradv{ position:absolute; top:0; left:0; width:100%; z-index:99999; background: url('dim.png');text-align:left;height: 100vh; display: none}

#dim_event .msgbox, #dim_campaign .msgbox, #dim_campaign02 .msgbox, #dim_campaign03 .msgbox, #dim_campaign04 .msgbox, #dim_campaign05 .msgbox, #dim_coverage01 .msgbox, #dim_coverage02 .msgbox, #dim_coverage03 .msgbox, #dim_coverage04 .msgbox, #dim_coverage06 .msgbox, #dim_footeradv .msgbox{     background: transparent;}
				.msgbox{ position:absolute; width:1000px; height:90vh; z-index:200; border:0px solid #222; background: #FFF; top: 2%; left: 50%; margin-top: 0px; margin-left: -500px;  }
					
					.close{ top:0px; float:right; margin-right:-13px; margin-top:-13px;}

			/*My own layout styles*/
			#content{position:absolute; width:300px; height:300px; border:5px solid #f5f5f5; background:#FFF; overflow:hidden; top: 80px; left: 50%; margin-left: -175px;  }
	    		#content a{ font:italic 32px Georgia, serif; text-decoration:none; color:#333; outline:none; display:block; padding: 131px 50px; }
	    			#content a:hover{ background:#EEE; }
	    		.cube{ width:100%; height:100%; float:left; clear:right; }
				.popPic{ width:100%; margin:0 auto; display:table;     text-align: center; }
				.popPic img{ width:200px; margin:0 auto;margin:0px;}
	    			.redPop{}	
					.logoPop{ width:100%; margin:0 auto; display:table;     text-align: center;  }		
					.logoPop img{ width:250px; margin:0 auto;margin-top:-30px; margin-bottom: 30px; }

.msgbox .pop_logo{}
.msgbox .pop_header{margin-bottom: 25px;}
.msgbox .pop_title{}
.msgbox .pop_photo{ width: 837px; margin: 0 auto; margin-top:30px;}
.msgbox .title{
	border-bottom: 2px #b6f40b solid;
	display: table;
    color: #006837;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;
    font-size: 28px;
    font-weight: bold;
    font-weight: bold;
    margin-bottom: 2px;margin-left: 82px;margin-top: 50px;
    padding-bottom: 10px;
    margin-bottom: 10px;}
.msgbox .text{font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;
    font-size: 21px;
    color: #333;
    font-weight: bold;width: 837px; margin-left: 82px; line-height: 29px}

.msgbox .box{ display: table; margin-bottom: 50px; margin-left: 85px; }
.msgbox .box .title{ display: table; color:#006837;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;     font-size: 28px;    font-weight: bold;font-weight: bold; margin-bottom: 2px; border-bottom: 0;margin-left: 0px;}
.msgbox .box .info{ display: table;  border-top:2px #b6f40b  solid}
.msgbox .box .info .left{ float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:21px;color:#019147;border-right:2px #b6f40b  solid;font-weight: bold;    padding: 5px 15px 2px 1px;}
.msgbox .box .info .right{  float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:21px;color:#333;font-weight: bold;padding: 5px 1px 2px 15px;}

.msgbox .box .info .right a,.contact .box .info .right a:link, .contact .box .info .right a:visited{list-style-type: none;color:#333;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.msgbox .box .info .right a:hover{list-style-type: none;color:#029046;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.popClose{position: absolute;right: 0;
    margin-right: 30px;
    margin-top: 60px;}

.msgbox .message{width: 797px; margin: 0 auto;border-top:2px #b6f40b  solid;margin-top: 40px;
    padding: 20px;margin-bottom: 30px; border-bottom: 2px #b6f40b solid;
}
.msgbox .message .title{margin:0; padding:0;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:18px; font-weight: bold; color: #000; border: 0; line-height: 24px;} 

.msgbox .message .text{margin:0; padding:0;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:16px;color: #000; border: 0;line-height: 24px; font-weight: normal;} 


.msgbox .message .text li{    list-style-type: decimal;
    margin-bottom: 20px;}
.msgbox .message .text li ul{margin-left: 35px;}

    
.msgbox .message .text li li{        list-style-type: lower-alpha;
    margin-bottom: 00px;
   }


.scroll-wrapper {
    overflow: hidden !important;
    padding: 0 !important;
    position: relative;
}
 
.scroll-wrapper > .scroll-content {
    border: none !important;
    box-sizing: content-box !important;
    height: auto;
    left: 0;
    margin: 0;
    max-height: none;
    max-width: none !important;
    overflow: scroll !important;
    padding: 0;
    position: relative !important;
    top: 0;
    width: auto !important;
}
 
.scroll-wrapper > .scroll-content::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
.scroll-element {
    display: none;
}
.scroll-element, .scroll-element div {
    box-sizing: content-box;
}
 
.scroll-element.scroll-x.scroll-scrollx_visible,
.scroll-element.scroll-y.scroll-scrolly_visible {
    display: block;
}
 
.scroll-element .scroll-bar,
.scroll-element .scroll-arrow {
    cursor: default;
}
 
.scroll-textarea {
    border: 1px solid #cccccc;
    border-top-color: #999999;
}
.scroll-textarea > .scroll-content {
    overflow: hidden !important;
}
.scroll-textarea > .scroll-content > textarea {
    border: none !important;
    box-sizing: border-box;
    height: 100% !important;
    margin: 0;
    max-height: none !important;
    max-width: none !important;
    overflow: scroll !important;
    outline: none;
    padding: 2px;
    position: relative !important;
    top: 0;
    width: 100% !important;
}
.scroll-textarea > .scroll-content > textarea::-webkit-scrollbar {
    height: 0;
    width: 0;
}
 
 
 
 
/*************** SCROLLBAR MAC OS X ***************/
 
.scrollbar-macosx > .scroll-element,
.scrollbar-macosx > .scroll-element div
{
    background: none;
    border: none;
    margin: 0;
    padding: 0;
    position: absolute;
    z-index: 10;
}
 
.scrollbar-macosx > .scroll-element div {
    display: block;
    height: 100%;
    left: 0;
    top: 0;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element .scroll-element_track { display: none; }
.scrollbar-macosx > .scroll-element .scroll-bar {
    background-color: #6C6E71;
    display: block;
 
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    opacity: 0;
 
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;
    border-radius: 7px;
 
    -webkit-transition: opacity 0.2s linear;
    -moz-transition: opacity 0.2s linear;
    -o-transition: opacity 0.2s linear;
    -ms-transition: opacity 0.2s linear;
    transition: opacity 0.2s linear;
}
.scrollbar-macosx:hover > .scroll-element .scroll-bar,
.scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar {
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    opacity: 0.7;
}
 
 
.scrollbar-macosx > .scroll-element.scroll-x {
    bottom: 0px;
    height: 0px;
    left: 0;
    min-width: 100%;
    overflow: visible;
    width: 100%;
}
 
.scrollbar-macosx > .scroll-element.scroll-y {
    height: 100%;
    min-height: 100%;
    right: 0px;
    top: 0;
    width: 0px;
}
 
/* scrollbar height/width & offset from container borders */
.scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; }
 
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; }
.scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; }
 
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; }
.scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; }
 
/* update scrollbar offset if both scrolls are visible */
.scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; }
.scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; }
.container .adv_banner{width:900px; display: table;    margin-top: 20px;    margin: 0 auto; margin-bottom: 50px}
.container .adv_banner .banner900{width:900px; display: table ; margin-bottom: 20px; margin-top: 20px;}
.container .adv_banner .text{font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:16px;color: #000; bline-height: 24px;  display: table}


.pdfpopClose{position: absolute;    right: 0;     margin-top: 0px;    margin-right: -60px; cursor: pointer}

.sub .banner680_270 .banner680 .promotion4 .banner1000_m{ display:none;	}
.eventAdv{  cursor: pointer}
.pdf{ height: 100%;}
.banner1000sub{ display : none;}
@media only screen and (max-width: 600px) {
	.top .topPart{width:100%;}
	.top .topPart .logo{ width:100%; display:none}
	.top .topPart .logoM{  display:block; background-color: #B6F40B; padding: 25px 15px 25px 15px;}
	.top .topPart .logoM img{ width:80%; display:block}
	.soicalSearch{display: none;}
	
	.top .menu{ background: #CCCCCC;    margin-top: 0px;}
	.top .menu .inside{ width: 100%}
	.top .menu .inside ul li:first-child{ display:none;}
	.top .menu .inside ul li:last-child{ display:none;}
	.top .menu .inside ul li{color:#019245;    padding-top: 8px;  padding-bottom: 5px;    width:25%;; border-bottom: 3px #CCCCCC solid;  }
	.top .menu .inside ul li.vis {    border-bottom: 3px #019245 solid;    color: #019245; background-color: transparent;}
	.banner680_270{ display: none;}
	.container{ width:100%}
	.banner1000{ width:100%;    height: auto;    margin-top: 1px;}
	.promotion{ display: table;    width: 100%;  margin: 0 auto;   margin-top: 10px; 	}
.promotion .title{display: none; }
.promotion .title_m{ display: table ; background-color: #b6f40b; border-bottom: 4px #019245 solid; padding-bottom: 2px;width: 100%;}
	.promotion .title_m img{ width: 23%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px; }
	.promotion .banner3{ width:100%;    margin-top: 0px;margin-bottom: 0px; border: 0;	}
	.promotion .banner3 .banner{width:100%; margin-bottom: 20px;	}
	.promotion .banner3 .banner .banner310{width:100%; height: auto;	}
		.promotion .banner3 .banner .banner310 img{width:100%; height: auto;	}
	.promotion .banner3 .banner:nth-of-type(2),.promotion .banner3 .banner:nth-of-type(3){    margin-left: 0px;    margin-right: 0px; display: none;}
	.promotion .banner3 .banner .text{margin-top: 0px; }
	.promotionMiddle{width:100%;    border-bottom: 0px #b4b4b4 solid;    padding-bottom: 0px;}
	.promotionMiddle .promotion4 .banner .title{display: none}
.promotionMiddle .promotion4 .banner .title_m{ display: table;
    background-color: #b6f40b;
    border-bottom: 4px #019245 solid;
    padding-bottom: 2px;
    width: 100%;    margin-bottom: 0px;}

.promotionMiddle .promotion4 .banner .title_m img{width: 23%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px; }
	.promotionMiddle .promotion4{ width:100%	}
	.promotionMiddle .promotion4 .banner:nth-of-type(odd){ width:100%;margin-right: 0px;	}
	.promotionMiddle .promotion4 .banner{ width:100%;     margin-top: 0px; margin-bottom: 40px;	}
	.promotionMiddle .promotion4 .banner .banner310{ width:100%	;    height: auto;}
	.promotionMiddle .promotion4 .banner .banner310 img { width:100%	}
	.promotionMiddle .article{ display:none;	}
	.promotionMiddle .promotion4 .banner .text{ margin-top: 0px;}
	
	
	
	.search{ display: table;    width: 100%;  margin: 0 auto;   margin-top: 10px; 	}
.search .title{display: none; }
.search .title_m{ display: table ; background-color: #b6f40b; border-bottom: 4px #019245 solid; padding-bottom: 2px;width: 100%;}
	.search .title_m img{ width: 38%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px; }
	.search .result { padding-left: 3%; width:97%; }
	.search .result .left{ float:left; width:      27%;}
.search .result .right{ float:left;    width: 68%;}
	.search .banner3{ width:100%;    margin-bottom: 0px; border: 0;    padding-bottom: 0;	}
	.search .banner3 .banner{width:100%; margin-bottom: 20px;	}
	.search .banner3 .banner .banner310{width:100%; height: auto;	}
		.search .banner3 .banner .banner310 img{width:100%; height: auto;	}
	.search .banner3 .banner:nth-of-type(3n+2),.search .banner3 .banner:nth-of-type(3){    margin-left: 0px;    margin-right: 0px; }
	.search .banner3 .banner .text{margin-top: 0px; }
	.searchMiddle{width:100%;    border-bottom: 0px #b4b4b4 solid;    padding-bottom: 0px;}
	.searchMiddle .promotion4 .banner .title{display: none}
.searchMiddle .promotion4 .banner .title_m{ display: table;
    background-color: #b6f40b;
    border-bottom: 4px #019245 solid;
    padding-bottom: 2px;
    width: 100%;    margin-bottom: 0px;}

.searchMiddle .promotion4 .banner .title_m img{width: 23%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px; }
	.searchMiddle .promotion4{ width:100%	}
	.searchMiddle .promotion4 .banner:nth-of-type(odd){ width:100%;margin-right: 0px;	}
	.searchMiddle .promotion4 .banner{ width:100%;     margin-top: 0px; margin-bottom: 40px;	}
	.searchMiddle .promotion4 .banner .banner310{ width:100%	;    height: auto;}
	.searchMiddle .promotion4 .banner .banner310 img { width:100%	}
	.searchMiddle .article{ display:none;	}
	.searchMiddle .promotion4 .banner .text{ margin-top: 0px;}
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	 .footer{ width: 100%;  border-top: 1px #b4b4b4 solid;padding-top: 30px;margin-bottom: 10px;margin-top: 30px;}
	.footer .copyright{ float: left; width: 360px;display: none;    }
.footer .copyright_m{    display: table;
    margin: 0 auto;
    text-align: center; }
	.footer .copyright_m .logo img{ width: 160px;}
.footer .copyright_m .logo{  margin-top: 12px;margin-bottom: 7px;margin-right: 0px;}
.footer .copyright_m .text{ font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666;-webkit-transform : scale(1); }
.footer .menu{ float: left;            margin-top:5px;display: none;}
.footer .menu_m{ display: table;margin-top:5px;       margin: 0 auto; text-align: center;}
.footer .menu_m ul{ padding: 0; margin: 0; width: 100%;}
.footer .menu_m ul li{ padding: 0; margin: 0; list-style-type: none;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666; float: left; text-align: center;padding-left: 10px; padding-right: 10px; border-left: 1px #666666 solid;}
.footer .menu_m ul li:last-of-type{border-right: 1px #666666 solid;}
.footer .menu_m ul li a,.footer .menu ul li a:link, .footer .menu ul li a:visited{text-decoration:  none;color:#666666;transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; }
.footer .menu_m ul li a:hover{transition: all 0.5s;    -webkit-transition: all 0.5s;    -moz-transition: all 0.5s; color: #019245; }
.footer .intimex{     float: none;    margin: 0 auto;
    display: table; margin-top: 10px;}

.footer .intimex .text{ float: left;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:12px; color:#666666;-webkit-transform : scale(0.75); margin-left: 0px;}
.footer .intimex .logo{display: none}
	.footer .intimex .logom{ float: left; width: 86px;margin-top: 3px;    margin-right: 0px; display: block}
	.footer .intimex .logom img{ width: 86px;}
	.msgbox{     width: 90%;    margin: 0 auto;    left: 5%;}
	.msgbox .pop_logo {display:none;}
	.msgbox .pop_header {display:none;}
	.msgbox .pop_title img { width:50%;margin-top: 15px;	}
	.popClose {
    position: absolute;
    right: 0;
       margin-right: 10px;
    margin-top: 17px;
}
	.popClose img{  width: 60%;    float: right;}
	.msgbox .title {font-size: 20px;    margin-left: 45px; margin-top: 25px;  }
	.msgbox .text{    font-size: 16px;    margin-left: 45px;    margin-right: 45px;    margin-top: 10px;    width: auto;    margin-bottom: 30px;    line-height: 26px;}
	.msgbox .pop_photo{margin-left: 45px;margin-top: 18px;    margin-right: 45px; width: auto; }
	
#dim_service .msgbox .message .title,#dim_privacy .msgbox .message .title,#dim_terms .msgbox .message .title {font-size: 16px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 10px;
    width: auto;
    margin-bottom: 0px;
    line-height: 22px;}
	#dim_service .msgbox .message .text, #dim_privacy  .msgbox .message .text, #dim_terms .msgbox .message .text{font-size: 14px;line-height: 22px;    padding-bottom: 30px;}	
	
	
	.msgbox .pop_photo img{width: 100%}
	
	.msgbox .box{margin-left: 45px;
    margin-right: 45px; width: auto; }
	.msgbox .box .title{ font-size: 20px !important;    margin-top: 0px;    margin-bottom: 0px; }
	.msgbox .box .info .left{font-size: 14px;    padding: 5px 10px 2px 1px;}
	.msgbox .box .info .right{font-size: 14px;    padding: 5px 2px 2px 5px;}
	.msgbox .message{ width:75%;padding: 0;}
	.sub .title{ display: none;width: 100%}
.sub .title_m { display: table; margin-top: 10px;    background-color: #b6f40b;
    border-bottom: 4px #019245 solid;
    padding-bottom: 2px;
    width: 100%;}
	.sub{ width:100%;}
	.sub .title_m img{ width: 23%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px; }
	.sub .banner680_270{ width: 100%;    margin-top: 0px;    border-bottom: 0;    padding-bottom: 0px;}
	.sub .banner680_270 .banner680{ width:100%;}
	.sub .banner680_270 .banner680  .banner{ display:none}
	.sub .banner680_270 .banner680 .promotion4{ width:100%;}
	.sub .banner680_270 .banner680 .promotion4 .banner:nth-of-type(odd){ width:100%;    margin-right: 0px;margin-top: 0px;    padding-bottom: 20px;}
	.sub .banner680_270 .banner680 .promotion4 .banner{ width:100%; display: table;margin-top: 0px;    margin-bottom: 20px;     padding-bottom: 20px; }
	.sub .banner680_270 .banner680 .promotion4 .banner .banner310{ width:100%;     height: auto;  }
	.sub .banner680_270 .banner680 .promotion4 .banner .text{ margin-top:0 }
	.sub .banner680_270 .banner270 .banner{display:none;	}
	.sub .banner680_270 .banner680 .promotion4 .banner .banner310 img{width:100%}
	.sub .banner680_270 .banner680 .promotion4 .banner1000_m{ display:block; width: 100%	}
	.sub .banner680_270 .banner680 .promotion4 .banner1000_m img{  width: 100%	}
	.sub .banner680_270 .banner270{ width:100%;     }
	.banner680_270 .banner270 .article{ width:100%;     }
	.sub .banner680_270 .banner270 .space{ display: none     }
	.banner680_270 .banner270 .article .title{    width: 90%;    margin: 0 auto; margin-top: 30px;}
	.banner680_270 .banner270 .article .post{ width:90%; margin: 0 auto;    margin-top: 20px;
	}
	
	.banner680_270 .banner270 .article .post .photo{ width:40%; background-color: transparent; height: auto}
	.banner680_270 .banner270 .article .post .text {width:60%; float: right}
	.sub .banner680_270 .banner680 .bannerDetails{ width:100%;      height: auto; display: block;}
	.sub .banner680_270 .banner680 .content{ width:90%; margin: 0 auto ; margin-bottom: 30px; }
	
	.subevent .title{width: 1000px;    margin: 0 auto;margin-top: 20px; display: none;}
	.subevent .title_m{ display: table;
    margin-top: 10px;
    background-color: #00ffff;
    border-bottom: 4px #0000ff solid;
    padding-bottom: 2px;
    width: 100%;}
	
	.subevent .title_m img{width: 38%;    padding-top: 6px;    padding-left: 3px;    padding-bottom: 0px;}
	.subevent .banner680_270{ width: 100%;    margin-top: 0px;    border-bottom: 0;    padding-bottom: 0px;}
	.subevent .banner680_270 .banner680{ width:100%;}
	.subevent .banner680_270 .banner680  .banner{ display:none}
	.subevent .banner680_270 .banner680 .promotion4{ width:100%;}
	.subevent .banner680_270 .banner680 .promotion4 .banner:nth-of-type(odd){ width:100%;    margin-right: 0px;margin-top: 0px;   }
	.subevent .banner680_270 .banner680 .promotion4 .banner{ width:100%; display: table;margin-top: 0px;    margin-bottom: 40px;    }
	.subevent .banner680_270 .banner680 .promotion4 .banner:nth-of-type(4){  margin-bottom: 20px;   }
	.subevent .banner680_270 .banner680 .promotion4 .banner .banner310{ width:100%;     height: auto;  }
	.subevent .banner680_270 .banner680 .promotion4 .banner .text{ margin-top:0 }
	.subevent .banner680_270 .banner270 .banner{display:none;	}
	.subevent .banner680_270 .banner680 .promotion4 .banner .banner310 img{width:100%}
	.subevent .banner680_270 .banner680 .promotion4 .banner1000_m{ display:block; width: 100%	}
	.subevent .banner680_270 .banner680 .promotion4 .banner1000_m img{  width: 100%	}
	.subevent .banner680_270 .banner270{ width:100%;     }
	.sub .banner680_270 .banner270 .space{ display:none	}
	.sub .banner680_270 .banner270 .space_m{ display:block; background-color: #009445; padding : 5px 10px 5px 10px;font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s; font-size:14px; color:#fff; height: auto	;    min-height: 11px;}
	.subevent{ width:100%}
	.subevent .banner680_270 .banner270 .space{ display: none;}
	.subevent .banner680_270 .banner270 .bannerEvent{ display: none;}
	
	
	.subevent .banner680_270 .banner270 .article{ width:100%;     }
	.subevent .banner680_270 .banner270 .article .title{    width: 90%;    margin: 0 auto; margin-top: 30px;}
	.subevent .banner680_270 .banner270 .article .post{ width:90%; margin: 0 auto;    margin-top: 20px;}
		.spaceEvent{    background-color: #0000ff;min-height: 11px;
    padding: 5px 10px 5px 10px;
    font-family: 微軟正黑體, Verdana, Arial, Helvetica, sans-s;
    font-size: 14px;
    color: #fff;
    height: auto;}
	.subevent .banner680_270 .banner680 .bannerDetails{ width:100%;      height: auto; display: block;}
	.subevent .banner680_270 .banner680 .content{ width:90%; margin: 0 auto;  margin-bottom: 30px;  }
	#dim_campaign03 .msgbox{ width:	80% ;left:10%; margin: 0 auto; background-color: #fff}
	
	.pdf{ height:auto;}
	.banner1000sub{ display : block; margin-bottom: 40px; }
	.contact { width: 84%; margin:0 auto; padding: 0; margin-top: 20px;}
	.contact .box .title{ font-size: 21px}
	.contact .box .info .left{ width:12%}
	.contact .box .info .right{ width:76%}
	.contact .box .info .left{ width:12%}
	.contact .box .info .right{ width:76%;    font-size: 16px;}
	.contact .box .info{ width:100%	}
	.contact .box{ width:100%	}
	.contact .soical{ width:100%	}
	.contact .soical ul li{ width:25%; text-align: center; margin-right: 0px;}
	
}