@import url("../icon/css/icon.css");
small{font-size:.9em;}
h1,h2,h3{font-weight: bold;font-family: microsoft yahei;margin: 3% 0 1%;text-align: center;}
h3{margin: 2% 0;}
h1 img,h2 img,h3 img{margin-right: 1%;}
h1{font-size: 2.2em;}
h2{font-size: 1.8em;}
h3{font-size: 1.5em;}
.bgcolor1 {background-color: #FEDD0E;}
#event_master img{width:100%;}
#event a:hover{position: relative;top: 3px;bottom: 3px;}
.banner{display: inline-block;width: 100%;height: 556px;background-image: url(../images/0804051_01.png);background-repeat: no-repeat;background-size: 100% auto;position: relative;z-index: 0;margin: auto;text-align: center;}
.banner_title,.banner_in{position: absolute;content: "";left:0;width: 100%;}
.banner_title{top:1%;z-index: 0;}
.banner_in{bottom: 6%;z-index: -1;}
#BodyHeader_event a {
    color: #333;
}
#event_master,#event_sec,#event_third,#event_fourth{
        margin-top:0px;
        /*float:left;*/
        width:100%;
    }
#event_sec h1{color: #1B3C96;}
#event_sec h1 span{color: #DF2927}
#event_sec ul li img{margin-right: 2%;}
#event_sec ul{margin:3% 11% 0 5%;}
#event_sec ul li:nth-of-type(2) span{color: #DF2927;}
#event_sec ul li{margin:0 0 3%;padding: 0 0 1%;font-size: 1.1em;color:#333;list-style-type: none;}
#event_sec ul li span{font-weight: bold;font-size: 1.3em;}
#event_sec ul li:nth-of-type(7n-6) a,#event_sec ul li:nth-of-type(7n-6) span{color: #DF2927;}
#event_sec ul li:nth-of-type(7n-6) {border-bottom: 1px dashed #DF2927;}
#event_sec ul li:nth-of-type(7n-5) {border-bottom: 1px dashed #ff8d0e;}
#event_sec ul li:nth-of-type(7n-4) {border-bottom: 1px dashed #E99F24;}
#event_sec ul li:nth-of-type(7n-3) {border-bottom: 1px dashed #6CB324;}
#event_sec ul li:nth-of-type(7n-2) {border-bottom: 1px dashed #0585D3;}
#event_sec ul li:nth-of-type(7n-1) {border-bottom: 1px dashed #1E398B;}
#event_sec ul li:nth-of-type(7n) {border-bottom: 1px dashed #894893;}
#event_sec ul li:nth-of-type(7n-5) a,#event_sec ul li:nth-of-type(7n-5) span{color: #ff8d0e;}
#event_sec ul li:nth-of-type(7n-4) a,#event_sec ul li:nth-of-type(7n-4) span{color: #E99F24;}
#event_sec ul li:nth-of-type(7n-3) a,#event_sec ul li:nth-of-type(7n-3) span{color: #6CB324;}
#event_sec ul li:nth-of-type(7n-2) a,#event_sec ul li:nth-of-type(7n-2) span{color: #0585D3;}
#event_sec ul li:nth-of-type(7n-1) a,#event_sec ul li:nth-of-type(7n-1) span{color: #1E398B;}
#event_sec ul li:nth-of-type(7n) a,#event_sec ul li:nth-of-type(7n) span{color: #894893;}
#event_sec p{font-size: 1.4em;color:#333;color: #1B3C96;text-align: center;}
#event_sec p a{color: white;background-color: #DF2927;border-radius: 60%;width:120px;height: 120px;display: inline-block;line-height: 120px;margin-top:-8%;position: relative;}
#event_sec p a:before{position: absolute;content: "";background-image: url(../images/0804051_25.png);background-repeat: no-repeat;animation: move .7s linear alternate infinite;width:123px;height: 279px;bottom:14%;right:-62%;}
@keyframes move{0%{bottom:14%;right:-62%;}100%{bottom:16%;right:-62%}}
#event_sec p a:hover{color: white;background-color: #DF2927;transform:rotateZ(-8deg);text-decoration: none;}
#event_third{width: 93%!important;margin: 0 3%; padding:1% 0 4%;border: 5px solid orange;border-radius:20px;}
#event_third h2,#event_third h2 a{color: #7E4281;}
#event_third h2 a{margin: 0 .5%;}
#event_fourth h1,#event_third h3{color: #DF2927;}
#event_third p{margin:0 4% 1%;text-align: left;font-size: 1.2em;}
#event_third p a,#event_fourth a{color: black;}
#event_fourth{margin: 0 8%;width: 84%!important;}
#event_fourth h3{margin: 1% 0!important;color:#7E4281;width: 26%;float: left;}
#event_fourth ul{width: 71%;display: inline-block;padding: 0;margin:0 0 3% -3%;border-left:1px solid #7E4281;list-style: none;line-height: 1.7em;}
#event_fourth span{font-size: 1.4em;color: #E91E63;font-weight: bold;}
#event_fourth p{text-align: center;margin: 3% 0!important;}
small{font-size: .8em;}
/*連結*/
    #morelink {
        width: 100%;
        float: left;
        margin: auto;
        text-align: center;
        padding: 0;
        background-color: #aad5e6;
    }
    #morelink a.socialBtn:hover{
        color: #000;
    }
    ul.social li a{
        display: inline-block;
        transition: all .3s ease-in;
        color: #000;
        line-height: 1.4rem;
    }
    /*ul.social li a:hover{
        transform: scale(1.1);
        color:  ;
    }*/
    ul.social{
        width: 100%;
        margin:4% 0;
        text-align:center;
        list-style-type:none;
        display: inline-block;
    }
    ul.social li {
        width: 45.2%;
        float: left;
    }
