/*Reset----------------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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, tbody, tfoot, thead {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    vertical-align: baseline;
	word-wrap: break-word;
	word-break: break-all;
	/*font-family:"微軟正黑體", "新細明體",Verdana, Geneva, sans-serif;*/	
}
html, body{
	width:100%;
	height:100%;
	}
ol, ul {
    list-style: none;
}
blockquote, q {
    quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: '';
    content: none;
}
a{
 outline: none; /* for Firefox */
 hlbr:expression(this.onFocus=this.blur()); /* for IE */
} 
/* remember to define focus styles! */
:focus {
    outline: 0;
}
 
/* remember to highlight inserts somehow! */
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
table, tr, th, td{padding: 0;}

img{ display:block;}
/*END Reset------------------------------------------------------------------------------------------------*/
	
.btn{
	font-family:"微軟正黑體", "新細明體",Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:26px;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	cursor:pointer;
	padding:0 10px;
	margin:0;
	}		
.btnL{
	font-family:"微軟正黑體", "新細明體",Verdana, Geneva, sans-serif;
	font-size:18px;
	line-height:40px;
	border:0;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	cursor:pointer;
	padding:0 10px;
	margin:0;
	}	
.btnBrown{
	background:#4D3B37;
	color:#FFF;
	}		
.btnBrown:hover{
	background:#86A7A0;
	}
.btnGreen{
	background:#48ac7c;
	color:#FFF;
	}	
.btnGreen:hover{
	background:#57ba8a;
	}	
.btnRed{
	background:#c80000;
	color:#FFF;
	}		
.btnRed:hover{
	background:#f50101;
	}	
.btnOrange{
	background:#ff8400;
	color:#FFF;
	}		
.btnOrange:hover{
	background:#ff992b;
	}		
.btnGary{
	background:#969696;
	color:#FFF;
	}		
.btnGary:hover{
	background:#ababab;
	}			
.btnBlue{
	background:#007cb6;
	color:#FFF;
	}		
.btnBlue:hover{
	background:#009ae2;
	}	
	
.input{
	font-size:15px;
	height:40px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	padding:0 10px;
	margin:0;
	}
.input650{
	border:1px #bcbcbc solid;
	width:650px;
	}
.input480{
	border:1px #bcbcbc solid;
	width:480px;
	}
.input500{
	border:1px #bcbcbc solid;
	width:450px;
	}
.input270{
	border:1px #bcbcbc solid;
	width:270px;
	}	
.input230{
	border:1px #bcbcbc solid;
	width:230px;
	}	
.input205{
	border:1px #bcbcbc solid;
	width:205px;
	}	
.select{
	font-family:"微軟正黑體", "新細明體",Verdana, Geneva, sans-serif;
	font-size:15px;
	height:40px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	padding:0 10px;
	margin:0;
	}
.select670{
	border:1px #bcbcbc solid;
	width:670px;
	}
.select500{
	border:1px #bcbcbc solid;
	width:508px;
	}
.select470{
	border:1px #bcbcbc solid;
	width:470px;
	}
.textarea{
	font-size:15px;
	height:80px;
	-webkit-border-radius: 5px;
	-moz-border-radius:5px;
	border-radius: 5px;
	padding:10px;
	margin:0;
	}	
.textarea500{
	border:1px #bcbcbc solid;
	width:480px;
	}	
	
