@charset "utf-8";



/************************************** Reset */



body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {

	margin: 0;

	padding: 0;

}

table {

	border-collapse: collapse;

	border-spacing: 0;

}

fieldset { border: none;}

img {

    border: none;

    vertical-align: middle;

}

address, caption, cite, code, dfn, em, strong, th, var {

	font-style: normal;

	font-weight: normal;

}

ol, ul, li, nav ul, nav ul li, nav ol, nav ol li { list-style: none;}

caption, th { text-align: left;}

/*h1, h2, h3, h4, h5, h6 {

	font-size:100%;

	font-weight:normal;

}*/

q:before, q:after { content: '';}

abbr, acronym { border: none;}



/************************************** html5doctor.com Reset Stylesheet v1.6.1

Last Updated: 2010-09-17

Author: Richard Clark - http://richclarkdesign.com 

Twitter: @rich_clark 

*/



html, body, div, span, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

abbr, address, cite, code,

del, dfn, em, ins, kbd, q, samp,

small, strong, sub, sup, var,

b, i,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td,

article, aside, canvas, details, figcaption, figure, 

footer, header, hgroup, menu, nav, section, summary, mark, audio, video, time {

    margin: 0;

    padding: 0;

    border: 0;

    outline: inherit;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    margin-block-start: 0;

    margin-block-end: 0;

    margin-inline-start: 0;

    margin-inline-end: 0;

}



body { line-height: 1;}



article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, span { 

    display: block;

}

blockquote, q { quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {

    content: '';

    content: none;

}



a {

    margin: 0;

    padding: 0;

    font-size: 100%;

    vertical-align: baseline;

    background: transparent;

    overflow: hidden;

    text-decoration: none;

    outline: none;

    -webkit-box-sizing: border-box;

    -khtml-box-sizing: border-box;

    -moz-box-sizing: border-box;

    -ms-box-sizing: border-box;

    -o-box-sizing: border-box;

    box-sizing: border-box;

    color: #000;

}

a:link{}

a:visited{}

a:active{}

a:hover{}



/* change colours to suit your needs */

ins {

    background-color: #ff9;

    color: #000;

    text-decoration: none;

}

/* change colours to suit your needs */

mark {

    background-color: #ff9;

    color: #000; 

    font-style: italic;

    font-weight: bold;

}

del { text-decoration: line-through;}

abbr[title], dfn[title] {

    border-bottom: 1px dotted;

    cursor: help;

}

table {

    border-collapse: collapse;

    border-spacing: 0;

    empty-cells: show;

}

/* change border colour to suit your needs */

hr {

    display: block;

    height: 1px;

    border: 0;   

    border-top: 1px solid #000;

    margin: 1em 0;

    padding: 0;

}

input, select { vertical-align: middle; outline: none;}



/************************************** //MARK: Default */

html{

	overflow-x: hidden;

	overflow-y: auto;

}

body{

    font-size: 87.5%;

    line-height: 100%;

    font-family: 'Noto Sans TC', Helvetica, sans-serif;

	-webkit-text-size-adjust: 100%;

    -webkit-font-smoothing: antialiased;/*antialiased, subpixel-antialiased(default) or none*/

    -moz-osx-font-smoothing: grayscale;/*unset(デフォルト値に戻す), inherit(親要素より継承する), auto(システムのデフォルトに)*/

}

.ie10 body,

.ie11 body{

	font-size: 14px;

	font-family: 'Noto Sans TC', 'Microsoft JhengHei', '微軟正黑體', Helvetica, sans-serif;

    line-height: 100%;

	-ms-text-size-adjust: 100%;

}

.hoverImg,

.hoverImg:visited{

	-webkit-transition: all .5s ease;

	-khtml-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

    transition: all .5s ease;

	opacity:1;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);

}

.hoverImg:hover,

.hoverImg:visited:hover{

	-webkit-transition: all .5s ease;

	-khtml-transition: all .5s ease;

	-moz-transition: all .5s ease;

	-ms-transition: all .5s ease;

    transition: all .5s ease;

	opacity: .65;

    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=65);

}