#shopping-guide{display: inline-block;}
.guide-box{display: flex;flex-wrap: nowrap;width:850px}
.guide-list{display: flex;margin: 0;flex-basis:calc(100%/3);font-size: 1.1em;}
.guide-list:nth-child(1),.guide-list:nth-child(2){border-right: solid 2px #fff;}
.guide-list a:hover{background-color:#64327A;color: #fff;position: relative;top: 0 !important;bottom: 0 !important;}
.guide-list a{text-decoration: none;font-weight:bold;background-color: #B28FCE;
    background: -moz-linear-gradient(top, rgb(255,255,255,0) 0%, rgba(178,143,206) 100%); 
    background: -webkit-linear-gradient(top, rgb(255,255,255,0) 0%,rgb(178,143,206) 100%); 
    background: linear-gradient(to bottom, rgb(255,255,255,0) 0%,rgb(178,143,206) 100%); 
    width: 100%;height: 90px;display: flex;align-items:center;justify-content: center;color:#55293E}
.guide-title{font-size:1.3em;display: block}
/* IE */
@media screen and (min-width:0\0) {

    }

@media all and (min-width: 1201px){
    /*所有元素漸變0.5秒*{transition: all .5s;}    */
    body {
        margin: 0px;
        background-image: url(../images/line_bg.gif);
        background-color: lightgoldenrodyellow;
    }
    #BodyContainer_event{
        margin: 0 auto;
        text-align:center;
        width:850px;
    }
    #BodyHeader_event_rwd{display:none;}
    #BodyContent {
        background-color: #FFFFFF;/*配合PC選單覆蓋內容專用*/
        *padding-top:0px;/*配合PC選單覆蓋內容專用*/
    }
    #event{
        width: 850px;/*排版開最外面的外框線看位置專用可隨時拿掉*/
        _width: 850px;
        margin: 0px;
        font-family: "微軟正黑體", Arial;
        _height: 100%;
        float: left;
        _padding-top: 5px;
        margin: 0px auto;
        font-size:1.0em;
        background-color: white;
    }
    
    #event_sec li,#event_fourth li{ text-align: left;margin-left: 5%;font-size: 1.2em;list-style-type: none;}
	#event_fourth li{line-height: 1.6em;}


    /* bodyHeader */
    #BodyHeader #header-share {
        font-family: "微軟正黑體", Arial;
        width:850px;
        line-height: 2;
        font-size: 13px;
        margin-bottom: 0px;
        margin-top: 0px;
        background-color: #FFF;
    }	
    #BodyHeader #header-sharee img {
        margin-bottom: 5px;
    }

    #BodyHeader #header-share a {
        color: #333;
        font-size: 13px;
    }
    #BodyHeader #header-share a:hover {
        text-decoration: none;
        color: #666;
        position: relative;
        top: 2px;
        bottom: 2px;
    }



    /* Footer */
    #BodyFooter_rwd{
        float: left;
        width: 850px;
        background-color: #FFF;
        font-family: "微軟正黑體", Arial;

    }
    #BodyFooter_rwd a:hover{
        text-decoration: none;
    }
    #BodyFooter_rwd #footer_line {
        width: 90%;
        margin-bottom: 2%;
        margin-top: 2%;
        margin-left: 5%;
        margin-right: 5%;
        display: block;
        float: left;
        height: auto;
        text-align: center;
        border-top-width: thin;
        border-top-style: solid;
        border-top-color: #999;
    }
    #BodyFooter_rwd #footer_inline a {
        color: #000;
        font-size:15px;
    }

    #BodyFooter_rwd #footer_inline ul{
        float: left;
        padding:0;
        width:100%;
        margin-bottom: 0%;
        margin-top:3%;
    }
    #BodyFooter_rwd #footer_inline ul li{
        display: inline;
        line-height: 2.2em;
        font-size: 1.1em;
        clear: both;
        width: 100%;
        margin-right: 0.5em;
    }
    #BodyFooter_rwd #footer_inline ul li img{
        width:20%;
        height:auto;
        vertical-align: middle;
    }

    #BodyFooter_rwd #footer_address{
        margin-top: 0%;
        float: left;
        width: 100%;
        margin-right: auto;
        text-align: center;
        margin-left: auto;
    }
    #BodyFooter_rwd #footer_address a{
        color:#000;
    }
    #BodyFooter_rwd #footer_address ul{
        padding:0;
        margin-bottom: 1%;
        width: 100%;
        text-align: center;

    }
    #BodyFooter_rwd #footer_address ul li{	
        width: 100%;
        margin-right:0;
        float:left;
        line-height: 2em;
        text-align: center;
        font-size: 13px;
        list-style-type: none;
        display:inline-block;
    }
    #BodyFooter_rwd #footer_address #adinfo_out{
        text-align:center;
        width:700px;
        padding-left:300px;
        float:left;

    }
    #BodyFooter_rwd #footer_address #adinfo{
        float:left;
        width:400px;
        margin-right:5px;

    }
    /* Footer end */


    /*ask*/
    #askarea_out{
        font-family: "微軟正黑體", Arial;
        width: 100%;
        float:left;	
        padding-top:2%;
    }
    #askarea{
        width: 100%;
        float:left;
        background-color: #114776;
        text-align:left;
        margin: 0px;
    }
    #askarea .asktitle {
        font-size: 1.2em;
        color: #FFF;
        text-align: center;
        line-height: 0.5em;
    }
    #askarea #formlist{
        width: 80%;
        /*float: left;*/
        margin-right: auto;
        margin-left: 10%;
        margin-top:1%;
        font-size: 1em;
        color: #FFF;
        padding-bottom: 1%;
    }
    #askarea SELECT{
        border-radius: 5px;
        width: 10%;
        background-color: #FFF;
        border: #FFF;
        padding: 0.5%;
        margin-right: 1%;
        margin-bottom: 1%;
        width:15%;
    }
    #askarea input{
        border-radius: 5px;
        background-color: #FFF;
        border: #FFF;
        padding: 0.5%;
        margin-bottom: 1%;
        margin-left: 1%;
        color: #C6C6C6;
    }
    #askarea input[type="submit"]{
        color: #FFF;
        background-color: #58a8e7;
        font-size: 1em;
        padding:0.5em;
    }
    #askarea input[name="sContent"]{width:50%;}
    #askarea input[type="reset"]{
        color: #FFF;
        background-color: #58a8e7;
        font-size: 1em;
        padding: 0.5em;
    }
    #askarea input[type="text"]{
        width:35%;
    }
    /*ask END*/

    /* top */
    #noie{
        color: #FFF;
        width: 100%;
        height: 60px;
        text-align: center;
        border: 1px solid #006699;
        background-color: #669933;
        _z-index: 9999;
        z-index: 9999;
        position: fixed;
        _top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/
        left: 0;
        top: 0;
    }
    #noie a{
        color: #FC0;
    }
    #topbutton{
        display:none;
    }
    #topbutton1 {
        display:none;
    }
    .hidden-p {
        display: none;
    }
    #Layer1 {
        position:absolute;
        left:895px;
        top:120px;
        z-index:1;
    }
		/*#askclick{
			width: 80px;
			height: 80px;
			border-radius: 9999em;
			background-color: #df2927;
			opacity: 1;
			right: 0%;
			bottom: 4%;
			position: fixed;
			line-height: 80px;
			font-size: 15px;
			font-family: "微軟正黑體";
		}
		#askclick a{
			color: #ffffff;	
			font-size: 15px;
		}*/

    /* top end */


    /*舊版footer*/
    #footer_old{width:848px;margin:10px;}

    #footer_old td{ font-size: 13px; line-height: 25px; margin: 0px; padding: 0px; font-weight: bold; text-align: left; font-family: "新細明體", "Lucida Grande"; }
    #footer_old td a{ font-size: 13px; line-height: 25px; margin: 0px; padding: 0px; font-weight: normal; text-align: left; text-decoration: none; }}