.clearB{clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.overflowH{ overflow:hidden;}
.alignC{text-align:center;}
.alignL{text-align:left;}
.alignR{text-align:right;}
.displayB{ display:block;}
.displayIB{ display:inline-block;}

.relative{ position:relative;}
.absolute{ position:absolute;}

.fontF1{ font-family:'微軟正黑體', '新細明體',Verdana, Geneva, sans-serif;}
.fontF2{ font-family:Arial, Helvetica, sans-serif;}
.fontF3{ font-family:'標楷體',Verdana, Geneva, sans-serif;}
.fontF4{ font-family:Georgia, "Times New Roman", Times, serif;}
.fontsize11{ font-size:11px;}
.fontsize12{ font-size:12px;}
.fontsize13{ font-size:13px;}
.fontsize15{ font-size:15px;}
.fontsize17{ font-size:17px;}
.fontsize18{ font-size:18px;}
.fontsize20{ font-size:20px;}
.fontsize25{ font-size:25px;}

.fontweightB{font-weight:bold;}

.colorfff{ color:#FFF;}
.color880202{ color:#880202;}
.color57ba8a{ color:#57ba8a;}

.margin0a{ margin:0 auto;}

.marginL5{ margin-left:5px;}
.marginL10{ margin-left:10px;}
.marginL20{ margin-left:20px;}
.marginL27{ margin-left:27px;}
.marginL30{ margin-left:30px;}
.marginL35{ margin-left:35px;}
.marginL37{ margin-left:37px;}
.marginL40{ margin-left:40px;}
.marginL55{ margin-left:55px;}
.marginL100{ margin-left:100px;}

.marginR5{	margin-right:5px;}
.marginR8{	margin-right:8px;}
.marginR10{	margin-right:10px;}
.marginR15{	margin-right:15px;}
.marginR20{	margin-right:20px;}
.marginR25{	margin-right:25px;}
.marginR30{ margin-right:30px;}
.marginR35{ margin-right:35px;}
.marginR40{ margin-right:40px;}
.marginR55{ margin-right:55px;}
.marginR60{ margin-right:60px;}
.marginR70{ margin-right:70px;}

.marginT5{ margin-top:5px;}
.marginT15{ margin-top:15px;}
.marginT20{ margin-top:20px;}
.marginT25{ margin-top:25px;}
.marginT30{ margin-top:30px;}
.marginT35{ margin-top:35px;}
.marginT50{ margin-top:50px;}
.marginT70{ margin-top:70px;}
.marginT75{ margin-top:75px;}
.marginT82{ margin-top:82px;}
.marginT90{ margin-top:90px;}

.marginB5{	margin-bottom:5px;}
.marginB10{	margin-bottom:10px;}
.marginB15{	margin-bottom:15px;}
.marginB20{	margin-bottom:20px;}
.marginB25{	margin-bottom:25px;}
.marginB30{	margin-bottom:30px;}
.marginB40{	margin-bottom:40px;}
.marginB60{	margin-bottom:60px;}

.paddingT2{ padding-top:2px;}
.paddingT5{ padding-top:5px;}
.paddingT10{ padding-top:10px;}
.paddingT12{ padding-top:12px;}
.paddingT13{ padding-top:13px;}
.paddingT15{ padding-top:15px;}
.paddingT20{ padding-top:20px;}
.paddingT40{ padding-top:40px;}
.paddingT50{ padding-top:50px;}

.paddingL5{ padding-left:5px;}
.paddingL10{ padding-left:10px;}
.paddingL15{ padding-left:15px;}
.paddingL20{padding-left:20px;}
.paddingL24{padding-left:24px;}
.paddingL25{padding-left:25px;}
.paddingL40{padding-left:40px;}
.paddingL50{padding-left:50px;}

.paddingR5{padding-right:5px;}
.paddingR10{padding-right:10px;}
.paddingR15{padding-right:15px;}
.paddingR20{padding-right:20px;}
.paddingR25{padding-right:25px;}
.paddingR40{padding-right:40px;}
.paddingR130{padding-right:130px;}
.paddingR210{padding-right:210px;}

.paddingB10{padding-bottom:10px;}
.paddingB12{padding-bottom:12px;}
.paddingB13{padding-bottom:13px;}
.paddingB15{padding-bottom:15px;}
.paddingB20{padding-bottom:20px;}
.paddingB40{padding-bottom:40px;}

.padding5{ padding:5px;}
.padding9{ padding:9px;}
.padding10{ padding:10px;}
.padding15{ padding:15px;}
.padding35{ padding:35px;}

.height26{ height:26px;}
.height30{ height:30px;}
.height33{ height:33px;}
.height150{ height:150px;}
.height190{ height:190px;}
.height380{ height:380px;}

.lineheight15{ line-height:15px;}
.lineheight20{ line-height:20px;}
.lineheight25{ line-height:25px;}
.lineheight28{ line-height:28px;}
.lineheight30{ line-height:30px;}
.lineheight35{ line-height:35px;}
.lineheight40{ line-height:40px;}
.lineheight45{ line-height:45px;}
.lineheight50{ line-height:50px;}
.lineheight60{ line-height:60px;}
.lineheight70{ line-height:70px;}

.letterSpacing0{ letter-spacing:0px;}
.letterSpacing1{ letter-spacing:1px;}

.border0{ border:0;}
.border1e4e4e4{ border:1px solid #e4e4e4;}
.border1ffffff{ border:1px solid #ffffff;}
.borderB1fff{ border-bottom:1px solid #ffffff;}
.borderB1ccc{ border-bottom:1px solid #CCCCCC;}
.borderTd1fff{ border-top:1px dashed #ffffff;}
.borderTs1dddddd{ border-top:1px solid #151515;}
.borderTS3666666{ border-top:3px solid #666666;}
.borderBs1dddddd{ border-bottom:1px solid #151515;}
.borderBs1dfdfdf{ border-bottom:1px solid #dfdfdf;}
.borderTs1dfdfdf{ border-top:1px solid #dfdfdf;}
.borderBS3666666{ border-bottom:3px solid #666666;}
.borderLs1060606{ border-left:1px solid #060606;}
.borderd13481B2{ border:1px dashed #3481B2;}

.radius4{	
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;	
}
.radius5{	
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;	
}
.radius25{	
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;	
}

.width5pa{width:5%;}
.width6pa{width:6%;}
.width7pa{width:7%;}
.width10pa{width:10%;}
.width15pa{width:15%;}
.width18pa{width:18%;}
.width20pa{width:20%;}
.width25pa{width:25%;}
.width30pa{width:30%;}
.width35pa{width:35%;}
.width40pa{width:40%;}
.width45pa{width:45%;}
.width50pa{width:50%;}
.width55pa{width:55%;}
.width60pa{width:60%;}
.width63pa{width:63%;}
.width70pa{width:70%;}
.width75pa{width:75%;}
.width80pa{width:80%;}
.width90pa{width:90%;}
.width95pa{width:95%;}
.width98pa{width:98%;}
.width100pa{width:100%;}
.width25{width:25px;}
.width30{width:30px;}
.width75{width:75px;}
.width100{width:100px;}
.width120{width:120px;}
.width160{width:160px;}
.width180{width:180px;}
.width210{ width:210px;}
.width230{width:230px;}
.width235{width:235px;}
.width255{width:255px;}
.width270{width:270px;}
.width285{width:285px;}
.width290{width:290px;}
.width293{width:293px;}
.width294{width:294px;}
.width295{width:295px;}
.width309{width:309px;}
.width303{width:303px;}
.width304{width:304px;}
.width310{width:310px;}
.width313{width:313px;}
.width314{width:314px;}
.width330{width:330px;}
.width333{width:333px;}
.width334{width:334px;}
.width335{width:335px;}
.width350{width:350px;}
.width360{width:360px;}
.width384{width:384px;}
.width430{width:430px;}
.width470{width:470px;}
.width500{width:500px;}
.width510{width:510px;}
.width570{width:570px;}
.width580{width:580px;}
.width585{width:585px;}
.width610{width:610px;}
.width615{width:615px;}
.width630{width:630px;}
.width640{width:640px;}
.width645{width:645px;}
.width670{width:670px;}
.width740{width:740px;}
.width820{width:820px;}
.width830{width:830px;}
.width845{width:845px;}
.width930{width:930px;}
.width1100{width:1100px;}
.textDRU{ text-decoration:underline;}
.textDRN{ text-decoration:none;}

.z-index1{ z-index:1;}
.z-index9{ z-index:9;}
.z-index99{ z-index:99;}
.z-index999{ z-index:999;}

.cursorP{ cursor:pointer;}
/*END C_C_ALL----------------------------------------------------------------------------------------------*/
@media screen and (max-width:1199px){
body,html{
	width:1200px;
	}	
	}