.hoverText,

.hoverText:visited{

	-webkit-transition: all .25s ease;

	-khtml-transition: all .25s ease;

	-moz-transition: all .25s ease;

	-ms-transition: all .25s ease;

    transition: all .25s ease;

    color: #000;

}

.hoverText:hover,

.hoverText:visited:hover{

	-webkit-transition: all .35s ease;

	-khtml-transition: all .35s ease;

	-moz-transition: all .35s ease;

	-ms-transition: all .35s ease;

    transition: all .35s ease;

    color: #ff6641;

}



/************************************** Padding */

.pad1{ padding:1px !important;}

.pad2{ padding:2px !important;}

.pad3{ padding:3px !important;}

.pad4{ padding:4px !important;}

.pad5{ padding:5px !important;}

.pad6{ padding:6px !important;}

.pad7{ padding:7px !important;}

.pad8{ padding:8px !important;}

.pad9{ padding:9px !important;}

.pad10{ padding:10px !important;}

.pad15{ padding:15px !important;}

.pad20{ padding:20px !important;}

.pad25{ padding:25px !important;}

.pad30{ padding:30px !important;}

.pad40{ padding:40px !important;}

.pad50{ padding:50px !important;}

.pad60{ padding:60px !important;}

.pad70{ padding:70px !important;}

.pad80{ padding:80px !important;}

.pad90{ padding:90px !important;}

.pad100{ padding:100px !important;}



.padT1{ padding-top:1px !important;}

.padT2{ padding-top:2px !important;}

.padT3{ padding-top:3px !important;}

.padT4{ padding-top:4px !important;}

.padT5{ padding-top:5px !important;}

.padT6{ padding-top:6px !important;}

.padT7{ padding-top:7px !important;}

.padT8{ padding-top:8px !important;}

.padT9{ padding-top:9px !important;}

.padT10{ padding-top:10px !important;}

.padT15{ padding-top:15px !important;}

.padT20{ padding-top:20px !important;}

.padT22{ padding-top:22px !important;}

.padT25{ padding-top:25px !important;}

.padT30{ padding-top:30px !important;}

.padT35{ padding-top:35px !important;}

.padT40{ padding-top:40px !important;}

.padT50{ padding-top:50px !important;}

.padT60{ padding-top:60px !important;}

.padT70{ padding-top:70px !important;}

.padT80{ padding-top:80px !important;}

.padT90{ padding-top:90px !important;}

.padT100{ padding-top:100px !important;}



.padR1{ padding-right:1px !important;}

.padR2{ padding-right:2px !important;}

.padR3{ padding-right:3px !important;}

.padR4{ padding-right:4px !important;}

.padR5{ padding-right:5px !important;}

.padR6{ padding-right:6px !important;}

.padR7{ padding-right:7px !important;}

.padR8{ padding-right:8px !important;}

.padR9{ padding-right:9px !important;}

.padR10{ padding-right:10px !important;}

.padR15{ padding-right:15px !important;}

.padR20{ padding-right:20px !important;}

.padR25{ padding-right:25px !important;}

.padR30{ padding-right:30px !important;}

.padR40{ padding-right:40px !important;}

.padR50{ padding-right:50px !important;}

.padR60{ padding-right:60px !important;}

.padR70{ padding-right:70px !important;}

.padR80{ padding-right:80px !important;}

.padR90{ padding-right:90px !important;}

.padR100{ padding-right:100px !important;}



.padB1{ padding-bottom:1px !important;}

.padB2{ padding-bottom:2px !important;}

.padB3{ padding-bottom:3px !important;}

.padB4{ padding-bottom:4px !important;}

.padB5{ padding-bottom:5px !important;}

.padB6{ padding-bottom:6px !important;}

.padB7{ padding-bottom:7px !important;}

.padB8{ padding-bottom:8px !important;}

.padB9{ padding-bottom:9px !important;}

.padB10{ padding-bottom:10px !important;}

.padB15{ padding-bottom:15px !important;}

.padB20{ padding-bottom:20px !important;}

