@import url("../../../icon_new/css/all.min.css");
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,caption,tfoot,thead {margin:0;padding:0;border:0;outline:0;font-size:100%;line-height:1.5em}
blockquote,q {quotes:none}
blockquote:before,blockquote:after,q:before,q:after {content:'';content:none}
:focus {outline:0}
ins {text-decoration:none}
del {text-decoration:line-through}
body {font-family:"微軟正黑體",Arial;}
a {text-decoration:underline;}
a:hover {text-decoration:none;}
ul,li {margin:0;padding:0;}
.text-left {text-align: left;}
.bgcolor0 {background: linear-gradient(to bottom,#FFF 3%,#fff0c1 25%);}
.bgcolor1 {background: linear-gradient(to bottom,#fff0c1 0%,#fff8e0 6%);}
.bgcolor2 {background: linear-gradient(to bottom,#fff8e0 0%,#fff0c1 6%);}
.bgcolor3 {background-color: #f95800 !important;}
.bgcolor4 {background: linear-gradient(to bottom,#fff0c1 0%,#5ad2a2 6%);}
.bgcolor5 {background: linear-gradient(to bottom,#5ad2a2 6%,#fff8e0 6%);}
.bgcolor6 {background-color: #DFDFDF;}
.bgcolor7 {background: linear-gradient(to bottom,#fff0c1 0%,#fff8e0 18%);}
.fcolor1 {color: #f95800;}
.fcolor2 {color: #3e48c4}
.fcolor3 {color: #ffffff;background-color: #f95800;padding: 0.1em 0.3em;border-radius: 0.3em;font-size: 0.9em;margin: 0 0.1em;}
.font-thin {font-weight: initial;}
.font-bold {font-weight: bold;}
.flex {display: flex;}
.flex-wrap {flex-wrap: wrap;}
.decimal {list-style-type: decimal;margin: 0 0 0 2rem;}
.my-2 {margin: 0.5rem auto;}
.mr-4 {margin-right: 1rem;}
.mt-4 {margin-top: 1rem;}
/*所有元素漸變0.5秒*/
* {transition: all .5s;}
/*標題大小*/
h1 {font-size: 2.0em;padding: 5% 0 0 20%;color: #033283;text-align: left;}
h1 strong {font-size: 1.2em;font-family: MStiffHeiHK;color: #f95800;margin-right: 0.2em;}
.case_title {font-size: 2.4rem;font-family: MStiffHeiHK;color: #73499b;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
small {font-size: 0.8em;}
.text-3xl {font-size: 1.875rem;}
/* event */
#Master_title {position: relative;}
#Master_title .top {position: absolute;top: 10%;right: 3%;}
#Master_title .top img {transform: translateY(-15px);animation: sobrancelhas 1.5s linear infinite;}
@keyframes sobrancelhas {
    0% {
      transform: translateY(-10);
      -ms-transform: translateY(-10);
      -moz-transform: translateY(-10);
    }
  
    50% {
      transform: translateY(0px);
      -ms-transform: translateY(0px);
      -moz-transform: translateY(0px);
    }
  
    75% {
      transform: translateY(0px);
      -moz-transform: translateY(0px);
      -ms-transform: translateY(0px);
    }
  
    100% {
      transform: translateY(10);
      -moz-transform: translateY(10);
      -ms-transform: translateY(10);
    }
}
.shorten{margin-top: -7%;}
.hs {font-size: 1.5rem;color: #3e48c4;margin: 2% 4% 0%;text-align: left;}
.hs li {border-bottom: dotted 2px;list-style-type: none;}
.hs b {display: block;font-size: 2.3rem;}
.rbow {background: url(../../images/1103047/title_bg.png) no-repeat left;height: 130px;}
.price-table {border-collapse: collapse;width: 95%;border-color: #ffd2b7;margin: 1rem auto;background-color: white;}
.price-table th {background-color: #ff865b;color: white;padding: 0.2em 0.1em;}
.price-table td {padding: 0.1em;color: #033283;font-size: 1.0em;text-align: center;}
.price-table tr td:first-child {font-weight: bold;}
.price-table a {color: #3e48c4;font-weight: bold;}
.price-table .bgcolor3 {color: white;}
.price-table .fcolor1  {font-weight: bold;font-size: inherit;color: #f95800;}
.price-table span.font-thin {font-size: 0.9em;}
.price-table td.font-thin {font-weight: inherit !important;}
.price-table td ul li {text-align: left;list-style-type: none;text-indent: -0.95rem;padding-left: 1.5rem;}
.ps {text-align: center;color: #10104e;/*padding-bottom: 3%;*/font-size: 0.9em;display: block;padding-top: 1%;}
.ps a {color: inherit;}
.exp-cont {text-align: left;padding: 1rem 3%;}
.exp-title {background: linear-gradient(to right,#3e48c4 5%,#5ad2a2 50%,#f95800 95%);display: inline-block;color: white;margin: auto auto 2% 0;padding: 0.3em 1rem;position: relative;font-size: 1.2em;}
.exp-title::after {border-style: solid;position: absolute;content: '';top: 0;right: -14px;border-width: 20px 0 20px 14px;border-color: transparent transparent transparent #f95800;}
.exp-cont figure {width: 20%;margin: 0;}
.exp-cont figure img {width: 145px;height: 145px;object-fit: cover;border-radius: 50%;background-color: white;}
.exp-cont ul {width: calc(80% - 2rem);padding: 0 1rem;}
.exp-cont ul li {list-style-type: none;background-color: #ffffff;color: #033283;}
.exp-cont ul li:first-of-type {font-weight: bold;font-size: 1.35rem;color: #f95800;background-color: white;text-align: center;border-radius: 0.5em 0.5em 0 0;padding: 0.2em 0;}
.exp-cont ul li:nth-child(2) {font-weight: bold;font-size: 1.4rem;border-top: dotted 1px;border-bottom: dotted 1px;padding: 0 2%;}
.exp-cont ul li:last-of-type {padding: 2%;font-size: 1.0em;border-radius: 0 0 0.5em 0.5em;}
.exp-cont a {color: #3e48c4;}
.more {color: #3e48c4;background-color: #e3e3e3;font-size: 0.8em;padding: 0.2em 0.5em;border-radius: 1em;text-decoration: none;}
.guide-btn,.sum-btn {margin: 1rem auto 3%;color: #033283;text-align: center;}
.guide-btn a {color: #ffffff;margin: 0.3em 0.5rem;background-color: #3e48c4;padding: 0.5em 0.8em;font-size: 1.1em;border-radius: 1em;text-decoration: none;display: inline-block;}
.sum-btn a {margin: auto 0.25rem;color: #3e48c4;}
.share {border-radius: 1em;margin: 0 3% 2%;font-size: 1.1em;padding: 2% 2%;color: #033283;text-align: left;background-color: white;border: dotted 2px #f2c1bc;}
.share a {color: #033283;}
.share .fcolor3 {color: white;}
.share ul {margin-left: 1rem;}
strong.fcolor1 {font-size: 0.9em;}
.note dt, .note dd {display: inline-block;}
.note dt {color: #f95800;}
.note dd {font-weight: initial;margin-right: 0.5rem;}
.price-table .border-bottom {border-bottom: 1px dashed #f95800;}

@media screen and (min-width: 1201px) {
    /*主要內容欄*/
    #BodyContentMain {width:750px;float:left;padding-left: 2.8em;padding-bottom: 2em;}
    /*導覽列*/
    #BodyMenu nav+table td {text-align: left;}
    #BodyMenu nav+table td img {width: 955px;border-right: 21px solid #B4D1EA;}
    #BodyContentMainNavigator {width:100%;float:left;text-align:left;font-size:14px;color:#000000;line-height: 20px;margin-top: 10px;margin-bottom: 10px;}
    #BodyContentMainNavigator a, #BodyContentMainNavigator a:visited {color:#8E8E8E;text-decoration:none;}
    /* 詳細資訊 */
    #BodyContentEvent {width: 750px;float: left;}
    /* Event_header */
    /*PC*/
    #BodyHeader_event #header-share { line-height: 1.2em;font-size: 13px;color: #333;}	
    #BodyHeader_event #header-share a {font-size: 13px;color: #333333;text-decoration: underline;}
    /*手機*/
    #BodyHeader_event_rwd {display:none;}
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中1200px寬外框*/
    #Master_title,#event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:0% auto;display:inline-block;width:750px;padding:0px;text-align: center;}
    /*div section標籤段落*/
    .md\:block {display: block;}
    section p {text-align:left;}
    /* ask */
    #askarea_out {background-color: #f95800;width: 59%;margin-left: 14.2%;float: left;padding-top: 2%;}
    #askarea {background-color: #f95800;width: 100%;float: left;padding-top: 2%;text-align: left;font-family: "Microsoft JhengHei";border-radius: 20px;margin: 3% 0 0;}
    #askarea .asktitle {font-size: 1.2em;color: #FFF;text-align: center;padding: 1% 0;font-weight: bold;/*font-size: 2.0em;border-bottom: dotted 2px;*/}
    #askarea #formlist {width: 90%;margin: 3% auto auto;font-size: 1em;color: #ffe8e6;padding-bottom: 2%;}
    #askarea SELECT {border-radius: 7px;width: 15%;background-color: #FFF;border: #FFF;padding: 0.25rem 0.5rem;margin-right: 1%;margin-bottom: 1%;}
    #askarea input {border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.25rem 0.5rem;margin-bottom: 1%;margin-left: 1%;color: #333;}
    #askarea input[type="submit"] {color: #FFF;background-color: #3e48c4;font-size: 1em;padding:0.5em;}
    #askarea textarea[name="sContent"] {width:90%;border-radius: 7px;padding: 0.25rem 0.5rem;}
    #askarea input[type="reset"] {color: #FFF;background-color: #9a9a9a;font-size: 1em;padding: 0.5em;}
    #askarea input[type="text"] {width:20%;}
    /* Footer */
    #BodyFooter_rwd {float: left;width: 1000px;background-color:#FFF;margin-left: auto;border-top-width: 18px;border-top-style: solid;border-top-color: #b4d1ea;}
    #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: #666;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul {float: left;width: 100%;margin-bottom: 0%;margin-top: 3%;}
    #BodyFooter_rwd #footer_inline ul li {display: inline;line-height: 2em;font-size: 1em;clear: both;width: 100%;margin-right: 1%;margin-bottom: 0%;}
    #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: #333;}
    #BodyFooter_rwd #footer_address ul {float: left;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li {float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* 舊版IE */
    #noie {background-color: #FFFFFF;width: 100%;text-align: center;}
    /* 舊版IE end */
    #topbutton {display:none;}
}

@media screen and (max-width: 1200px) {
    /* 隱藏 */
    #BodyHeader {display:none;}
    #BodyMenu {display:none;}
    #BodyContentAd {display:none;}
    #BodyContentMainNavigator {display:none;}
    #BodyHeader_event {display:none;} 
    /* Header */
    #BodyHeader_event_rwd {	text-align: center;width:100%;height: auto;	margin:0 auto;background-color:#FFF;position:fixed;top:0;float:left;z-index:9;}
    @media screen and (orientation:portrait) {
        #BodyHeader_event_rwd img {max-width: 50%;margin:2.5% auto;}
    }
    @media screen and (orientation:landscape) {
        #BodyHeader_event_rwd img {max-width: 25%;margin:2.5% auto 1% auto;}
    }
    /*body*/
    #Master_title {display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    #Master_title img {height: auto;width: 100%;}
    @media screen and (orientation: portrait) {
        #Master_title {margin-top: 15%;}
    }
    @media screen and (orientation:landscape) {
        #Master_title {margin-top: 8%;}
    }
    /*滿百100%區域*/
    .row100 {width:100%;}
    /*資料集中寬外框*/
    #BodyContent,#BodyContentMain {width: 100%;float: left;}
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth {margin:0% auto;display:inline-block;width:98%;padding:1%;}
    /*div section標籤段落*/    
    section p {text-align: left;}
    /*標題大小*/
    h1 {font-size: 2.0em; }
    h2 {font-size: 2.0em; }
    h3 {font-size: 1.6em; }
    #event_sixth nav a { font-size: 1.2em; }
    #event {width: 100%;float: left;margin: 0;padding: 0;}
    .sm\:block {display: block;}
    .sm\:mb-4 {margin-bottom: 1rem;}
    /*ask*/
    #askarea {background-color: #f95800;width: 90%;text-align: left;font-family: "Microsoft JhengHei";padding: 0 5%;display: inline-block;}
    #askarea .asktitle {font-size: 1.2em;color: white;text-align: center;padding: 1% 0;}
    #askarea #formlist {width: 99%;float: left;margin-right: auto;margin-left: 0%;margin-top: 0.8%;padding-right: 1%;font-size: 1em;color: white;text-align: left;}
    #askarea p {margin-bottom: 2%;margin-top: 2%;}
    #askarea SELECT {border-radius: 7px;width: 99%;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;height: 2.0em;font-size: 1.0em;}
    #askarea input {border-radius: 7px;background-color: #FFF;border: #FFF;padding: 0.5%;margin-right: 1%;margin-bottom: 5%;color: #C6C6C6;height: 2.0em;font-size: 1.0em;}
    #askarea input[type="submit"] {color: #FFF;background-color: #3e48c4;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea textarea[name="sContent"] {width:100%;border-radius: 7px;}
    #askarea input[type="reset"] {color: #FFF;background-color: #9a9a9a;font-size: 1em;margin-top: 5%;padding: 0 3%;}
    #askarea input[type="text"] {width:99%;}
    #askarea input[type="checkbox"] {margin: 0 0.25rem 0 0;height: auto;}
    /* Footer */
    #BodyFooter_rwd {float: left;width: 100%;background-color:#FFF;margin-right: auto;margin-left: auto;padding: 0;margin-top: 5%;margin-bottom: 0;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 2%;margin-top: 2%;display: block;float: left;height: auto;text-align: center;border-top-width: thin;border-top-style: solid;border-top-color: #333;}
    #BodyFooter_rwd #footer_inline a {color: #333;}
    #BodyFooter_rwd #footer_inline ul {float: left;padding: 0%;width: 100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li {float: left;display: inline-block;line-height: 2em;font-size: 1.1em;clear: both;width: 100%;margin-right: auto;margin-bottom: 0%;}
    #BodyFooter_rwd #footer_inline ul li img {width: 45%;height: auto;vertical-align: middle;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_address {margin-top: 0%;float: left;width: 100%;text-align: center;margin-right: auto;margin-left: auto;}
    #BodyFooter_rwd #footer_address a {color: #333;}
    #BodyFooter_rwd #footer_address ul {float: left;padding: 0%;text-align: center;margin-bottom: 1%;width: 100%;clear: both;}
    #BodyFooter_rwd #footer_address ul li {float: left;display: block;width: 100%;line-height: 2em;text-align: center;font-size: 0.8em;}
    /* Footer end */
    #topbutton {width: 50px;height: 50px;color: #FFFFFF;border-radius: 9999em;background-color: #000;opacity: 0.4;right: 1%;bottom: 8%;position:fixed;line-height: 50px;font-size: 15px;text-align: center;}
    #topbutton a {color: #FFFFFF;font-size: 15px;}	
}

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

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

@media screen and (max-width:767px) {
	#Master_title .top img {width: 50%;height: auto;}
    #Master_title .top {position: absolute;top: 10%;right: -20%;}
    .rbow {background-size: 25%;}
	h1 {font-size: 1.8em;}
	.hs {font-size: 1.3rem;}
	.hs b {font-size: 1.8rem;}
    .exp-cont figure, .exp-cont ul {width: 100%;}
    .exp-cont figure {text-align: center;margin: 2% auto;}
    .guide-btn a {margin: 0.125rem;font-size: 1rem;padding: 0.25rem 0.5rem;}
}