* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	letter-spacing: 1px;
	margin: 0;
	padding: 0
}
body {
    background: #1B222B;
	font-family: "Noto Sans TC", Century-Gothic, Helvetica, sans-serif, "微軟正黑體";
	font-size: 100%;
	letter-spacing: 1px;
	-webkit-text-size-adjust: none;
	-ms-text-size-adjust: none;
	position: relative;
}
ul {list-style-type: none;}
.clearfix:after {content:""; clear:both; display:block;}

/* --Header--------------------------------- */
.header_box {
    cursor: default; 
    margin: 48px auto 90px auto; 
    max-width: 1216px; 
    position: relative; 
    width: 100%;
}
.header_box .header_box_left {float: left; position: absolute; z-index: 100;}
.header_box .header_box_left img.HOLA_logo {height: auto; max-width: 154px;}
.header_box .header_box_left_activity {margin-top: 180px;}
.header_box .header_box_left_activity p.time {color: #fff; font-family: 'EB Garamond', serif; font-size: 30px; letter-spacing: 3px;}
.header_box .header_box_left_activity p.time span.line {padding: 0 26px; position: relative;}
.header_box .header_box_left_activity p.time span.line:after {
    content: "";
    background: #fff; 
    display: block; 
    height: 1px; 
    left: 50%;
    position: absolute; 
    top: 50%;
    transform: translate(-50%);
    right: 0;
    width: 38px;
}
.header_box .header_box_left_activity p.activity {
    color: #bc955c; 
    font-size: 20px; 
    letter-spacing: 1px; 
    margin-top: 10px;
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.header_box .header_box_left h1 {
    color: #fff; 
    font-family: 'EB Garamond', serif; 
    font-size: 56px; 
    letter-spacing: 2.8px; 
    line-height: 74px;
    margin: 74px 0 22px 0;
    text-shadow: 0 3px 6px rgba(33,29,29,.16);
}
.header_box .header_box_left ul {list-style-type: none;}
.header_box .header_box_left ul li {
    color: #c5c5c5; 
    float: left; 
    font-size: 16px; 
    letter-spacing: 1px; 
    margin-right: 16px;
    padding-left: 14px;
    position: relative;
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.header_box .header_box_left ul li:before {
    content: ""; 
    background: #c5c5c5; 
    height: 18px; 
    left: 0;
    position: absolute;
    width: 4px;
}
.header_box .header_box_right {float: right; margin-top: 60px; position: relative;}
.header_box .header_box_right img.header_banner {height: auto; max-width: 864px;}
.header_box .header_box_right img.golden_circle1 {
    height: auto; 
    left: 0;
    max-width: 110px; 
    position: absolute; 
    top: 4px; 
    z-index: -100;
}
.header_box .header_box_right .live_watch {
    bottom: -115px;
    color: #fff; 
    font-family: 'EB Garamond', serif; 
    font-size: 30px; 
    line-height: 36px; 
    position: absolute;
    right: 0;
    text-align: right;
    width: 390px;
}
.header_box .header_box_right .live_watch p {
    position: absolute; 
    right: 104px; 
    text-shadow: 0 3px 6px rgba(0,0,0,.16); 
    top: 16px; 
    z-index: 100;
}
.header_box .header_box_right .live_watch p.selected {text-shadow: 0 0 12px rgba(255,255,255,.7);}
.header_box .header_box_right .live_watch .f32 {font-size: 32px; font-weight: 600;}
.header_box .header_box_right .live_watch .f24 {font-size: 24px;}
.header_box .header_box_right .live_watch img.golden_circle2 {
    height: auto; 
    max-width: 160px; 
    top: 0;
    transform: translateY(-25%);
    z-index: -100;
}
.header_box .header_box_right .live_watch img.golden_circle_arrow_icon {
    height: auto;
    max-width: 55px;
    position: absolute;
    right: 50px;
    top: 8px;
    z-index: 100;
}
.mouse_scroll {margin: 0 auto; position: relative; width: 200px;}
.mouse_scroll p {color: #c5c5c5; font-size: 16px; text-align: center;}
.mouse_scroll p span {padding: 0 20px;}
.mouse_scroll img.mouse_icon {
    bottom: 0; 
    left: 0; 
    margin: auto; 
    position: absolute; 
    right: 0; 
    top: 0;
}
.mouse_scroll:after {
    content: "";
    animation: banner_line_scroll 2s cubic-bezier(0,0,.58,1) infinite;
    background: #c5c5c5;
    height: 48px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 38px;
    width: 1px;
}

/* --Question--------------------------------- */
.portrait_photography_box {margin: 340px auto 0 auto; max-width: 1000px; position: relative; width: 100%;}
.portrait_photography_box h2 {
    color: #30363e; 
    font-family: 'EB Garamond', serif; 
    font-size: 94px; 
    left: 156px;
    line-height: 90px;
    position: absolute;
    top: -148px;
    z-index: -10;
}
.portrait_photography_title h3,.filter_box h3 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 30px; text-align: left;}
.portrait_photography_title h4,.filter_box h4,
.spring_photography_title h4 {
    color: #bc955c; 
    font-size: 16px; 
    font-weight: 400; 
    padding-bottom: 14px; 
    position: relative; 
    text-align: left;
}
.portrait_photography_title h4:after {
    content: ""; 
    background: #bc955c;
    height: 1px; 
    left: -100px;
    margin: auto;
    position: absolute;
    top: 10px;
    width: 80px;
}
.portrait_photography_list {margin-left: 95px;}
.portrait_photography_list li {float: left; margin-right: 28px;}
.portrait_photography_list li:nth-child(1) {margin-top: 124px;}
.portrait_photography_list li:nth-child(2) {margin-top: 18px;}
.portrait_photography_list li:last-child {margin-top: -78px;} 
.portrait_photography_list li:last-child {margin-right: 0;}
.portrait_photography_list li img {height: auto; margin-bottom: 16px; max-width: 282px;}
.portrait_photography_list li p {color: #c5c5c5; font-size: 18px; line-height: 26px; text-align: center;}
.spring_photography_box,.spring_photography_box_text {margin: 0 auto; max-width: 962px; position: relative; width: 100%;}
.spring_photography_box .spring_photography_title {
    bottom: 40px; 
    float: left; 
    left: 0; 
    max-width: 533px; 
    position: absolute;
}
.spring_photography_box .spring_photography_title h3 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 30px;}
.spring_photography_box .spring_photography_title h4 {color: #bc955c; font-size: 16px; font-weight: 400; margin-top: 10px;}
.spring_photography_title p {
    color: #c5c5c5; 
    line-height: 28px; 
    margin-top: 40px; 
    text-align: justify; 
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.spring_photography_box img.photographer_profile {float: right; height: auto; max-width: 396px;}
.spring_photography_box_text {margin-top: 85px;}
.spring_photography_box_text h2 {
    color: #30363e; 
    font-family: 'EB Garamond', serif; 
    font-size: 94px; 
    left: 10px;
    line-height: 90px; 
    position: absolute;
    text-align: right;
    top: 80px;
}
.spring_photography_box_text .experience_box {float: right; margin-right: 70px; position: relative;}
.spring_photography_box_text .experience_box h3 {
    color: #fff; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 33px; 
    left: -100px; 
    position: absolute;
}
.spring_photography_box_text .experience_box h3:after {
    content: ""; 
    background: url(../images/circle_icon.svg) no-repeat; 
    display: block;
    height: 62px;
    left: -42px; 
    position: absolute; 
    top: -10px;
    width: 80px;
    z-index: -100;
}
.spring_photography_box_text .experience_box ul.experience_list li {color: #c5c5c5; font-size: 18px; line-height: 28px;}

/* --Portfolio--------------------------------- */
.portfolio_box {
    border: 1px solid #9e7f53;
    display: block;
    height: 558px;
    margin: 240px auto 260px auto;
    max-width: 1090px;
    position: relative;
    width: 100%;
}
.portfolio_box:before {
    content: "";
    bottom: 0;
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 50px 0 0 50px;
    border-color: transparent transparent transparent #9e7f53;
    left: 0;
    position: absolute;
}
.portfolio_box:after {
    content: "";
    height: 0;
    width: 0;
    border-style: solid;
    border-width: 0 50px 50px 0;
    border-color: transparent #9e7f53 transparent transparent;
    position: absolute;
    right: 0;
    top: 0;
}
.portfolio_box h2 {
    bottom: -130px;
    color: #333941;
    font-family: 'EB Garamond', serif; 
    font-size: 94px;
    left: 40px;
    letter-spacing: 3.76px;
    position: absolute;
}
.portfolio_box .title {left: 40px; position: absolute; text-align: left; top: 120px;}
.portfolio_box .title h3 {
    color: #bc955c; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 38px; 
    letter-spacing: 2px; 
    text-shadow: 0 3px 6px rgba(33,29,29,.16);
}
.portfolio_box .title h4 {
    color: #fff; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 26px; 
    letter-spacing: 1.25px; 
    margin-top: 10px; 
    text-shadow: 0 3px 6px rgba(33,29,29,.16);
}
.portfolio_box .title p {
    color: #bc955c; 
    font-size: 16px; 
    letter-spacing: 1px; 
    margin-top: 34px;
    padding-right: 84px;
    position: relative;
    text-align: right;
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
.portfolio_box .title p span.line,.spring_photography_title h4 span.line {
    bottom: 0;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    top: 0;
    width: 80px;
}
ul.slider_btn {list-style-type: none; margin: 120px auto 30px auto; max-width: 224px; width: 100%;}
ul.slider_btn li {
    color: #bc955c; 
    cursor: default;
    float: left; 
    font-family: 'EB Garamond', serif;
    font-size: 30px; 
    font-weight: 400;
    padding: 0 14px;
    position: relative;
    text-align: center;
}
ul.slider_btn li img.prev_btn_icon,
.mask .modal_photo_box .prev_btn img.prev_btn_icon {margin-right: 10px;}
ul.slider_btn li img.next_btn_icon,
.mask .modal_photo_box .next_btn img.next_btn_icon {margin-left: 10px;}
ul.slider_btn li:first-child:before {
    content: ""; 
    background: #bc955c;
    bottom: 0;
    display: block; 
    height: 28px; 
    left: 0;
    margin: auto;
    position: absolute;
    right: -108px;
    top: 2px;
    width: 1px;
}
ul.slider_btn li span {position: relative;}
ul.slider_btn li span.selected {color: #fff;}
ul.slider_btn li:first-child span:before {
    content: ""; 
    background: url(../images/slider_prev_btn.svg);
    bottom: 0;
    display: none;
    height: 18px; 
    left: -96px;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 12px;
}
ul.slider_btn li:last-child span:before {
    content: ""; 
    background: url(../images/slider_next_btn.svg);
    bottom: 0;
    display: none;
    height: 18px; 
    left: 0;
    margin: auto;
    position: absolute;
    right: -96px;
    top: 0;
    width: 12px;
}
.portfolio_box .normal_photo_btn {
    border: 1px solid #bc955c;
    color: #bc955c; 
    font-family: 'Noto Serif TC', serif;
    font-weight: 600;
    height: 36px; 
    line-height: 32px;
    margin: 0 auto; 
    position: relative;
    text-align: center;
    width: 132px;
}
.portfolio_box .normal_photo_btn:hover {background: #bc955c; color: #fff; cursor: default;}
.portfolio_box .mask_bar {
    background: #1B222B;
    bottom: -25px;
    height: 50px;
    max-width: 640px;
    position: absolute;
    right: 52px;
    width: 100%;
}
.portfolio_slider_photo {position: absolute; right: 38px; top: 56px;}
.mask {
    background: rgba(51,57,65,.85); 
    bottom: 0;
    display: none;
    height: 100%; 
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    width: 100%;
    z-index: 1000;
}
.mask .modal_photo_box {
    margin: auto; 
    max-width: 800px; 
    padding: 6px;
    position: relative;
    top: 50%;
    transform: translateY(-50%);
    width: 100%;
}
.mask .modal_photo_box img.portfolio_slider_modal_photo {display: block; height: auto; margin: 0 auto; max-width: 100%;}
.mask .modal_photo_box .modal_close_btn img {position: absolute; right: -150px; top: 0;}
.mask .modal_photo_box .prev_btn,.mask .modal_photo_box .next_btn {
    color: #bc955c; 
    cursor: default;
    font-family: 'Noto Serif TC', serif; 
    font-size: 30px; 
    position: absolute;
}
.mask .modal_photo_box .next_btn {right: -210px; top: 50%; transform: translateY(-50%);}
.mask .modal_photo_box .prev_btn {left: -210px; top: 50%; transform: translateY(-50%);}
.mask .modal_photo_box .next_btn span.selected,.mask .modal_photo_box .prev_btn span.selected {color: #fff;}

/* --Six Photography Technique--------------------------------- */
.six_photography_technique_box {margin: 200px auto 0 auto; max-width: 940px; position: relative; width: 100%;}
.six_photography_technique_box h2 {
    color: #333941; 
    font-family: 'Noto Serif TC', serif;
    font-size: 80px;
    font-weight: 600;
    position: absolute;
    right: 0;
    top: 108px;
    z-index: -100;
}
.six_photography_technique_box .title {text-align: center;}
.six_photography_technique_box .title p {color: #bc955c; font-weight: 400; letter-spacing: 1px;}
.six_photography_technique_box .title h3 {color: #fff; font-family: 'EB Garamond', serif; font-size: 30px; margin-top: 10px;}
.six_photography_technique_box .title h3 span {position: relative;}
.six_photography_technique_box .title h3 span:before {
    content: "";
    background: url(../images/flower_icon_left.svg) no-repeat;
    height: 32px;
    left: -40px;
    position: absolute;
    width: 30px;
}
.six_photography_technique_box .title h3 span:after {
    content: "";
    background: url(../images/flower_icon_right.svg) no-repeat;
    height: 32px;
    position: absolute;
    right: -40px;
    width: 30px;
}
.six_photography_technique_box ul.list {list-style-type: none; margin: 72px auto 0 auto; max-width: 940px; width: 100%;}
.six_photography_technique_box ul.list li {float: left; margin: 0 45px 95px 0; position: relative; width: 30%;}
.six_photography_technique_box ul.list li:nth-child(3n+3) {margin-right: 0;}
.six_photography_technique_box ul.list li:nth-child(2),.six_photography_technique_box ul.list li:nth-child(5) {margin-top: 52px;}
.six_photography_technique_box ul.list li:nth-child(3),.six_photography_technique_box ul.list li:nth-child(6) {margin-top: 104px;}
.six_photography_technique_box ul.list li:after {
    content: "";
    background: #333941;
    display: block;
    height: 128px;
    left: -24px;
    position: absolute;
    top: 42px;
    width: 250px;
    z-index: -100;
}
.six_photography_technique_box ul.list li span.no {             
    color: #bc955c;
    font-family: 'EB Garamond', serif; 
    font-size: 60px;
    font-style: italic;
    margin: -30px 0 0 -30px;
    position: absolute;
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
    z-index: 100;
}
.six_photography_technique_box ul.list li span.no:after {
    content: "";
    background: #bc955c;
    bottom: 0;
    height: 1px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    width: 60px;
}
.six_photography_technique_box ul.list li img {box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);}
.list_text {bottom: -74px; left: -40px; position: absolute;}
.list_text h4 {color: #bc955c; font-size: 22px; font-weight: 400;}
.list_text p {color: #8b959a; font-family: 'EB Garamond', serif; font-size: 18px; margin-top: 8px;}

/* --Assign--------------------------------- */
.assign_box {
    border: 8px solid #9e7f53; 
    display: block;
    height: 866px;
    margin: 126px auto 0 auto; 
    max-width: 940px; 
    position: relative;
    width: 100%;
}
.assign_box:before {
    content: "";
    background: url(../images/assign_b_decoration_top.svg) no-repeat;
    display: block;
    height: 42px;
    left: 0;
    margin: auto;
    max-width: 728px;
    position: absolute;
    right: 0;
    top: -74px;
    width: 100%;
}
.assign_box:after {
    content: "";
    background: url(../images/assign_b_decoration_bottom.svg) no-repeat;
    bottom: -74px;
    display: block;
    height: 42px;
    left: 0;
    margin: auto;
    max-width: 728px;
    position: absolute;
    right: 0;
    width: 100%;
}
.assign_content {
    border: 2px solid #9e7f53; 
    bottom: 0;
    height: 774px;
    left: 0; 
    margin: auto;
    max-width: 840px;
    padding: 40px 22px 44px 22px;
    position: absolute;
    right: 0;
    top: 0;
}
.assign_content .title {border-bottom: 1px solid #bc955c; padding-bottom: 38px; text-align: center;}
.assign_content .title h2 {
    color: #ebb76b; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 30px; 
    font-weight: 400; 
    margin-top: 12px;
}
.assign_content .title h2 span {position: relative;}
.assign_content .title h2 span:before {
    content: "";
    background: url(../images/assign_s_decoration_left.svg) no-repeat;
    height: 58px;
    left: -80px;
    position: absolute;
    width: 58px;
}
.assign_content .title h2 span:after {
    content: "";
    background: url(../images/assign_s_decoration_right.svg) no-repeat;
    height: 58px;
    position: absolute;
    right: -80px;
    width: 58px;
}
.assign_content .title h3 {color: #c5c5c5; font-size: 20px; font-weight: 400;}
.assign_content ul.point_list {margin: 16px auto 0 auto; max-width: 330px; width: 100%;}
.assign_content ul.point_list li {
    color: #8b959a; 
    float: left; 
    font-size: 14px; 
    margin-right: 16px;
    position: relative;
}
.assign_content ul.point_list li:last-child {margin-right: 0;}
.assign_content ul.point_list li:before {
    content: "";
    background: #8b959a;
    display: block;
    height: 16px;
    position: absolute;
    right: -8px;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}
.assign_content ul.point_list li:last-child:before,.assign_content ul.ticket li:before {display: none;}
.assign_circle_icon1,.assign_circle_icon2,.assign_circle_icon3,.assign_circle_icon4 {position: absolute;}
.assign_circle_icon1 {left: 14px; top: 14px;}
.assign_circle_icon2 {right: 14px; top: 14px;}
.assign_circle_icon3 {bottom: 14px; left: 14px;}
.assign_circle_icon4 {bottom: 14px; right: 14px;}
.assign_content_detail .assign_content_detail_left {float: left; position: relative; width: 50%;}
.assign_content_detail_left:before {
    content: "";
    background: #bc955c;
    display: block;
    height: 100%;
    position: absolute;
    right: -18px;
    top: 18px;
    width: 1px;    
}
.assign_content_detail_left_text {position: relative;}
.assign_content_detail_left_text:before {
    content: "";
    background: #bc955c;
    bottom: 0;
    display: block;
    height: 1px;
    position: absolute;
    width: 100%;
}
.time_text_box {margin-top: 60px; padding: 0 30px 0 30px;}
.time_text_detail_box .time_text_detail {float: left;}
.time_text_detail_box .time_text_detail img.open_time {height: auto; margin-bottom: 8px; max-width: 168px;}
.time_text_detail_box .time_text_detail p.time {
    color: #bc955c; 
    font-family: 'EB Garamond', serif; 
    font-size: 20px; 
    font-style: italic;
    font-weight: 400;
    text-align: right;
}
.time_text_detail_box .time_text_detail p.address {
    color: #bc955c; 
    font-family: 'Noto Serif TC', serif;
    font-size: 14px;
    font-weight: 400;
    margin-top: 4px;
    text-align: right;
}
.time_text_detail_box .appedu_logo {float: right; margin-top: -10px;}
.more_info {margin-top: 42px;}
.more_info p.limit {color: #c5c5c5; font-size: 16px; text-align: center;}
.more_info .understand_btn {
    border: 1px solid #bc955c; 
    color: #bc955c; 
    display: block; 
    font-family: 'Noto Serif TC', serif;
    font-size: 15px;
    height: 35px; 
    line-height: 32px;
    margin: 16px auto 0 auto;
    position: relative;
    text-align: center;
    width: 132px;
}
.more_info .understand_btn a {
    color: #bc955c; 
    display: block; 
    font-weight: 600;
    height: 35px; 
    text-decoration: none; 
    width: 132px;
}
.more_info .understand_btn:hover,.more_info .understand_btn a:hover {background: #bc955c; color: #fff; cursor: default;}
.assign_content ul.ticket {margin-top: 42px; padding: 0 30px 48px 30px; width: 100%;}
.assign_content ul.ticket li {float: none; margin: 0 0 32px 0;}
.assign_content ul.ticket li:nth-child(2) {position: relative;}
.assign_content ul.ticket li:nth-child(2) img.crown_icon {left: -32px; position: absolute; top: -2px;}
.assign_content ul.ticket li:last-child {margin-bottom: 0;}
.ticket_text {float: left; margin-top: -4px;}
.ticket_text h4 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 18px;}
.ticket_text p {color: #8b959a; font-size: 14px; margin-top: 4px;}
.ticket_price {float: right;}
.ticket_price p {color: #fff; font-family: 'EB Garamond', serif; font-size: 30px;}
.assign_content_detail .assign_content_detail_right {float: right; position: relative; width: 48%;}
.assign_content_detail .assign_content_detail_right img.assign_photo {
    display: block;
    float: none; 
    height: auto; 
    margin: 34px auto 0 auto;
    width: 320px;
}
.assign_content_detail .assign_content_detail_right h1 {
    color: #ebb76b; 
    font-family: 'Noto Serif TC', serif;
    font-size: 64px; 
    letter-spacing: 3.2px; 
    margin: 30px 0 0 0;
    position: static;
    text-align: center;
}

/* --Filter--------------------------------- */
.filter_box {margin: 200px auto 0 auto; max-width: 940px; width: 100%;}
.filter_box h4 {margin-top: 14px;}
.filter_box h4 span.line,.spring_photography_title h4 span.line {padding: 0 26px; position: relative;}
.filter_box h4 span.line:after,.spring_photography_title h4 span.line:after {
    content: "";
    background: #bc955c; 
    display: block; 
    height: 1px; 
    left: 50%;
    position: absolute; 
    top: 50%;
    transform: translate(-50%);
    right: 0;
    width: 40px;
}
ul.filter_box_list {margin-top: 88px;}
ul.filter_box_list li {
    align-items: center;
    border: 4px solid #bc955c; 
    display: flex;
    float: left; 
    height: 288px;
    justify-content: center;
    margin-right: 80px;
    padding: 62px 0 22px 0; 
    position: relative;
    width: 260px;
}
ul.filter_box_list li span.vertical_line {
    background: #bc955c; 
    bottom: -80px;
    display: block;
    height: 120px; 
    left: 24px;
    position: absolute;
    width: 1px;
}
ul.filter_box_list li:last-child {margin-right: 0;}
ul.filter_box_list li .filter_box_list_frame {
    border: 1px solid #bc955c;
    bottom: 0;
    display: block;
    height: 268px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 238px;
}
ul.filter_box_list li .filter_box_list_frame.selected {background: rgba(255,255,255,.3);}
ul.filter_box_list li img.icon {
    bottom: 0;
    display: block; 
    height: auto; 
    left: 0;
    margin: auto; 
    position: absolute;
    right: 0;
    top: -50px;
}
ul.filter_box_list li span.no {
    color: #bc955c; 
    font-family: 'EB Garamond', serif; 
    font-size: 90px; 
    font-style: italic;
    left: 0;
    position: absolute; 
    right: 0;
    text-align: center; 
    top: -70px;
}
ul.filter_box_list li p {
    bottom: -78px;
    color: #c5c5c5; 
    font-size: 18px; 
    left: 44px;
    line-height: 28px; 
    margin: auto;
    position: absolute;
    right: 0;
    text-align: left; 
    text-shadow: 0 3px 6px rgba(0,0,0,.16);
}
ul.filter_box_list li .download_btn {
    border: 1px solid #bc955c; 
    bottom: 0;
    color: #bc955c; 
    cursor: default;
    display: block; 
    font-family: 'Noto Serif TC', serif; 
    height: 36px; 
    left: 0;
    line-height: 32px;
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center; 
    top: 172px;
    width: 132px;
}
ul.filter_box_list li .download_btn a {
    color: #bc955c; 
    cursor: default;
    display: block; 
    font-weight: 600;
    height: 36px; 
    text-decoration: none; 
    width: 132px;
}
ul.filter_box_list li .download_btn a.selected {background: #bc955c; color: #fff;}
ul.filter_box_list li .download_btn:before,.portfolio_box .normal_photo_btn:before,.more_info .understand_btn:before,.submit_btn:before  {left: -6px;}
ul.filter_box_list li .download_btn:after,.portfolio_box .normal_photo_btn:after,.more_info .understand_btn:after,.submit_btn:after {right: -6px;}
ul.filter_box_list li .download_btn:before,ul.filter_box_list li .download_btn:after,
.portfolio_box .normal_photo_btn:before,.portfolio_box .normal_photo_btn:after,
.more_info .understand_btn:before,.more_info .understand_btn:after,.submit_btn:before,.submit_btn:after {
    content: "";
    background: #bc955c; 
    display: block;
    height: 22px;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 1px;
}

/* --gifts_for_you_box-------------------------------- */
.gifts_for_you_box {margin: 210px auto 248px auto; max-width: 1050px; width: 100%;}
.gift_for_you_left {float: left; position: relative; width: 360px;}
.gift_for_you_left img {position: absolute;}
.gift_for_you_left img.gift_for_you_photo1 {height: auto; left: 0; max-width: 304px;}
.gift_for_you_left img.gift_for_you_photo2 {
    height: auto; 
    left: 254px; 
    max-width: 246px; 
    right: 0; 
    top: 204px;
}
.gift_for_you_left img.gift_for_you_signature {height: auto; left: 70px; max-width: 260px; top: 462px;}
.gift_for_you_right {float: right; margin-top: 242px; position: relative; width: 425px;}
.gift_for_you_right h2 {
    color: #30363e; 
    font-family: 'EB Garamond', serif; 
    font-size: 94px; 
    left: -10px;
    line-height: 90px; 
    position: absolute;
    text-align: left;
    top: -230px;
}
.gift_for_you_right h3 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 30px; position: relative;}
.gift_for_you_right h3:after {
    content: ""; 
    background: url(../images/circle_icon.svg) no-repeat; 
    height: 62px;
    left: -44px; 
    position: absolute; 
    top: -40px;
    width: 80px;
    z-index: -100;
}
.gift_for_you_right p {color: #bc955c; font-size: 16px; margin-top: 12px;}
.gift_for_you_right_text {margin-top: 52px;}
.gift_for_you_right_text li {margin-bottom: 30px; position: relative;}
.gift_for_you_no_text {float: left;}
.gift_for_you_no_text img.crown_icon {left: -32px; position: absolute; top: 2px;}
.gift_for_you_no_text h4 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 20px; text-shadow: 0 3px 6px rgba(33,29,29,.16);}
.gift_for_you_no_text p {color: #8b959a; font-size: 14px; margin-top: 6px; text-shadow: 0 3px 6px rgba(0,0,0,.16);}
.gift_for_you_no {
    float: right; 
    font-family: 'Noto Serif TC', serif; 
    position: absolute; 
    right: 0; 
    top: -20px;
}
.gift_for_you_no p {color: #fff; font-size: 18px;}
.gift_for_you_no span {color: #bc955c; font-size: 46px; font-weight: 600; margin-left: 16px;}

/* --Form--------------------------------- */
.form_wrapper {
    background: url(../images/form_box_bg.jpg) top center no-repeat; 
    background-size: cover;
    margin: 0 auto 196px auto; 
    padding: 170px 0 148px 0;
    width: 100%;
}
.form_box {margin: 0 auto; max-width: 1234px; position: relative; width: 100%;}
.form_left_box {float: left; max-width: 620px; width: 100%;}
.form_left_box .form_left_title {margin: 0 auto; max-width: 464px; width: 100%;}
.form_left_box .form_left_title h2 img.form_title {max-width: 464px; width: 100%;}
.form_left_box .form_left_title p {color: #fff; font-size: 20px; margin-top: 8px; text-align: center;}
.form_left_box ul.form_left_list {margin-top: 84px;}
.form_left_box ul.form_left_list li {
    border: 4px solid #bc955c;
    float: left; 
    height: 288px;
    margin-right: 100px; 
    padding: 4px;
    position: relative;
    width: 260px;
}
.form_left_box ul.form_left_list li:last-child {margin-right: 0;}
.form_left_box ul.form_left_list li img.form_left_x_icon {
    bottom: 0;
    height: auto;
    position: absolute;
    right: -71px;
    top: 50%;
    transform: translateY(-50%);
}
.form_left_box ul.form_left_list li h3 {
    color: #c5c5c5; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 32px; 
    left: 0;
    letter-spacing: 1.6px; 
    margin: auto;
    position: absolute;
    right: 0;
    text-align: center;
    text-shadow: 0 3px 6px rgba(33,29,29,.16);
    top: -39px;
}
.form_left_list_content {
    background: rgba(255,255,255,.3);
    border: 2px solid #bc955c; 
    bottom: 0;
    height: 272px;
    left: 0;
    margin: auto;
    padding: 0 24px; 
    position: absolute; 
    right: 0;
    top: 0;
    width: 242px;
}
.form_left_list_content img.icon {display: block; height: auto; margin: 32px auto 8px auto; max-width: 100%;}
.form_left_list_content h4 {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 18px; text-align: center;} 
.form_left_list_content p {color: #c5c5c5; font-size: 14px; margin-top: 8px; text-align: center;} 
.form_right_box {
    background: rgba(255,255,255,.7);
    backdrop-filter: blur(20px);
    border: 4px solid #bc955c;
    box-shadow: 0 3px 6px 0 rgba(0,0,0,.16);
    bottom: 0;
    float: right;
    height: 840px;
    margin: auto;
    max-width: 508px; 
    padding: 48px 48px 0px 48px;
    position: absolute;
    right: 0;
    top: 0;
    transform: translateY(-1.4%);
    width: 100%;
}
.form_right_box .form-distribution {margin-top: 26px;}
.form_right_box h2 {
    color: #333941; 
    font-family: 'Noto Serif TC', serif; 
    font-size: 30px; 
    letter-spacing: 1.5px;
    text-align: center;
}
.form_right_box input {
    background: rgba(255,255,255,.3);
    border: 2px solid #bc955c; 
    color: #333941;
    height: 45px; 
    line-height: 45px; 
    margin-bottom: 20px;
    padding: 0 16px;
    width: 100%;
}
.city {float: left; width: 46.8%;}
.area {float: right; width: 46.8%;}
.form_right_box select[name="city"],.form_right_box select[name="area"] {
    background: url(../images/select_arrow.svg) no-repeat transparent;
    background-color: rgba(255,255,255,.3);
    background-position: 92% center;
    border: 2px solid #bc955c;
    color: #333941;
    float: left;
    height: 45px;
    outline: none;
    margin: 0 28px 6px 0;
    padding: 0 16px;
    width: 100%;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
}
.form_right_box select[name="area"] {margin-right: 0;}
.form_right_box input:active,.form_right_box input:focus,.form_right_box select:active,.form_right_box select:focus,
.form_right_box textarea:active,.form_right_box textarea:focus {background: #fff; outline: none;}
.form_right_box textarea {
    background: rgba(255,255,255,.3);
    border: 2px solid #bc955c;
    height: 146px;
    outline: none;
    margin-top: 12px;
    padding: 12px 14px;
    resize: none;
    width: 100%;
}
.form_speech_box {margin-top: 22px;}
.form_speech_box p.attend_speech {color: #333941; font-size: 20px; margin-left: -18px;}
.form_speech_box p.attend_speech span.title_bar {color: #bc955c; margin-right: 6px;}
.form_speech_box p.attend_speech span.title_bar:first-child,
.form_speech_box p.attend_speech span.title_bar:last-child {margin-left: 6px;}
ul.form_check_box {list-style-type: none; margin-top: 10px;}
ul.form_check_box li {float: left; font-size: 18px; margin-right: 18px;}
ul.form_check_box li:last-child {margin-right: 0;}
ul.form_check_box li label {color: #333941; padding-left: 30px; position: relative;}
.form_right_box input.checkbox_hide {opacity: 0; height: 0; width: 0;}
span.attend_checkbox,span.level_checkbox {
    border: 1px solid #3b3938;
    border-radius: 50%;
    display: block; 
    height: 18px;
    left: 0;
    position: absolute;
    top: 5px;
    width: 18px;
}
.form_right_box input:checked + span.checkbox:after {
    background: #bc955c; 
    border-radius: 50%;
    bottom: 0;
    display: block; 
    height: 12px;
    left: 0;
    margin: auto; 
    position: absolute; 
    right: 0;
    top: 0;
    width: 12px;
}
span.attend_checkbox:after,span.level_checkbox:after {content: ""; display: none;}
input[type=radio] {
    border: 1px solid #3b3938;
    font-size: 14px;
    height: 15px;
    margin-right: 4px;
    width: 15px;
}
span.agree_rule {color: #3b3938; margin-left: 6px; position: absolute;}
::placeholder {color: #3b3938; font-size: 16px;}
::-ms-input-placeholder {color: #3b3938; font-size: 16px;}
label.error {color: #c0222a;}
.form_right_box input[type="checkbox"] {height: 15px; width: 15px;}
.form-check-label,.form-check-label a {color: #302d2c; font-size: 14px; letter-spacing: 1px; text-decoration: none;}
.form-check-label {
    left: 0; 
    margin: 20px auto 0 auto; 
    max-width: 266px;
    position: absolute; 
    right: 0;
    width: 100%;
}
.submit_btn {
    background: #fff;
	border: 1px solid #bc955c;
    bottom: 40px;
	color: #bc955c;
	cursor: default;
    display: block;
    font-family: 'Noto Serif TC', serif; 
	font-size: 15px;
    font-weight: 600;
	height: 35px;
    left: 0;
	letter-spacing: 1px;
    line-height: 32px;
	margin: 0 auto;
	outline: 0;
    position: absolute;
    right: 0;
	width: 132px;
}
.submit_btn:hover {background: #bc955c; color: #fff;}

/* --Footer--------------------------------- */
.footer_box {background: #bc955c; padding: 42px 0; width: 100%;}
.footer_container {margin: 0 auto; max-width: 1240px; position: relative; width: 100%;}
ul.logo_info li img.footer_logo {max-width: 196px;}
ul.logo_info {width: 482px;}
ul.logo_info,ul.social_box {float: left;}
ul.logo_info li,ul.social_box li {float: left;}
ul.social_box li img {cursor: pointer; transition: .3s;}
ul.social_box li img:hover {transform: scale(1.2);}
ul.logo_info li {margin-right: 82px;}
ul.logo_info li:last-child {margin-right: 0;}
ul.logo_info li img.contact {margin-top: 8px;}
ul.social_box {margin: 8.5px 0 0 82px; width: 154px;}
ul.social_box li {margin-right: 14px;}
ul.social_box li:last-child {margin-right: 0;}
.footer_container p {
	color: #fff;
    float: right;
	font-size: 14px;
	line-height: 22.8px;
	text-align: left;
}
.footer_container img.go_top_btn {
    cursor: default;
    height: auto; 
    max-width: 140px;
    position: absolute; 
    right: 22px;
    top: -86px;
}

/* --Animation--------------------------------- */
@keyframes banner_line_scroll {
	0% {transform: scale(1,0); transform-origin: 0 0;}
	50% {transform: scale(1,1); transform-origin: 0 0;}
	50.1% {transform: scale(1,1); transform-origin: 0 100%;}
	to {transform: scale(1,0); transform-origin: 0 100%;}
}

/* --Mobile Web--------------------------------- */
@media screen and (min-width:1000px) and (max-width:1200px){
    p.mobile_copyright {display: none;}
    .portrait_photography_list {margin-left: 40px;}
    .gifts_for_you_box {padding: 0 20px;}
}
@media screen and (max-width:1250px){
    .form_wrapper {margin: 0 auto 140px auto;}
    .form_left_box {margin-left: 20px;}
    .form_right_box {margin-right: 20px;}
    .footer_box {padding: 20px 20px 24px 20px;}
    .footer_container p {float: right;}
    .footer_container img.go_top_btn {right: 18px; top: -64px;}
    ul.social_box {margin: 8.5px 0 0 0;}
    ul.logo_info {max-width: 455px;}
    ul.logo_info li {margin-right: 28px;}
}
@media screen and (max-width:1200px){
    .form_left_box {max-width: 570px;}
    .form_left_box .form_left_title {max-width: 414px;}
    .form_left_box ul.form_left_list li {width: 235px;}
    .form_left_list_content {padding: 0; width: 218px;}
    .form_right_box {max-width: 458px; padding: 26px 38px 0px 38px;}
}
@media screen and (max-width:1130px){
    .footer_container p {float: left; margin-top: 10px; width: 100%;}
    .footer_container img.go_top_btn {right: -20px; top: -64px;}
    ul.social_box {margin: 8.5px 0 0 0;}
}
@media screen and (max-width:1100px){
    .form_left_box ul.form_left_list li img.form_left_x_icon {display: none;}
    .form_left_box {max-width: 440px;}
    .form_left_box .form_left_title h2 img.form_title {display: block; margin: 0 auto; max-width: 320px;}
    .form_left_box .form_left_title p {font-size: 16px;}
    .form_left_box ul.form_left_list li {margin-right: 30px; width: 205px;}
    .form_left_box ul.form_left_list li h3 {font-size: 26px; top: -33px;}
    .form_left_list_content {width: 188px;}
    .form_left_list_content h4 {font-size: 14px;}
    .form_left_list_content p {font-size: 12px;}
    .form_right_box h2 {font-size: 28px;}
    .form_speech_box p.attend_speech {font-size: 18px;}
    ul.form_check_box li {font-size: 16px;}
}
@media screen and (min-width:1001px){
    .mobile_HOLA_logo_box,.spring_photography_box h3.mobile_title,.spring_photography_box h4.mobile_title,
    .spring_photography_box p.desktop_hide,img.mobile_live_watch,img.mobile_gift_for_you_photo {display: none;}
    .portfolio_box .title p span.line {background: #bc955c; display: block; height: 1px; width: 80px;}
}
@media screen and (max-width:1000px){
    .six_photography_technique_box h2,.portfolio_box .mask_bar,.mouse_scroll {display: none;}
    .spring_photography_box p.mobile_hide,.header_box .header_box_right .live_watch img.golden_circle2,
    .header_box .header_box_right .live_watch img.golden_circle_arrow_icon,.header_box .header_box_left img.HOLA_logo,
    .live_watch {display: none;}
    .header_box {margin: 24px auto 90px auto; padding: 0 20px;}
    .mobile_HOLA_logo_box {background: #383e45; height: 50px; position: relative; width: 100%;}
    .mobile_HOLA_logo_box img.HOLA_logo {display: block; left: 24px; max-width: 64px; position: absolute; top: 12.5px;}
    .header_box .header_box_left {float: none; position: static;}
    .header_box .header_box_right {float: none; margin-top: 32px;}
    .header_box .header_box_right img.golden_circle1 {height: auto; max-width: 58px;}
    .header_box .header_box_right img.header_banner {display: block; max-width: 100%;}
    .portrait_photography_box {margin: 20px auto 0 auto;}
    .header_box .header_box_left_activity {margin-top: 30px;}
    .header_box .header_box_right .live_watch img.golden_circle2 {max-width: 75px;}
    .header_box .header_box_right .live_watch img.golden_circle_arrow_icon {max-width: 24px;}
    .header_box .header_box_right .live_watch p {line-height: 24px;}
    .header_box .header_box_right .live_watch .f32,.header_box .header_box_right .live_watch .f24 {font-size: 15px;}
    .header_box .header_box_right .live_watch {font-size: 15px;}
    .header_box .header_box_left_activity p.time {font-size: 18px;}
    .header_box .header_box_left_activity p.activity {font-size: 13px; margin-top: 6px;}
    .header_box .header_box_left h1 {
        font-family: 'Noto Serif TC', serif; 
        font-size: 30px; 
        font-weight: 700; 
        line-height: 42px; 
        margin: 18px 0 22px 0;
    }
    .header_box .header_box_left ul li {font-size: 12px; margin-right: 8px; padding-left: 8px;}
    .header_box .header_box_left ul li:before {height: 15px; width: 3px;}
    .spring_photography_box h3.mobile_title {color: #fff; font-family: 'Noto Serif TC', serif; font-size: 20px;}
    .spring_photography_box h4.mobile_title {color: #bc955c; font-size: 12px; font-weight: 400; margin-top: 8px;}
    .spring_photography_box p.desktop_hide {
        color: #c5c5c5; 
        font-size: 13px;
        line-height: 23px; 
        margin-top: 0px; 
        text-align: justify;
    }
    .portrait_photography_title {margin: 0 auto; max-width: 294px;}
    .portrait_photography_list,.portrait_photography_list li img {margin: 0 auto; max-width: 200px;}
    .portrait_photography_list {margin-top: 38px;}
    .portrait_photography_list li {margin-bottom: 30px;}
    .portrait_photography_list li:nth-child(1),.portrait_photography_list li:nth-child(2),.portrait_photography_list li:last-child {margin-top: 0;}
    .portrait_photography_list li p {font-size: 13px; line-height: 21px; margin-top: 5px;}
    .spring_photography_box,.spring_photography_box_text {margin-top: 24px; max-width: 300px;}
    .spring_photography_box .spring_photography_title h3 {font-size: 20px;}
    .spring_photography_box img.photographer_profile {display: block; float: none; margin: 43px auto 0 auto; max-width: 280px;}
    .spring_photography_title {display: none;}
    .spring_photography_title p {font-size: 14px; line-height: 22px;}
    .spring_photography_box_text .experience_box {float: none; margin-right: 0;}
    .spring_photography_box_text .experience_box h3 {font-size: 20px; left: 0; top: -40px;}
    .spring_photography_box_text .experience_box h3:after {background: url(../images/mobile_circle_icon.svg) no-repeat; left: -20px;}
    .spring_photography_box_text .experience_box ul.experience_list li {font-size: 13px; line-height: 22px;}
    .spring_photography_box_text {margin: 100px auto 0 auto;}
    .portfolio_box:before {border-width: 22px 0 0 22px;}
    .portfolio_box:after {border-width: 0 22px 22px 0;}
    .portfolio_box .title {
        left: 0; 
        margin: auto; 
        right: 0; 
        text-align: center; 
        top: 294px;
    }
    .portfolio_box .title h3 {font-size: 24px;}
    .portfolio_box .title h4 {font-size: 18px;}
    .portfolio_box .title p {font-size: 12px; margin-top: 8px; padding-right: 64px;}
    .portfolio_box {height: 526px; margin: 130px auto 0 auto; max-width: 340px; padding: 30px 20px 8px 20px;}
    ul.slider_btn {margin: 24px auto 30px auto; max-width: 218px;}
    ul.slider_btn li {font-size: 26px;}
    ul.slider_btn li:first-child:before {right: -102px;}
    .portfolio_slider_photo {position: static;}
    img.portfolio_slider_photo {display: block; height: auto; margin: 0 auto; max-width: 80%;}
    .six_photography_technique_box {margin: 110px auto 0 auto;}
    .six_photography_technique_box .title p {font-size: 12px;}
    .six_photography_technique_box .title h3 {font-family: 'Noto Serif TC', serif; margin-top: 0;}
    .six_photography_technique_box .title h3 span {font-size: 20px;}
    .six_photography_technique_box ul.list {margin: 50px auto 0 auto; max-width: 290px; padding: 0 20px;}
    .six_photography_technique_box ul.list li {margin-bottom: 100px; margin-right: 0; margin-top: 0; width: 100%;}
    .six_photography_technique_box ul.list li:nth-child(2),.six_photography_technique_box ul.list li:nth-child(5),
    .six_photography_technique_box ul.list li:nth-child(3),.six_photography_technique_box ul.list li:nth-child(6) {margin-top: 0;}
    .six_photography_technique_box ul.list li span.no {font-size: 34px; margin: -15px 0 0 -15px;}
    .six_photography_technique_box ul.list li img {max-width: 100%;}
    .six_photography_technique_box ul.list li:after {height: 140px; left: -14px; top: 14px; width: 100%;}
    .list_text {bottom: -34px;}
    .list_text h4 {font-size: 12px;}
    .list_text p {font-size: 12px; margin-top: 6px;}
    .portrait_photography_title h3,.filter_box h3 {font-size: 20px;}
    .filter_box h4 span.line,.spring_photography_title h4 span.line {padding: 0 14px;}
    .filter_box h4 span.line:after,.spring_photography_title h4 span.line:after {width: 20px;}
    .filter_box h4 {font-size: 12px; line-height: 20px; margin-top: 8px;}
    .filter_box {margin: 120px auto 0 auto; max-width: 294px;}
    ul.filter_box_list {margin: 55px auto 0 auto; max-width: 260px;}
    ul.filter_box_list li {float: none; margin-bottom: 160px;}
    ul.filter_box_list li:last-child {margin-bottom: 0;}
    .gift_for_you_right h2 {display: none;}
    .gifts_for_you_box {margin: 226px auto 90px auto; padding: 0 20px;}
    .gift_for_you_left,.gift_for_you_right {float: none; margin-top: 66px;}
    .gift_for_you_left {margin: 0 auto; width: 326px;}
    .gift_for_you_right {padding: 0 8px;}
    .gift_for_you_left img.gift_for_you_photo1 {max-width: 198px;}
    .gift_for_you_left img.gift_for_you_photo2 {left: auto; max-width: 160px;}
    .gift_for_you_right {float: none; width: 100%;}
    .gift_for_you_right h3 {font-size: 20px;}
    .gift_for_you_right p {font-size: 12px; margin-top: 6px;}
    .gift_for_you_right_text {margin-top: 42px;}
    .gift_for_you_right_text li {margin-bottom: 28px;}
    .gift_for_you_right_text li:last-child {margin-bottom: 0;}
    .gift_for_you_no_text h4 {font-size: 14px;}
    .gift_for_you_no {top: -12px;}
    .gift_for_you_no span {font-size: 28px; margin-left: 10px;}
    img.gift_for_you_signature {display: none; max-width: 170px; position: static;}
    .form_wrapper {padding: 50px 20px 114px 20px;}
    .form_right_box {height: 840px; padding: 26px 20px 0px 20px;}
    .form_right_box h2 {font-size: 20px;}
    .form_left_list_content img.icon {margin: 20px auto 8px auto; max-width: 70%;}
    .form_left_box ul.form_left_list li {float: left; height: 248px; margin-right: 0; width: 190px;}
    .form_left_box ul.form_left_list li:last-child {float: left;}
    .form_left_box ul.form_left_list li:last-child {float: right;}
    .form_left_list_content {height: 232px; width: 172px;}
    .mask .modal_photo_box {max-width: 300px;}
    .mask .mobile_modal_photo_slider_btn_box {
        bottom: 130px;
        display: block; 
        left: 0; 
        margin: auto; 
        position: absolute; 
        right: 0; 
        width: 258px;
    }
    .mask .modal_photo_box .next_btn,.mask .modal_photo_box .prev_btn {font-size: 22px; top: 102%; transform: none;}
    .mask .modal_photo_box .next_btn {right: 0;}
    .mask .modal_photo_box .prev_btn {left: 0;}
    .mask .modal_photo_box .modal_close_btn img {height: auto; max-width: 30px; right: -6px; top: -6px;}
    .assign_box {height: 1144px; max-width: 320px;}
    .assign_content {height: 97.3%; margin-top: 16px; padding: 20px; width: 280px;}
    .assign_content .title h3 {font-size: 12px;}
    .assign_content .title h2 {font-size: 16px;}
    .assign_box:before {max-width: 312px;}
    .assign_circle_icon1,.assign_circle_icon2,.assign_circle_icon3,.assign_circle_icon4,
    .assign_content .title h2 span:before,.assign_content .title h2 span:after,
    .assign_content ul.point_list li:before,.assign_content_detail_left:before,
    .assign_content_detail_left_text:before {display: none;}
    .assign_content ul.point_list li {font-size: 12px; margin-right: 8px;}
    .assign_content_detail .assign_content_detail_left,.assign_content_detail .assign_content_detail_right {float: none;}
    .assign_content ul.ticket {border-bottom: 1px solid #bc955c; padding: 0 0 38px 0;}
    .assign_content_detail .assign_content_detail_left {width: 100%;}
    .time_text_box {padding: 0;}
    .ticket_text h4 {font-size: 16px;}
    .ticket_text p {font-size: 12px;}
    .ticket_price p {font-size: 20px;}
    .time_text_detail_box .time_text_detail {width: 58%;}
    .time_text_detail_box .time_text_detail img.open_time {max-width: 110px;}
    .time_text_detail_box .time_text_detail p.time,.time_text_detail_box .time_text_detail p.address {font-size: 13px; line-height: 17px;}
    .time_text_detail_box img.appedu_logo {max-width: 88px;}
    .more_info p.limit {font-size: 15px;}
    .assign_content_detail .assign_content_detail_right {border-bottom: 1px solid #bc955c; padding-bottom: 38px; width: 100%;}
    .assign_content_detail .assign_content_detail_right img.assign_photo {max-width: 210px;}
    .assign_content_detail .assign_content_detail_right h1 {font-size: 40px;}
    .assign_box {margin: 100px auto 0 auto;}
    .assign_box:before {background: url(../images/mobile_assign_b_decoration_top.svg) no-repeat; top: -50px;}
    .assign_box:after {background: url(../images/mobile_assign_b_decoration_bottom.svg) no-repeat;}
    .assign_content ul.ticket li:nth-child(2) img.crown_icon,img.gift_for_you_photo1,
    img.gift_for_you_photo2,img.gift_for_you_signature {display: none;}
    img.mobile_gift_for_you_photo {display: block; margin: 0 auto; max-width: 100%; position: static;}
    img.mobile_live_watch {
        bottom: -32px; 
        display: block; 
        height: auto; 
        max-width: 218px; 
        position: absolute; 
        right: 0;
    }
    .portrait_photography_title h4 {font-size: 12px; padding-bottom: 6px;}
    .portrait_photography_box h2 {left: 20px; text-align: left; top: -72px;}
    .portfolio_box h2 {bottom: -36px; left: 20px;}
    .spring_photography_box_text h2 {right: 0; top: 100px;}
    .portrait_photography_box h2,.portfolio_box h2,.spring_photography_box_text h2 {
        display: block; 
        font-family: 'EB Garamond', serif; 
        font-size: 40px; 
        letter-spacing: 1.6px; 
        line-height: 40px;
    }
    .form-check-label {max-width: 290px;}
    ul.form_check_box li {font-size: 15px; width: 29%;}
    .form_right_box input.first {margin-bottom: 10px; margin-top: 0;}
    .form_right_box input,.form_right_box .city,.form_right_box .area {margin: 10px 0;}
    .form_right_box select[name="city"],.form_right_box select[name="area"] {font-size: 12px;}
    .six_photography_technique_box ul.list li span.no:after {width: 32px;}
    .form_wrapper {height: 100%; padding: 50px 20px 114px 20px;}
    .form_left_box,.form_right_box {display: block; float: none; margin: 0 auto;}
    .form_right_box {position: static; transform: translateY(58px);}
    .form_left_box,.form_left_box ul.form_left_list {max-width: 458px;}
    .form_left_box ul.form_left_list li {margin-right: 15px;}
    .form-check-label input {margin-top: 0;}
    ul.form_check_box li label {padding-left: 24px;}
}
@media screen and (min-width:650px){
    .footer_container p.mobile_copyright {display: none;}
}
@media screen and (max-width:650px){
    .footer_container p.desktop_copyright {display: none;}
    .footer_container img.go_top_btn {top: -84px;}
    .footer_box {padding: 40px 20px 24px 20px;}
    ul.logo_info {display: block; margin: 0 auto; max-width: 202px;}
    ul.logo_info li {margin-bottom: 20px;}
    ul.logo_info, ul.social_box {float: none; margin: 0 auto;}
    .footer_container p.mobile_copyright {display: block; font-size: 12px; margin-top: 20px; text-align: center;}
}
@media screen and (max-width:440px){
    .form_left_box ul.form_left_list li {height: 180px; width: 160px;}
    .form_left_box .form_left_title h2 img.form_title {max-width: 268px;}
    .form_left_box .form_left_title p {font-size: 14px;}
    .form_left_box ul.form_left_list {margin-top: 50px;}
    .form_left_box ul.form_left_list li h3 {font-size: 20px; top: -26px;}
    .form_left_list_content {height: 166px; padding: 0 4px; width: 146px;}
    .form_left_list_content img.icon {margin: 4px auto 8px auto; max-width: 66%;}
    .form_left_list_content h4,.form_left_list_content p {font-size: 12px;}
    .form_left_list_content p {line-height: 16px;}
    ::placeholder {font-size: 12px;}
    ::-ms-input-placeholder {font-size: 12px;}
}
@media screen and (max-width:400px){
    .form_speech_box p.attend_speech,ul.form_check_box li {font-size: 14px;}
    ul.form_check_box li label {padding-left: 20px;}
    span.attend_checkbox,span.level_checkbox {height: 14px; width: 14px;}
    .form_right_box input[type="checkbox"] {height: 14px; width: 14px;}
    .form_right_box select[name="city"],.form_right_box select[name="area"] {font-size: 12px;}
    .form_right_box input,.form_right_box select[name="city"],.form_right_box select[name="area"] {font-size: 12px; height: 38px; line-height: 36px; padding-left: 8px;}
    .form-check-label {margin: 14px auto 0 auto; max-width: 228px;}
    span.agree_rule,.form-check-label,.form-check-label a {font-size: 12px;}
}
@media screen and (max-width:380px){
    .form_right_box {height: 770px;}
}
@media screen and (max-width:374px){
    .form_left_box ul.form_left_list li {float: none;}
    .form_left_box ul.form_left_list li:first-child,.form_left_box ul.form_left_list li:last-child {float: none; margin: 0 auto;}
    .form_left_box ul.form_left_list li:first-child {margin-bottom: 60px;}
    .form_right_box h2 {font-size: 18px;}
    ul.form_check_box li label {padding-left: 18px;}
    .form_speech_box p.attend_speech {font-size: 12px;}
    .form_right_box .form-distribution {margin-top: 20px;}
    .form_right_box input {font-size: 12px;}
    ul.form_check_box li {font-size: 12px; width: 28%;}
    ul.form_check_box li.mobile_attend_no {width: 33%;}
    span.checkbox {height: 12px; width: 12px;}
    .form_right_box {height: 680px;}
    .form_right_box textarea {height: 100px;}
    .form-check-label input {height: 16px; margin-right: 0;}
}
@media screen and (max-width:340px){
    .mask .modal_photo_box {max-width: 270px;}
}