.padB25{ padding-bottom:25px !important;}

.padB30{ padding-bottom:30px !important;}

.padB35{ padding-bottom:35px !important;}

.padB40{ padding-bottom:40px !important;}

.padB50{ padding-bottom:50px !important;}

.padB60{ padding-bottom:60px !important;}

.padB70{ padding-bottom:70px !important;}

.padB80{ padding-bottom:80px !important;}

.padB90{ padding-bottom:90px !important;}

.padB100{ padding-bottom:100px !important;}



.padL1{ padding-left:1px !important;}

.padL2{ padding-left:2px !important;}

.padL3{ padding-left:3px !important;}

.padL4{ padding-left:4px !important;}

.padL5{ padding-left:5px !important;}

.padL6{ padding-left:6px !important;}

.padL7{ padding-left:7px !important;}

.padL8{ padding-left:8px !important;}

.padL9{ padding-left:9px !important;}

.padL10{ padding-left:10px !important;}

.padL15{ padding-left:15px !important;}

.padL20{ padding-left:20px !important;}

.padL25{ padding-left:25px !important;}

.padL30{ padding-left:30px !important;}

.padL40{ padding-left:40px !important;}

.padL50{ padding-left:50px !important;}

.padL60{ padding-left:60px !important;}

.padL70{ padding-left:70px !important;}

.padL80{ padding-left:80px !important;}

.padL90{ padding-left:90px !important;}

.padL100{ padding-left:100px !important;}



.noPadT{ padding-top:0px !important;}

.noPadR{ padding-right:0px !important;}

.noPadB{ padding-bottom:0px !important;}

.noPadL{ padding-left:0px !important;}

.noPad{ padding:0px !important;}



/************************************** Margin */



.mar1{ margin:1px !important;}

.mar2{ margin:2px !important;}

.mar3{ margin:3px !important;}

.mar4{ margin:4px !important;}

.mar5{ margin:5px !important;}

.mar6{ margin:6px !important;}

.mar7{ margin:7px !important;}

.mar8{ margin:8px !important;}

.mar9{ margin:9px !important;}

.mar10{ margin:10px !important;}

.mar15{ margin:15px !important;}

.mar20{ margin:20px !important;}

.mar25{ margin:25px !important;}

.mar30{ margin:30px !important;}

.mar40{ margin:40px !important;}

.mar50{ margin:50px !important;}

.mar60{ margin:60px !important;}

.mar70{ margin:70px !important;}

.mar80{ margin:80px !important;}

.mar90{ margin:90px !important;}

.mar100{ margin:100px !important;}



.marT1{ margin-top:1px !important;}

.marT2{ margin-top:2px !important;}

.marT3{ margin-top:3px !important;}

.marT4{ margin-top:4px !important;}

.marT5{ margin-top:5px !important;}

.marT6{ margin-top:6px !important;}

.marT7{ margin-top:7px !important;}

.marT8{ margin-top:8px !important;}

.marT9{ margin-top:9px !important;}

.marT10{ margin-top:10px !important;}

.marT15{ margin-top:15px !important;}

.marT20{ margin-top:20px !important;}

.marT25{ margin-top:25px !important;}

.marT30{ margin-top:30px !important;}

.marT35{ margin-top:35px !important;}

.marT40{ margin-top:40px !important;}

.marT50{ margin-top:50px !important;}

.marT60{ margin-top:60px !important;}

.marT70{ margin-top:70px !important;}

.marT80{ margin-top:80px !important;}

.marT90{ margin-top:90px !important;}

.marT100{ margin-top:100px !important;}



.marR1{ margin-right:1px !important;}

.marR2{ margin-right:2px !important;}

.marR3{ margin-right:3px !important;}

.marR4{ margin-right:4px !important;}

.marR5{ margin-right:5px !important;}

.marR6{ margin-right:6px !important;}

.marR7{ margin-right:7px !important;}

.marR8{ margin-right:8px !important;}

.marR9{ margin-right:9px !important;}

.marR10{ margin-right:10px !important;}

.marR15{ margin-right:15px !important;}

