@import url("../../../icon_new/css/all.min.css");
@import url("../../../File/css/ani.css");

/*設計專用樣式Start*/
	.pc_show{display:block;}
	.mb_show{display:none;}
	.pc_br{display:block;}
#Master_title img{width:100%}
.teacher_group{ width:100%;background: linear-gradient(to bottom ,#f4f1e2 10% ,#ffffff 70%);}
.tea_title {font-family: "Microsoft YaHei";text-align: center;font-size: 3.5em !important;color: #e90101;font-weight: bold;text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;}
.teacher{width:calc(100%/2);text-align: left;padding: 0.25rem;}
.teacher dt .name_big{font-size: 2.5rem;font-weight: bold;line-height: 0;}
.teacher dt .name_big a{color:#bd9e31}
.teacher dt{font-size:1.8rem;text-align: center;padding-bottom: 7px;color: #bd9e31;}
.teacher dt img {background-color: #CCC;border-radius: 50%;width: 222px;box-shadow: 7px 10px 0 #66666629;}
.teacher dd p{font-size: 1.2em;line-height: 1.5em;text-align: left;margin-bottom: 2%;padding: 0 6%;font-family: "Microsoft JhengHei",Arial,Verdana;font-weight: normal;}
.teacher dd p img{ float:left;padding-right: 10px;}
.plan{font-size: 1.4em;padding: 2% 4% 2.5%;background-color: #d1c496;}
.planwin_title{font-family: "Microsoft YaHei";text-align: center;font-size: 2.2em !important;color: #d72323;font-weight: bold;text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;}

.month,.month_end{padding: 1% 0 0 1%;}
.month dd,.month_end dd{}
.month dt,.month_end {width: 100%;padding: 1% 0 1% 2%;border-radius: 3px;position: relative;background: #d72323;color: #fff;margin-left: -14px;margin-top: 3.5px;font-size: 1.2em;font-family: Verdana,"Microsoft YaHei";}
.month dt:after {right: -27px;top: -10px;content: "";height: 0;width: 0;position: absolute;border-style: solid;border-width: 35px 0 30px 42px;border-color: transparent transparent transparent #d72323;z-index: 7;}
.month dt:before {right: -33px;top: -10px;content: "";height: 0;width: 0;position: absolute;border-style: solid;border-width: 35px 0 30px 42px;border-color: transparent transparent transparent #d1c496;z-index: 6;}
.month_end {margin-top: 0.8%;height: 49px;padding: 0.5% 0 1% 2%;}
.month_end dt:after {right: -8px;top: -10px;content: "";height: 0;width: 0;}
.month_end dt:before {right: -18px;top: -10px;content: "";height: 0;width: 0;}
.month dd a{ color: #c50101;font-size: 1.1em;}
.month_end dd a {color: #c50101;font-size: 0.9em;line-height: 2em;}

.courseDate{padding: 1.5% 0;}
.DateList th,.DateList td,.DateList{/*border:1px black solid;*/border-collapse: collapse;}
.DateTitle{font-family: Verdana,"Microsoft YaHei";text-align: center;font-size: 3em !important;line-height: 1.2em;color: #ff2e2f;font-weight: bold;padding-top: 1%;text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px;}
.DateList {table-layout: fixed;margin: 1% auto;font-size: 1.2rem;line-height: 1.7em;font-family: Verdana,"Microsoft JhengHei",Arial;}
.DateList th, .DateList td {padding: 7px 40px;text-align: center;border-bottom: 1px #03abc0 solid;}
.DateList th {font-size: 1.6rem;background: #03abc0;color: #FFF;}
.DateList td {background-color: #fff;}
.DateList td.title_bg {background: #e8e4d7;color: #000;font-size: 1.15em;font-weight: bold;}
.DateList td a{ color:#000}

.link a {font-size: 1.6rem;padding: 2% 3%;width: 200px;display: block;background-color: #03abc0;text-decoration: none;color: #fff;border-radius: 30px;border:3px #fff solid;}
.link a:hover{display: block;background-color: #d10f14;border:3px #fff solid;text-decoration: none;color: #fff;}

.media_group {background-color: #e8d683;margin-top: 2.2% !important;padding: 2% 3% 2%;border-radius: 0 130px 0 130px;background: linear-gradient(to bottom ,#f2f2e6 10% ,#e8d683 70%);    text-align: left;box-shadow: 7px 10px 0 #3939395c;}
.mediaList,.LGroupA,.LGroupB{text-align: center;}
.mediaList .list_title {padding: 0.5% 2%;margin-bottom: 1%;background-color: #ae8e1e;border-radius: 30px;display: inline-block;color: #fff;}
.mediacontent,.mediaList{font-size: 1.2em;line-height: 1.8em;text-align: left;margin-bottom: 2%;padding: 1% 6% 0;font-family: "Microsoft JhengHei",Arial,Verdana;font-weight: normal;}
.recom{background-color: #fff;padding: 2% 3%;border-radius: 0 77px 0 116px;}
.recom dt{font-size: 1.6rem;color: #c00;font-weight: bold;}
.recom dd{font-size: 1.2em;line-height: 1.5em;text-align: left;margin-bottom: 2%;padding: 0 6%;font-family: "Microsoft JhengHei",Arial,Verdana;font-weight: normal;}
.recom dd a{color: #c00}

.Line dl dt {font-size: 1.7rem;padding: 1.5% 4.5% 1.5%;margin-top: 2%;display: inline-block;color: #fff;border-radius: 50px;width: 77%;}
.Line dl dt.color_1{background-color: #f44336;}
.Line dl dt.color_2{background-color: #b6b607;}
.Line dl dt.color_3{background-color: #31bd49;}
.color_3 a{color: white;}
.Line dl dd {font-size: 1.3rem;padding: 1.1% 2.5% 1.5%;border-radius: 50px;font-family: Verdana,"Microsoft YaHei";}
.Line dl dd a{color: #31bd49;}
.Line dl dd .qrcode_icon_s { text-align:center}
.Line dl dd .qrcode_icon_s img {width: 20%;margin: 1% auto -1%;border: 1px #31bd49 solid;}

.media_name{font-size: 1.2rem;}
.media_name a{color: #d10f14;}
.media_name .t_big{font-size: 1.9rem;}
.media_hit {font-size: 1.4rem;width: -webkit-fill-available;color: #d10f14;font-weight: bold;}
.media_hit .winner_icon {padding: 0.1% 2%;margin-bottom: 1%;background-color: #d10f14;border-radius: 0px 0px 0px 0px;display: inline-block;color: #fff;font-size: 1.7rem;border-right: 5px #f2f1e1 dotted;border-left: 5px #f2f1e1 dotted;}

.AD {right: 1%;bottom: 29rem;color: #fff;padding: 1.2% 1%;border-radius: 100px;display: block;box-shadow: -7px 7px 0 #43434338;background: linear-gradient(to bottom ,#ff2e2e 82% ,#aa0202 107%);	z-index: 99;}
.AD a {color: #fff;text-decoration: none;}
.AD a:hover {color: #fff;background-color: #ff2e2e;}
.AD i{ font-size:2em}

.student{padding: 1%}
.student_title,.grade_title{font-family: Verdana,"Microsoft YaHei";text-align: center;font-size: 3em !important;color: #ae8e1e;font-weight: bold;margin-top: 2.4% !important;text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;}
.student_map{ float: left;margin-right: 1%;margin-top: 1.5%;}
.student_map img{border-radius: 9999rem;}

.class4_title{font-family: Verdana,"Microsoft YaHei";}

.line_title{font-family: Verdana,"Microsoft YaHei";text-align: center;font-size: 3em !important;line-height: 1.3em;color: #019bae;font-weight: bold;text-shadow: white 0px 2px 10px, white 2px 0px 10px, white -2px 0px 10px, white 0px -2px 10px, white -1.4px -1.4px 10px, white 1.4px 1.4px 10px, white 1.4px -1.4px 10px, white -1.4px 0.4px 10px;}

.morelinks { margin:1% 2% 2%;text-align: right;}
.morelinks a {color: #f43f36;font-size: 1.2em;line-height: 2em;}
.grade_list{font-size: 1.3rem;text-align: left;margin: 0.5rem 0;background-color: white;padding: 1rem 0rem 1rem 3rem;border-radius: ;background: linear-gradient(to bottom ,#f2f2e6 10% ,#e8d683 70%);display: flex;flex-wrap: wrap;}
.grade_list li{line-height: 2.5rem;width: calc(100%/2);}
.hit{color: #d10f14;background-color: ;color:;border-radius: 1rem;padding:;margin: ;white-space: pre;}
.grade_gray_list{display: flex;flex-wrap: wrap;justify-content: ;background: linear-gradient(to bottom ,#f4f1e2 10% ,#ffffff 70%);padding: 0.5rem 0;box-sizing: border-box;margin: 0;}
.grade_gray_list li{width: calc(100%/4.2);text-align: left;font-size: 1.2rem;line-height: 2.8rem;color: rgb(57, 57, 57);list-style-type: disc;margin-left: 5.3rem;}
.grade_list li .name{color: #007797;}
.grade_hit{margin: 1rem 0;}
.grade_hit dt{font-size: 2.6rem;font-weight: 900;font-family:Verdana,"Microsoft YaHei";}
.grade_hit dd{font-size: 1.35rem;color: #22769d;}

/*設計專用樣式END*/

/*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;}
*{box-sizing: border-box;}
ins{text-decoration:none;}
del{text-decoration:line-through;}
body{/*font-family: 'Noto Sans TC',sans-serif;}
body{font-family:"Microsoft YaHei", 微軟正黑體, Arial;*/}
a{text-decoration:underline;color: #9429a7;font-weight: bold;}
a:hover{text-decoration:none;}
ul,li,dd,ol,p{margin:0;padding:0;list-style-type:none;}

/* 學習模式 */
.learn-way{margin-bottom: 4%;justify-content: space-around;}
.learn-item {width: calc(100%/2 - 18px);padding: .5rem;}
.learn-item dt {
    background-color: #b053c0;
    font-size: 1.0em;
    color: #fff;
    border-radius: 2.5em 2.5em 0em 2.5em;
    padding: 2px 17.5px 2px 18px;
    width: fit-content;
    margin: 1% 0% -6% 2%;
    font-family: Verdana,"Microsoft YaHei";
    background: linear-gradient(to right, rgb(165 64 182), #ff8da9);
    border-right: 6px #fddfe8 solid;
    border-bottom: 4px #fddfe8 solid;
}
.learn-item dt strong{font-size: 2.15em;font-weight: bold;}
.learn-item dd{font-size: 1.4rem;color: #2d2d2d;}
.learn-item:nth-child(n+1):nth-child(-n+2){border-bottom: 6px #ebe3b9 dotted;}
.learn-item:nth-child(odd){border-right: 6px #ebe3b9 dotted;}
.learn-item img{margin-bottom: 2%;}
.learn-bg{border-radius: 1.5rem;}

.txt-color8{color: #a540b6;border-bottom: dotted 5px #c0a54a;font-size: 2.8em;margin-bottom: 1.5%;}

/*Back to top button */
#back-top {position: fixed;bottom: 30px;margin-left: -150px;right: 1%;z-index: 99;}
#back-top a {width:50px;height:50px;border-radius:50%;display: block;text-align: center;font: 11px/100% Arial, Helvetica, sans-serif;text-transform: uppercase;text-decoration: none;color: #bbb;transition: 1s;}
#back-top a:hover {color: #000;}
/*arrow icon (span tag)*/
#back-top span {width:50px;height:50px;display: block;margin-bottom: 7px;background: rgb(189 158 49) url(../images/up-arrow.png) no-repeat center center;/*rounded corners*/border-radius:50%;/*background color transition*/transition: 1s;background-size: 86%;}
#back-top a:hover span {background-color: #12a9bc;}

/*共用*/
.bgcolor0{/*background-color: #dedac8;*/background: linear-gradient(to bottom ,#f4f1e2 94% ,#b2ad96 110%)}
/*.bgcolor1 { background-color: #d72323; background:linear-gradient(to bottom ,#f3f0e1 11% ,#d72323 26%);background:linear-gradient(to bottom ,#d72323 11% ,#f3f0e1 26%)}*/
.bgcolor1 {background: linear-gradient(to bottom ,#f4f1e2 94% ,#f3f0e1 110%);}
.bgcolor2{background-color: #F3F3F3;}
.bgcolor3{background-color: #EEEEEE;}
.bgcolor4{background-color: #E4E4E4;}
.bgcolor5{background-color: #DFDFDF;}
/*所有元素漸變0.5秒*/*{transition: all .5s;}
.w-full{width:100%}
article img,article video {max-width: 100%;height: auto;}
/*display*/
.block{display:block}.inline-block{display:inline-block}
.inline{display:inline}
.flex{display:flex}.inline-flex{display:inline-flex}
.table{display:table}.table-row{display:table-row}.table-cell{display:table-cell}
.flex-row {flex-direction: row;}.flex-col {flex-direction: column;}
.flex-wrap{flex-wrap: wrap;}
.hidden{display: none;}
/*定位*/
.fixed {position: fixed;}
.flex-1 {flex: 1 1 0%;}
.flex-auto {flex: 1 1 auto;}
.flex-initial {flex: 0 1 auto;}
.grid {display: grid;}
.inline-grid {display: inline-grid;}
/*對齊*/
.justify-center {justify-content: center;}
.justify-around {justify-content: space-around; }
.content-around{align-content: space-around;}
.items-center {align-items: center;}
.text-left {text-align: left;}
.text-center {text-align: center;}
.text-right{text-align: right;}
/*內外距*/
.p-0 {padding: 0;}.p-2 {padding: 0.5rem;}
.p-4 {padding: 1rem;}.p-3 {padding: 0.75rem;}
.px-2 {padding-left: 0.5rem; padding-right: 0.5rem;}
.m-1 {margin: 0.25rem;}.m-2 {margin: 0.5rem;}
.mr-1 {margin-right: 0.25rem;}.mr-2 {margin-right: 0.5rem;}
.mr-3 {margin-right: 0.75rem;}
.mt-2 {margin-top: 0.5rem;}.mt-3 {margin-top: 0.75rem;}
.my-auto {margin-top: auto;margin-bottom: auto;}.mx-auto {margin-left: auto; margin-right: auto;}
.mx-0 {margin-left: 0; margin-right: 0;}.my-1 {margin-top: 0.25rem;margin-bottom: 0.25rem;}
.mx-1 {margin-left: 0.25rem;margin-right: 0.25rem;}
.my-2 {margin-top: 0.5rem;margin-bottom: 0.5rem;}.my-4 {margin-top: 1rem;margin-bottom: 1rem;}
.my-0 {margin-top: 0; margin-bottom: 0;}
/*字級*/
.text-xs{font-size:.75rem}.text-sm{font-size:.875rem}
.text-base{font-size:1rem}.text-lg{font-size:1.125rem}
.text-xl{font-size:1.25rem}.text-2xl{font-size:1.5rem}
.text-3xl{font-size:1.875rem}.text-4xl{font-size:2.25rem}
.text-5xl{font-size:3rem}.text-6xl{font-size:4rem}
.leading-loose {line-height: 2;}
.font-bold {font-weight: 700;}
.font-extrabold {font-weight: 800;}
.font-black {font-weight: 900;}
.ft_NOTO{font-family: 'Noto Sans TC', sans-serif;}
.ft_NOTOSer{font-family: 'Noto Serif TC', serif;}
.ft_Meiro{font-family: Meiryo, "Meiryo UI", Arial, sans-serif;}
/*字顏色*/
.text-transparent{color:transparent}.text-black{color:#000}.text-white{color:#fff}.text-gray-100{color:#f7fafc}.text-gray-200{color:#edf2f7}.text-gray-300{color:#e2e8f0}.text-gray-400{color:#cbd5e0}.text-gray-500{color:#a0aec0}.text-gray-600{color:#718096}.text-gray-700{color:#4a5568}.text-gray-800{color:#2d3748}.text-gray-900{color:#1a202c}.text-red-100{color:#fff5f5}.text-red-200{color:#fed7d7}.text-red-300{color:#feb2b2}.text-red-400{color:#fc8181}.text-red-500{color:#f56565}.text-red-600{color:#e53e3e}.text-red-700{color:#c53030}.text-red-800{color:#9b2c2c}.text-red-900{color:#742a2a}.text-orange-100{color:#fffaf0}.text-orange-200{color:#feebc8}.text-orange-300{color:#fbd38d}.text-orange-400{color:#f6ad55}.text-orange-500{color:#ed8936}.text-orange-600{color:#dd6b20}.text-orange-700{color:#c05621}.text-orange-800{color:#9c4221}.text-orange-900{color:#7b341e}.text-yellow-100{color:#fffff0}.text-yellow-200{color:#fefcbf}.text-yellow-300{color:#faf089}.text-yellow-400{color:#f6e05e}.text-yellow-500{color:#ecc94b}.text-yellow-600{color:#d69e2e}.text-yellow-700{color:#b7791f}.text-yellow-800{color:#975a16}.text-yellow-900{color:#744210}.text-green-100{color:#f0fff4}.text-green-200{color:#c6f6d5}.text-green-300{color:#9ae6b4}.text-green-400{color:#68d391}.text-green-500{color:#48bb78}.text-green-600{color:#38a169}.text-green-700{color:#2f855a}.text-green-800{color:#276749}.text-green-900{color:#22543d}.text-teal-100{color:#e6fffa}.text-teal-200{color:#b2f5ea}.text-teal-300{color:#81e6d9}.text-teal-400{color:#4fd1c5}.text-teal-500{color:#38b2ac}.text-teal-600{color:#319795}.text-teal-700{color:#2c7a7b}.text-teal-800{color:#285e61}.text-teal-900{color:#234e52}.text-blue-100{color:#ebf8ff}.text-blue-200{color:#bee3f8}.text-blue-300{color:#90cdf4}.text-blue-400{color:#63b3ed}.text-blue-500{color:#4299e1}.text-blue-600{color:#3182ce}.text-blue-700{color:#2b6cb0}.text-blue-800{color:#2c5282}.text-blue-900{color:#2a4365}.text-indigo-100{color:#ebf4ff}.text-indigo-200{color:#c3dafe}.text-indigo-300{color:#a3bffa}.text-indigo-400{color:#7f9cf5}.text-indigo-500{color:#667eea}.text-indigo-600{color:#5a67d8}.text-indigo-700{color:#4c51bf}.text-indigo-800{color:#434190}.text-indigo-900{color:#3c366b}.text-purple-100{color:#faf5ff}.text-purple-200{color:#e9d8fd}.text-purple-300{color:#d6bcfa}.text-purple-400{color:#b794f4}.text-purple-500{color:#9f7aea}.text-purple-600{color:#805ad5}.text-purple-700{color:#6b46c1}.text-purple-800{color:#553c9a}.text-purple-900{color:#44337a}.text-pink-100{color:#fff5f7}.text-pink-200{color:#fed7e2}.text-pink-300{color:#fbb6ce}.text-pink-400{color:#f687b3}.text-pink-500{color:#ed64a6}.text-pink-600{color:#d53f8c}.text-pink-700{color:#b83280}.text-pink-800{color:#97266d}.text-pink-900{color:#702459}
/*BG顏色*/
.bg-black{background-color:#000}.bg-white{background-color:#fff}.bg-gray-100{background-color:#f7fafc}.bg-gray-200{background-color:#edf2f7}.bg-gray-300{background-color:#e2e8f0}.bg-gray-400{background-color:#cbd5e0}.bg-gray-500{background-color:#a0aec0}.bg-gray-600{background-color:#718096}.bg-gray-700{background-color:#4a5568}.bg-gray-800{background-color:#2d3748}.bg-gray-900{background-color:#1a202c}.bg-red-100{background-color:#fff5f5}.bg-red-200{background-color:#fed7d7}.bg-red-300{background-color:#feb2b2}.bg-red-400{background-color:#fc8181}.bg-red-500{background-color:#f56565}.bg-red-600{background-color:#e53e3e}.bg-red-700{background-color:#d93a1d}.bg-red-800{background-color:#d93a1d}.bg-red-900{background-color:#742a2a}.bg-orange-100{background-color:#fffaf0}.bg-orange-200{background-color:#feebc8}.bg-orange-300{background-color:#fbd38d}.bg-orange-400{background-color:#f6ad55}.bg-orange-500{background-color:#ed8936}.bg-orange-600{background-color:#dd6b20}.bg-orange-700{background-color:#c05621}.bg-orange-800{background-color:#9c4221}.bg-orange-900{background-color:#7b341e}.bg-yellow-100{background-color:#fffff0}.bg-yellow-200{background-color:#fefcbf}.bg-yellow-300{background-color:#faf089}.bg-yellow-400{background-color:#f6e05e}.bg-yellow-500{background-color:#ecc94b}.bg-yellow-600{background-color:#d69e2e}.bg-yellow-700{background-color:#b7791f}.bg-yellow-800{background-color:#975a16}.bg-yellow-900{background-color:#744210}.bg-green-100{background-color:#f0fff4}.bg-green-200{background-color:#c6f6d5}.bg-green-300{background-color:#9ae6b4}.bg-green-400{background-color:#68d391}.bg-green-500{background-color:#6ac3bd}.bg-green-600{background-color:#38a169}.bg-green-700{background-color:#2f855a}.bg-green-800{background-color:#276749}.bg-green-900{background-color:#22543d}.bg-teal-100{background-color:#e6fffa}.bg-teal-200{background-color:#b2f5ea}.bg-teal-300{background-color:#81e6d9}.bg-teal-400{background-color:#4fd1c5}.bg-teal-500{background-color:#38b2ac}.bg-teal-600{background-color:#319795}.bg-teal-700{background-color:#2c7a7b}.bg-teal-800{background-color:#285e61}.bg-teal-900{background-color:#234e52}.bg-blue-100{background-color:#ebf8ff}.bg-blue-200{background-color:#bee3f8}.bg-blue-300{background-color:#90cdf4}.bg-blue-400{background-color:#63b3ed}.bg-blue-500{background-color:#4299e1}.bg-blue-600{background-color:#3182ce}.bg-blue-700{background-color:#3386b8}.bg-blue-800{background-color:#2c5282}.bg-blue-900{background-color:#2a4365}.bg-indigo-100{background-color:#ebf4ff}.bg-indigo-200{background-color:#c3dafe}.bg-indigo-300{background-color:#a3bffa}.bg-indigo-400{background-color:#7f9cf5}.bg-indigo-500{background-color:#667eea}.bg-indigo-600{background-color:#5a67d8}.bg-indigo-700{background-color:#4c51bf}.bg-indigo-800{background-color:#434190}.bg-indigo-900{background-color:#3c366b}.bg-purple-100{background-color:#faf5ff}.bg-purple-200{background-color:#e9d8fd}.bg-purple-300{background-color:#d6bcfa}.bg-purple-400{background-color:#b794f4}.bg-purple-500{background-color:#9f7aea}.bg-purple-600{background-color:#805ad5}.bg-purple-700{background-color:#6b46c1}.bg-purple-800{background-color:#553c9a}.bg-purple-900{background-color:#44337a}.bg-pink-100{background-color:#fff5f7}.bg-pink-200{background-color:#fed7e2}.bg-pink-300{background-color:#fbb6ce}.bg-pink-400{background-color:#f687b3}.bg-pink-500{background-color:#ed64a6}.bg-pink-600{background-color:#d53f8c}.bg-pink-700{background-color:#b83280}.bg-pink-800{background-color:#d93a1d}.bg-pink-900{background-color:#702459}
/*導圓角*/
.rounded-none {border-radius: 0;}.rounded-sm {border-radius: 0.125rem;}
.rounded {border-radius: 0.25rem;}.rounded-lg {border-radius: 0.5rem;}
.rounded-full {border-radius: 9999px;}
/*grid切版*/
.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}
.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}
.grid-cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}
.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}
.grid-cols-7{grid-template-columns:repeat(7,minmax(0,1fr))}
.grid-cols-8{grid-template-columns:repeat(8,minmax(0,1fr))}
.grid-cols-9{grid-template-columns:repeat(9,minmax(0,1fr))}
.grid-cols-10{grid-template-columns:repeat(10,minmax(0,1fr))}
.grid-cols-11{grid-template-columns:repeat(11,minmax(0,1fr))}
.grid-cols-12{grid-template-columns:repeat(12,minmax(0,1fr))}
.grid-cols-none{grid-template-columns:none}
.grid-rows-1{grid-template-rows:repeat(1,minmax(0,1fr))}
.grid-rows-2{grid-template-rows:repeat(2,minmax(0,1fr))}
.grid-rows-3{grid-template-rows:repeat(3,minmax(0,1fr))}
.grid-rows-4{grid-template-rows:repeat(4,minmax(0,1fr))}
.grid-rows-5{grid-template-rows:repeat(5,minmax(0,1fr))}
.grid-rows-6{grid-template-rows:repeat(6,minmax(0,1fr))}
.grid-rows-none{grid-template-rows:none}
.gap-0{grid-gap:0;gap:0}
.gap-1{grid-gap:.25rem;gap:.25rem}
.gap-2{grid-gap:.5rem;gap:.5rem}
.gap-3{grid-gap:.75rem;gap:.75rem}
.gap-4{grid-gap:1rem;gap:1rem}
.gap-5{grid-gap:1.25rem;gap:1.25rem}
.gap-6{grid-gap:1.5rem;gap:1.5rem}
.gap-8{grid-gap:2rem;gap:2rem}
.gap-10{grid-gap:2.5rem;gap:2.5rem}
.gap-12{grid-gap:3rem;gap:3rem}
.gap-16{grid-gap:4rem;gap:4rem}
.gap-20{grid-gap:5rem;gap:5rem}
.gap-24{grid-gap:6rem;gap:6rem}
.gap-32{grid-gap:8rem;gap:8rem}
.gap-40{grid-gap:10rem;gap:10rem}
.gap-48{grid-gap:12rem;gap:12rem}
.gap-56{grid-gap:14rem;gap:14rem}
.gap-64{grid-gap:16rem;gap:16rem}
.gap-px{grid-gap:1px;gap:1px}

@media (min-width: 1201px){

        /*外框區域*/
        .w-px{width:1px}.w-1\/2{width:50%}.w-1\/3{width:33.333333%}.w-2\/3{width:66.666667%}.w-1\/4{width:25%}.w-2\/4{width:50%}.w-3\/4{width:75%}.w-1\/5{width:20%}.w-2\/5{width:40%}.w-3\/5{width:60%}.w-4\/5{width:80%}.w-1\/6{width:16.666667%}.w-2\/6{width:33.333333%}.w-3\/6{width:50%}.w-4\/6{width:66.666667%}.w-5\/6{width:83.333333%}.w-1\/12{width:8.333333%}.w-2\/12{width:16.666667%}.w-3\/12{width:25%}.w-4\/12{width:33.333333%}.w-5\/12{width:41.666667%}.w-6\/12{width:50%}.w-7\/12{width:58.333333%}.w-8\/12{width:66.666667%}.w-9\/12{width:75%}.w-10\/12{width:83.333333%}.w-11\/12{width:91.666667%}.w-full{width:100%}

    #BodyContent{width:100%;padding:0;margin:0;}
    #BodyContainer_event{width:100%;margin:0;}
    #BodyHeader_event_rwd,#topli{display:none;}

    /*資料集中1200px寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{margin:2% auto;display:inline-block;width:1180px;padding:10px;} 
	#Master_title {margin: 0 auto;display: inline-block;width: 100%;padding: 0;}   
    /*標題大小*/
    /* h1{ font-size: 3em; }
    h2{ font-size: 2.5em; }
    h3{ font-size: 2.2em; }
    #event_sixth nav a{ font-size: 1.3em; } */
    /* bodyHeader */
    #BodyHeader_event,#header-share{width:100%;float:left}
    #BodyHeader_event #header-share{line-height:2;font-size:17px;margin-bottom:0;margin-top:0;background-color:#f3f3e9}
    #BodyHeader_event #header-share img{margin-bottom:5px}
    #BodyHeader_event a{color:#333;font-size:17px}
    #BodyHeader_event a:hover{text-decoration:none;color:#666;position:relative;top:2px;bottom:2px}
    /* Footer */
    #BodyFooter_rwd,#footer_line,#footer_address ul li,#footer_inline ul{display:inline-block;}
    #BodyFooter_rwd{width:100%;margin-top:2%;}
    #footer_address,#footer_address #adinfo_out,#footer_address #adinfo{margin:0 auto;width:100%;}
    #footer_inline ul,#footer_address ul{width:100%;margin:0% auto;}
    #footer_inline a,#footer_address a{color:#000}
    #footer_inline ul li{display:inline;margin:auto 0.5%;width:13%;}
    #footer_address ul li{width:100%;line-height:1.9em;font-size:1em;}
    #adinfo_out #adinfo{width:50%;display:inline;margin:auto 1%;}
    #footer_inline ul li img{width:10%;height:auto;vertical-align:middle;}
    #footer_line{width:90%;border-top:thin solid #999;margin:2% 5%}
    /*ask*/
    #askarea_out *{font-family:"微軟正黑體";font-size:1em}
    #askarea_out{background-color:#12a9bc;width:100%;display:inline-block;text-align:left}
    #askarea{width:1200px;margin:0 auto;padding-bottom: 0.6%;}
    #askarea img{width:8%;height:auto}
    #askarea p{margin-top:1%;margin-bottom:1%;font-size:1.1em}
    #askarea .asktitle,#askarea .asktitle p{text-align:center}
    #askarea .asktitle {color: #FFF;font-size: 1.7em;margin-top: 3%;margin-bottom: 2.8%;}
    #askarea #formlist{width:80%;margin:2% auto;color:#FFF}
    #askarea SELECT,#askarea input{border-radius:7px;background-color:#FFF;border:#FFF;padding:.5% 1%;margin:auto 1% 1% auto}
    #askarea SELECT{width:19.7%}
    #askarea input{color:#585858}
    #askarea input[name="sContent"]{width:50%}
    #askarea input[type="text"]{width:40%;/*height:20px*/}
    #askarea input[type="radio"]{margin-left:3%}
    #askarea input[type="submit"],#askarea input[type="reset"]{width:11%;height:45px;color:#FFF;background-color: #50878e;border: 2px #fff solid;padding:.5em}
    #noie{color:#FFF;width:100%;height:60px;text-align:center;border:1px solid #069;background-color:#39C;_z-index:9999;z-index:9999;position:fixed;_top:expression(documentElement.scrollTop+"px");/*讓選單覆蓋內容不會隨著捲軸滑動而消失專用*/left:0;top:0}
    #noie a{color: #FC0;}
    .hottxt{ color: #ffd942; font-size: 13px;}
}

@media (max-width: 1200px){
    
    
.learn-item dd{font-size: 1.0rem;}
    .AD{bottom:0rem;background-color:#ffd942 ;}
 /*寬度區域*/
.sm\:w-1\/2{width:50%}.sm\:w-1\/3{width:33.333333%}.sm\:w-2\/3{width:66.666667%}.sm\:w-1\/4{width:25%}.sm\:w-2\/4{width:50%}.sm\:w-3\/4{width:75%}.sm\:w-1\/5{width:20%}.sm\:w-2\/5{width:40%}.sm\:w-3\/5{width:60%}.sm\:w-4\/5{width:80%}.sm\:w-1\/6{width:16.666667%}.sm\:w-2\/6{width:33.333333%}.sm\:w-3\/6{width:50%}.sm\:w-4\/6{width:66.666667%}.sm\:w-5\/6{width:83.333333%}.sm\:w-1\/12{width:8.333333%}.sm\:w-2\/12{width:16.666667%}.sm\:w-3\/12{width:25%}.sm\:w-4\/12{width:33.333333%}.sm\:w-5\/12{width:41.666667%}.sm\:w-6\/12{width:50%}.sm\:w-7\/12{width:58.333333%}.sm\:w-8\/12{width:66.666667%}.sm\:w-9\/12{width:75%}.sm\:w-10\/12{width:83.333333%}.sm\:w-11\/12{width:91.666667%}.sm\:w-full{width:100%}
/*距離*/
.sm\:m-0{margin:0}.sm\:m-1{margin:.25rem}.sm\:m-2{margin:.5rem}.sm\:m-3{margin:.75rem}.sm\:m-4{margin:1rem}.sm\:m-auto{margin:auto}.sm\:m-px{margin:1px}.sm\:my-0{margin-top:0;margin-bottom:0}.sm\:mx-0{margin-left:0;margin-right:0}.sm\:my-1{margin-top:.25rem;margin-bottom:.25rem}.sm\:mx-1{margin-left:.25rem;margin-right:.25rem}.sm\:my-2{margin-top:.5rem;margin-bottom:.5rem}.sm\:mx-2{margin-left:.5rem;margin-right:.5rem}.sm\:my-3{margin-top:.75rem;margin-bottom:.75rem}.sm\:mx-3{margin-left:.75rem;margin-right:.75rem}.sm\:my-4{margin-top:1rem;margin-bottom:1rem}.sm\:mx-4{margin-left:1rem;margin-right:1rem}.sm\:my-auto{margin-top:auto;margin-bottom:auto}.sm\:mx-auto{margin-left:auto;margin-right:auto}.sm\:my-px{margin-top:1px;margin-bottom:1px}.sm\:mx-px{margin-left:1px;margin-right:1px}.sm\:mt-0{margin-top:0}.sm\:mr-0{margin-right:0}.sm\:mb-0{margin-bottom:0}.sm\:ml-0{margin-left:0}.sm\:mt-1{margin-top:.25rem}.sm\:mr-1{margin-right:.25rem}.sm\:mb-1{margin-bottom:.25rem}.sm\:ml-1{margin-left:.25rem}.sm\:mt-2{margin-top:.5rem}.sm\:mr-2{margin-right:.5rem}.sm\:mb-2{margin-bottom:.5rem}.sm\:ml-2{margin-left:.5rem}.sm\:mt-3{margin-top:.75rem}.sm\:mr-3{margin-right:.75rem}.sm\:mb-3{margin-bottom:.75rem}.sm\:ml-3{margin-left:.75rem}.sm\:mt-4{margin-top:1rem}.sm\:mr-4{margin-right:1rem}.sm\:mb-4{margin-bottom:1rem}.sm\:ml-4{margin-left:1rem}.sm\:mt-auto{margin-top:auto}.sm\:mr-auto{margin-right:auto}.sm\:mb-auto{margin-bottom:auto}.sm\:ml-auto{margin-left:auto}.sm\:mt-px{margin-top:1px}.sm\:mr-px{margin-right:1px}.sm\:mb-px{margin-bottom:1px}.sm\:ml-px{margin-left:1px}

/*字體*/
.sm\:text-xs{font-size:.75rem}.sm\:text-sm{font-size:.875rem}.sm\:text-base{font-size:1rem}.sm\:text-lg{font-size:1.125rem}.sm\:text-xl{font-size:1.25rem}.sm\:text-2xl{font-size:1.5rem}.sm\:text-3xl{font-size:1.875rem}.sm\:text-4xl{font-size:2.25rem}.sm\:text-5xl{font-size:3rem}.sm\:text-6xl{font-size:4rem}

/*隱藏*/
.sm\:hidden {display: none;}

    /*隱藏的區塊*/
    #BodyHeader_event,.hottxt,#noie{display:none;}
    /*會撐開的版面控制*/
    #BodyContent {width: 100%;padding:0;}
    #BodyContainer_event{width: 100%;}
    /*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-top:2.5%;}}
    @media screen and  (orientation:landscape) {#BodyHeader_event_rwd img {max-width: 25%;margin-top:2.5%;}}
    /*選單*/
    #mbSearch {margin: 5% 0 0 0;border-bottom: 1px solid #7D7D7D;width: 100%;}
    #mbSearch input {border: none;outline: 0;font-size: 2em;padding-left: 6%;}
    /*body*/
    #Master_title{display:inline-block;width:100%;padding:0%;}/*主圖位置ID*/
    @media all and (orientation : portrait){#Master_title{margin-top: 15%;}}
    @media screen and  (orientation:landscape) {#Master_title{margin-top: 10%;}}
    /*滿百100%區域*/
    .row100{width:100%;}
    /*資料集中寬外框*/
    #event_master,#event_sec,#event_third,#event_fourth,#event_fifth,#event_sixth{text-align: center;width:98%;padding:1%;}
    /*div section標籤段落*/
    /* section p,div p{font-size:1.3em;line-height:1.9em;text-align:left;} */
    /* nav p{line-height:1.8rem;} */
    /*標題大小*/
    /* h1{font-size: 2.2em;}
    h2{font-size: 2.0em;}
    h3{font-size: 1.6em;} */
    #event_sixth nav a{ font-size: 1.2em;}
    /*footer*/
    #BodyFooter_rwd{float: left;width:100%;background-color:#FFF;margin-top:5%;}
    #BodyFooter_rwd #footer_line {width: 100%;margin-bottom: 3%;margin-top: 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;line-height: 2em;}
    #BodyFooter_rwd #footer_inline ul{float: left;padding:0;width:100%;margin-bottom: 1%;text-align:center;}
    #BodyFooter_rwd #footer_inline ul li img{max-width:40%;height:auto;margin-bottom: 2%;}
    #BodyFooter_rwd #footer_inline ul li{float: left;display: inline-block;	margin-right: auto;	line-height: 2em;font-size: 1em;clear: both;width: 100%;}
    #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;line-height: 2em;}
    #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: .8em;}
    /*ask*/
    #askarea{background-color:#12a9bc;width: 100%;height: auto;float: left;padding:4% 1% 2% 1%;}
    #askarea .asktitle,#askarea .asktitle p{text-align: center;}
    #askarea .asktitle{font-size: 1.0em;color: #FFF;margin-bottom: 2%;line-height: 2em;}
    #askarea p {margin:0% auto auto 5%;	width: 90%;}
    #formlist{width: 99%;float: left;margin:2% auto auto 0%;padding-right:1%;font-size: 0.8em;color: #FFF;}
    input[name="sContent"]{width:50%;}
    input[type="text"]{	width:99%;}
    SELECT,input{border-radius: 4px;font-size: 1.0em;margin:auto 1% 3% auto;background-color: #FFF;height:30px;}
    SELECT{width:100%;border: #FFF;	padding: 0.5% 1%;}
    input{border: #FFF;padding: 1%;color: #585858;}
    input[type="submit"],input[type="reset"]{color:#FFF;background-color: #50878e;border: 1px #fff solid;-webkit-appearance:none;/*ios系統專用，默認的系統樣式*/font-size:1em;margin-top:5%;padding:2%;height:auto}
    input[type="radio"]{width:1em;height:1em;margin-left: 3%;}
    /*TOP按鈕*/
    #topli,#topli a{color: #fff;text-decoration: none;}
    #topli{width:50px;height:50px;text-align:center;border-radius: 9999em;background-color:#000;opacity:0.4;position:fixed;line-height:50px;font-size: 15px;}
    @media screen and  (orientation:portrait) {#topli{right:1%;bottom:8%;}}
    @media screen and  (orientation:landscape){#topli{right:1%;bottom:15.8%;}}
}

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

@media (min-width: 768px) and (max-width: 991px) { 
    .pc_br {display: none;}
	.AD i {vertical-align: revert;margin-right: 1.5%;font-size: 1.05em;}
}

/*手機_直式*/
@media all and (min-width: 1px) and (max-width: 767px){
	#BodyHeader_event_rwd {background-color: #f3f0e1;}
	.mb_br{display:block}
	.pc_br {display: none;}
	.pc_show{display:none;}
	.mb_show{display:block ;}
	#event_master{width: 100%;padding:0;}
	.tea_title {font-size: 2em !important;line-height: 1.3em;text-align: center;margin: 5% 2% 2% 2%;}
	.teacher dt img {max-width: 66%;width: 222px;box-shadow: 5px 6px 0 #66666629;}
	.teacher dt {font-size: 1.2rem;}
	.teacher dt .name_big {font-size: 1.4rem;line-height: 1rem !important;}
	.teacher dd p img {float: left;width: 60%;/* margin: 0 20%; */padding-right: 7px;}
	.teacher dd p {font-size: 0.95em;line-height: 1.7em;}
	.planwin_title {font-size: 1.65em !important;padding-bottom: 4%;}
	.plan {font-size: 1.2em;padding: 8% 4% 18.5%;background-color: #d1c496;}
	.month dt, .month_end {width: 89%;margin-left: -4px;}
	.month dd, .month_end dd {width: 88%;font-size: 0.85em;}
	.month dd a, .month_end dd a {font-size: 0.95em;}
	.month dt:before {right: -32px;top: -13px;}
	.month dt:after {right: -27px;top: -13px;}
	.month_end {height: 40px;}
	.month_end dd a {line-height: 3em;}
	.courseDate {padding: 6% 0;}
	.DateTitle {font-size: 2em !important;}
	.DateList {table-layout: inherit;margin: 2% auto 3%;font-size: 1rem;width: 92% !important;}
	.DateList th, .DateList td {padding: 2% 1%;}
	.DateList th {font-size: 1.1rem;}
    .link a {font-size: 1.2rem;padding: 2% 9%;width: 135px;width: max-content;}

    .student,.grade{padding: 1%;margin: 0 1%;}
	.student_title,.grade_title{font-size: 1.8em !important;margin-bottom: 0 !important;}
	.student_map {float: none;margin: 2% auto 0; width: 120px;}
	.mediacontent, .mediaList {margin-bottom: 6%;}	
	.media_name .t_big {font-size: 1.2rem; !important;}
	.media_name {font-size: 0.9rem;}
	.media_hit {font-size: 1.15rem;}
	.media_hit .winner_icon {font-size: 1.2rem;border-right: 2px #f2f1e1 dotted;border-left: 2px #f2f1e1 dotted;float: left;margin-right: 2%;margin-top: 2%;}
	.mediacontent, .mediaList {font-size: 1em;}
	.recom {padding: 2% 3%;border-radius: 0 77px 0 116px;width: 89%;margin: 0 auto;}
	.recom dd {font-size: 0.95em;line-height: 1.6em;}
	.recom dt {font-size: 1.1rem;}
	.recom {border-radius: 0 77px 0 58px;}
	.media_group {margin-top: -2.8% !important;margin-bottom: 6% !important;padding: 2% 3% 5%;border-radius: 0 130px 0 60px;}
	.morelinks a {color: #ff2f2f;font-size: 0.9em;padding-top: 0;display: block;line-height: 1em;}
    .mediacontent a{color: #D10F14;}
	.Line{padding: 11% 2% 10%;}
	.line_title,.class4_title {font-size: 1.56em !important;}
	.Line dl dt {font-size: 1.22rem;width: 90%;}
	.Line dl dd {font-size: 0.95rem;}
	.Line dl dd small{font-size: 0.7rem;}
	.Line dl dd a {color: #000;}
	.Line dl dd .qrcode_icon_s img {width: 34%;margin: 2% auto 0%;}
	.Line dl dd .qrcode_icon_s img {}
	.AD {font-size: 1rem !important;}
	.AD {right: 0;bottom: 0rem;padding: 1.2% 1%;border-radius: 0;background: linear-gradient(to bottom ,#d10f14 82% ,#d10f14 107%);z-index: 99;}
	.AD i {vertical-align: revert;margin-right: 1.5%;font-size: 1.05em;}
	#back-top span {width: 36px;height: 36px;margin-bottom: 7px;background: rgb(162 162 162) url(../images/up-arrow.png) no-repeat center center;background-size: 86%;}
	.learn-item dt strong {font-size: 1.4em;}
    .learn-item dt {font-size: 1.0em;
    border-radius: 16px 16px 0px 16px;
    padding: 2px 15.5px 2px 18px;
    margin: 1% 0% 0% 2%;
    border-right: 3px #fddfe8 solid;
    border-bottom: 4px #fddfe8 solid;}
	.learn-item:nth-child(n+1):nth-child(-n+2) {border-bottom: 4px #ebe3b9 dotted;}
	.learn-item:nth-child(odd) {border-right: 4px #ebe3b9 dotted;}
	.learn-item {width: calc(100%/2 - 5px);}
	#event_fourth {padding: 15px 10px 5px;margin: 10% 2% 0;}    
    .grade_gray_list li{width: calc(100%/1);list-style-position: inside; padding: 0; margin-left: 2rem;    font-size: 1rem;}
	.grade_list {font-size: 1.2rem;padding: 1rem;}
    .grade_list li{width: calc(100%/1);word-break: break-all;}
}

/*手機_橫式*/
@media screen and (min-width:600px) and (max-width:769px) {
}


/* ----------- iPad ----------- */
/*ipad_直式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : portrait) {
    .pc_br {display: none;}
	.AD i {vertical-align: revert;margin-right: 1.5%;font-size: 1.05em;}
	.AD {right: 0%;border-radius: 0;}
	#event_master {width: 100%;padding: 0;}
	#Master_title {margin-top: 13%;}
	.student {padding: 1%;margin: 0 3% 0 1%;}
	.plan {padding: 2% 4% 7.5%;}
}

/*ipad_橫式*/
@media only screen 
and (min-device-width : 768px) 
and (max-device-width : 1024px) 
and (orientation : landscape) {
    .pc_br {display: none;}
	.AD i {vertical-align: revert;margin-right: 1.5%;font-size: 1.05em;}
	.AD {right: 0%;border-radius: 0;}
	#event_master {width: 100%;padding: 0;}
	#Master_title {margin-top: 8%;}
	.student {padding: 1%;margin: 0 3% 0 1%;}
	.plan {padding: 2% 4% 7.5%;}
}
/* ----------- iPad Pro ----------- */
/* Portrait and Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
}

/* 直Portrait */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1.5) {
	.pc_br {display: none;}
	.AD i {vertical-align: revert;margin-right: 1.5%;font-size: 1.05em;}
	.AD {right: 0%;border-radius: 0;}
	#event_master {width: 100%;padding: 0;}
	#Master_title {margin-top: 8%;}
	.student {padding: 1%;margin: 0 3% 0 1%;}
	.plan {padding: 2% 4% 7.5%;}
}

/* 橫Landscape */
@media only screen 
  and (min-width: 1024px) 
  and (max-height: 1366px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1.5) {

}



@media (max-width: 767px) {		
}

@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 {
}