﻿/* css reset 歸0 */
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}
/* remember to define focus styles! */
:focus { outline: 0;}
/* remember to highlight inserts somehow! */
ins {text-decoration: none;}
del {text-decoration: line-through;}
/* css reset 歸0 end */

body{font-family:"微軟正黑體", Arial;}
/*div section標籤段落*/
section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;}
a{text-decoration: underline;}
a:hover{text-decoration: none;}
ul,li{margin: 0px;padding: 0px;list-style-type: none;}
.bg_padding{padding:1%;}
.bgcolor1{background: url(../images/0810049_topbg.png) no-repeat center var(--orange);}
.bgcolor2{background-color: #f9cfd6;}
.bgcolor3{background-color: #EBEBEB;}
.bgcolor4{background-color: #F6F6F6;}
.bgcolor5{background-color: #EBEBEB;}
/*所有元素漸變0.5秒*/
*{transition: all .5s;}
/*標題大小*/
h1{ font-size: 3em; }
h2{ font-size: 2.5em; }
h3{ font-size: 2.2em; }

:root{
    --pinkred:#d55258;
    --purple:#735ba5;
    --grayblack:#4b4b4b;
    --orange:#f48533;
}

/*主圖*/
#Master_ad {
    width: 1200px;
    margin: 0 auto;
    padding: 0%;
    position: relative;
}

#Master_ad .top {
    position: absolute;
    left: 46%;
    bottom: 4%;
}

.fa-heart{color:#d10a0a;}
.page_des{font-size: 1.8em;text-align: center;font-family: MStiffHeiHK;color: white;padding-bottom: 1em;}
.page_des b{color: #f1ee72;}
.gift {text-align: left;font-size:1.5rem;color: var(--grayblack);}
.gift ol li{font-size: 1.3rem;list-style-image:none;}
.gift ol li .heart{color: var(--purple);}
.gift_note{font-size:1.0em;}
.gift_note a{color: black;}
.gift > li{line-height: 1.9em;list-style-image:url(../images/0810049_heart.png);margin-left: 5%;margin-bottom: 0.5rem;}
.gift li a{color: var(--purple);}
.gift strong{font-weight: bold;font-family: MStiffHeiHK;font-size:1.2em;}
.gift_r{color: var(--purple);}
.gift_y{color: var(--pinkred);font-weight: bold;}
.media_content{font-size: 1.2em;}
.media_content a{color: var(--pinkred);}
.media_content strong{color: var(--purple);}

small{font-size: 0.8em;}
.gift_note,.media_bg,.media_group,.media_photo{margin: 2% auto;}
.media_title{font-size:3.0em;color: var(--pinkred);font-weight: bold;font-family: MStiffHeiHK;}
.media_stu_title{font-size: 1.8em;color: var(--grayblack);font-weight: bold;}
.media_name{font-size: 1.3em;border-bottom: dotted 4px var(--pinkred);padding-bottom: 10px;color: var(--pinkred);}
.media_name a{font-weight: bold;font-size: 1.2em;color: var(--orange);}
.media_photo,.media_right{display: inline-table;vertical-align: top;}
.media_photo{width: 25%;position: relative;margin: 0 auto;padding: 0%;text-align: center;}
.media_photo img+img {
    position: absolute;
    bottom: -20px;
    left: 145px;
}
.media_photo img{border-radius: 1em;}
.media_right{width: 74%;}
.media_hit{margin-left: 2%;font-weight: bold;}
.media_hit b{margin-right: 2%;font-weight: bold;color: white;background-color: var(--orange);padding: 5px 10px;border-radius: 0.5em;}

.media_group{background: linear-gradient( to bottom,#FFF 80%, #d6d6d6 100%);border-radius: 2em;padding: 1.5em 1em;text-align: left;}


@media screen and (-webkit-min-device-pixel-ratio:0) { /*Webkit*/
}
@-moz-document url-prefix(){/*Firefox*/
}

@media \0screen\,screen\9 {/*IE 6 7 8*/
}

@media screen\0 {/*IE 8 9 10 11*/
}

@media print {
}