.marR20{ margin-right:20px !important;}

.marR25{ margin-right:25px !important;}

.marR30{ margin-right:30px !important;}

.marR40{ margin-right:40px !important;}

.marR50{ margin-right:50px !important;}

.marR60{ margin-right:60px !important;}

.marR70{ margin-right:70px !important;}

.marR80{ margin-right:80px !important;}

.marR90{ margin-right:90px !important;}

.marR100{ margin-right:100px !important;}



.marB1{ margin-bottom:1px !important;}

.marB2{ margin-bottom:2px !important;}

.marB3{ margin-bottom:3px !important;}

.marB4{ margin-bottom:4px !important;}

.marB5{ margin-bottom:5px !important;}

.marB6{ margin-bottom:6px !important;}

.marB7{ margin-bottom:7px !important;}

.marB8{ margin-bottom:8px !important;}

.marB9{ margin-bottom:9px !important;}

.marB10{ margin-bottom:10px !important;}

.marB15{ margin-bottom:15px !important;}

.marB20{ margin-bottom:20px !important;}

.marB25{ margin-bottom:25px !important;}

.marB30{ margin-bottom:30px !important;}

.marB40{ margin-bottom:40px !important;}

.marB45{ margin-bottom:45px !important;}

.marB50{ margin-bottom:50px !important;}

.marB60{ margin-bottom:60px !important;}

.marB70{ margin-bottom:70px !important;}

.marB80{ margin-bottom:80px !important;}

.marB90{ margin-bottom:90px !important;}

.marB100{ margin-bottom:100px !important;}



.marL1{ margin-left:1px !important;}

.marL2{ margin-left:2px !important;}

.marL3{ margin-left:3px !important;}

.marL4{ margin-left:4px !important;}

.marL5{ margin-left:5px !important;}

.marL6{ margin-left:6px !important;}

.marL7{ margin-left:7px !important;}

.marL8{ margin-left:8px !important;}

.marL9{ margin-left:9px !important;}

.marL10{ margin-left:10px !important;}

.marL15{ margin-left:15px !important;}

.marL20{ margin-left:20px !important;}

.marL25{ margin-left:25px !important;}

.marL30{ margin-left:30px !important;}

.marL35{ margin-left:35px !important;}

.marL40{ margin-left:40px !important;}

.marL50{ margin-left:50px !important;}

.marL60{ margin-left:60px !important;}

.marL70{ margin-left:70px !important;}

.marL80{ margin-left:80px !important;}

.marL90{ margin-left:90px !important;}

.marL100{ margin-left:100px !important;}



.noMarT{ margin-top:0px !important;}

.noMarR{ margin-right:0px !important;}

.noMarB{ margin-bottom:0px !important;}

.noMarL{ margin-left:0px !important;}

.noMar{ margin:0px !important;}



/************************************** Border */



.noBor{ border:0 none !important;}

.noBorT{ border-top:0 none !important;}

.noBorR{ border-right:0 none !important;}

.noBorB{ border-bottom:0 none !important;}

.noBorL{ border-left:0 none !important;}



/************************************** Align */



.left{  text-align:left !important;}

.center{ display:block; text-align:center !important;}

.right{ text-align:right !important;}

.boxleft{ display:block; float:left;}

.boxright{ display:block; float:right;}



/************************************** Font */



.font1{ font-size: 6.25% !important;} /*.0625rem*/

.font2{ font-size: 12.5% !important;} /*.125rem*/

.font3{ font-size: 18.75% !important;} /*.1875rem*/

.font4{ font-size: 25% !important;} /*.25rem*/

.font5{ font-size: 31.25% !important;} /*.3125rem*/

.font6{ font-size: 37.5% !important;} /*.375rem*/

.font7{ font-size: 43.75% !important;} /*.4375rem*/

.font8{ font-size: 50% !important;} /*.5rem*/

.font9{ font-size: 56.3% !important;} /*.563rem*/

.font10{ font-size: 62.5% !important;} /*.625rem*/

.font11{ font-size: 68.8% !important;} /*.688rem*/

.font12{ font-size: 75% !important;} /*.75rem*/

.font13{ font-size: 81.3% !important;} /*.813rem*/

.font14{ font-size: 87.5% !important;} /*.875rem*/

.font15{ font-size: 93.8% !important;} /*.938rem*/

.font16{ font-size: 100% !important;} /*1rem*/

.font17{ font-size: 106.3% !important;} /*1.063rem*/

.font18{ font-size: 112.5% !important;} /*1.125rem*/

.font19{ font-size: 118.8% !important;} /*1.188rem*/

.font20{ font-size: 125% !important;} /*1.25rem*/

.font21{ font-size: 131.3% !important;} /*1.313rem*/

.font22{ font-size: 137.5% !important;} /*1.375rem*/

.font23{ font-size: 143.8% !important;} /*1.438rem*/

.font24{ font-size: 150% !important;} /*1.5rem*/

.font25{ font-size: 156.25% !important;} /*1.5625rem*/

.font26{ font-size: 160% !important;} /*1.6rem*/

.font27{ font-size: 168.75% !important;} /*1.6875rem*/

.font28{ font-size: 175% !important;} /*1.75rem*/

.font29{ font-size: 181.25% !important;} /*1.8125rem*/

.font30{ font-size: 187.5% !important;} /*1.875rem*/

.font31{ font-size: 193.75% !important;} /*1.9375rem*/

.font32{ font-size: 200% !important;} /*2rem*/

.font33{ font-size: 206.25% !important;} /*2.0625rem*/

.font34{ font-size: 212.5% !important;} /*2.125rem*/

.font35{ font-size: 218.75% !important;} /*2.1875rem*/

.font36{ font-size: 225% !important;} /*2.25rem*/

.font37{ font-size: 231.25% !important;} /*2.3125rem*/

.font38{ font-size: 237.5% !important;} /*2.375rem*/

.font39{ font-size: 243.75% !important;} /*2.4375rem*/

.font40{ font-size: 250% !important;} /*2.5rem*/

.font41{ font-size: 256.25% !important;} /*2.5625rem*/

.font42{ font-size: 262.5% !important;} /*2.625rem*/

.font43{ font-size: 268.75% !important;} /*2.6875rem*/

.font44{ font-size: 275% !important;} /*2.75rem*/

.font45{ font-size: 281.25% !important;} /*2.8125rem*/

.font46{ font-size: 287.5% !important;} /*2.875rem*/

.font47{ font-size: 293.75% !important;} /*2.9375rem*/

.font48{ font-size: 300% !important;} /*3.0625rem*/

.font49{ font-size: 306.25% !important;} /*3rem*/

.font50{ font-size: 312.5% !important;} /*3.125rem*/

.font51{ font-size: 318.75% !important;} /*3.1875rem*/

.font64{ font-size: 400% !important;} /*4rem*/



.bolder{ font-weight:bold !important;}



/************************************** LineHigh */



.line100{ line-height:100% !important;}



/************************************** Border & Other */



.noBorder{ border:0 none !important;}

.noBorderT{ border-top:0 none !important;}

.noBorderB{ border-bottom:0 none !important;}

.noBorderL{ border-left:0 none !important;}

.noBorderR{ border-right:0 none !important;}

.noBgImg{ background:none !important;}

.overfloatH{ overflow:hidden;}



/************************************** Clear */



/* Modern browsers like Firefox, Safari, Opera */

.clearfix::after {

	content: ".";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

}



/* IE 7 and MacIE*/

.clearfix {

	display: inline-block;

}



/* Hides from IE-mac \*/

* html .clearfix {

	height: 1%;

}

.clearfix {

	display: block;

	clear:both;

}

/* End hide from IE-mac */



/************************************** Selector */



::selection {

	background-color:rgba(52, 91, 237, .9);

    color: #fff;

}

::-webkit-selection {

	background-color:rgba(52, 91, 237, .9);

    color: #fff;

}

::-moz-selection {

	background-color:rgba(52, 91, 237, .9);

    color: #fff;

}