/* CSS Reset */
body, div, pre, form, fieldset, input, textarea, p, blockquote, th, td, img, button{margin: 0;padding: 0;border: 0;}
html{-webkit-text-size-adjust:none;background-color:#ffffff}
body{overflow-x:hidden;margin:0; padding:0;}
body sup {display: inline-block!important;vertical-align: top;}
blockquote:before, blockquote:after, q:before, q:after{content:'';content:none;}
a{text-decoration:none;color:#242424;-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
a:hover{text-decoration:none;color:#000;} 
a:focus{outline:0px dotted;}
a:focus, input:focus{ -moz-outline-style: none; } 
a *{-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;} 
* {font-family:Microsoft Yahei,Verdana,Helvetica Neue,Arial,Hiragino Sans GB,Microsoft Sans Serif;font-style:normal;}
input,select,textarea {-webkit-appearance: none;border-radius: 0;outline: none}
input[type="button"], input[type="submit"], input[type="reset"],input[type="text"],input[type="password"] {-webkit-appearance: none; font-size:14px;}
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {color:#a1a4b2;font-size:14px;}
input::-moz-input-placeholder,textarea::-moz-input-placeholder{color: #a1a4b2;font-size:14px;}
input::-ms-input-placeholder,textarea::-ms-input-placeholder {color: #a1a4b2;font-size:14px;}
i {font-style: normal}
/*img {max-width: 100%;max-height:100%;}*/
.left{ float:left;}
.right{ float:right;}
.clear { clear:both;}
.alltransition {-webkit-transition:all .4s ease;-moz-transition:all .4s ease;transition:all .4s ease;}
.opacity0{filter:alpha(Opacity=0);-moz-opacity:0;opacity:0;}
.no-touch { height:100%;}
.no-touch body{ overflow:hidden;height:100%;}
.pcshow { display:block;}
.mbshow { display:none!important;}
.relative {position: relative;}
.table {display: table;width: 100%;height: 100%;font-size: 0;}
.table-cell {display: table-cell;vertical-align: middle;font-size: 0;}
.fullscreen,.fullscreen body {height: 100%;overflow: hidden}
.display-block {display: block!important;}
.height-auto {height: auto!important;}
.hide {display: none;opacity: 0;width: 0px;height: 0px;z-index: -1;overflow: hidden;}







/*scrollbar*/
::-webkit-scrollbar{height:4px; width:0px;}
::-webkit-scrollbar-button{height:0; width:0}
::-webkit-scrollbar-button:start:decrement,::-webkit-scrollbar-button:end:increment{display:block}
::-webkit-scrollbar-button:vertical:start:increment,::-webkit-scrollbar-button:vertical:end:decrement{display:none}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal,::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-style:solid; border-color:transparent}
::-webkit-scrollbar-track:vertical::-webkit-scrollbar-track:horizontal{background-clip:padding-box; background-color:#ccc;}
::-webkit-scrollbar-thumb{-webkit-box-shadow:inset 1px 1px 0 #ccc,inset 0 -1px 0 #ccc; background-clip:padding-box; background-color:#ccc; min-height:28px;}
::-webkit-scrollbar-thumb:hover{-webkit-box-shadow:inset 1px 1px 1px #ccc; background-color:#ccc;}
::-webkit-scrollbar-thumb:active{-webkit-box-shadow:inset 1px 1px 3px #ccc; background-color:#ccc;}
::-webkit-scrollbar-track:vertical,::-webkit-scrollbar-track:horizontal,::-webkit-scrollbar-thumb:vertical,::-webkit-scrollbar-thumb:horizontal{border-width:0;}
::-webkit-scrollbar-track:hover{-webkit-box-shadow:inset 1px 0 0 #ccc; background-color:#ccc}
::-webkit-scrollbar-track:active{-webkit-box-shadow:inset 1px 0 0 #ccc,inset -1px -1px 0 #ccc; background-color:#ccc}



@font-face {
	font-family: 'Montserrat-Bold';
	src: url('static/fonts/Montserrat-Bold.otf');
	src: local('☺'), url('../font/Montserrat-Bold.woff') format('woff'), url('../font/Montserrat-Bold.ttf') format('truetype'), url('static/fonts/Montserrat-Bold.svg') format('svg'), url('../font/Montserrat-Bold.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Light';
	src: url('/static/fonts/Montserrat-Light.otf');
	src: local('☺'), url('../font/Montserrat-Light.woff') format('woff'), url('../font/Montserrat-Light.ttf') format('truetype'), url('/static/fonts/Montserrat-Light.svg') format('svg'), url('../font/Montserrat-Light.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Montserrat-Hairline';
	src: url('/static/fonts/Montserrat-Hairline.otf');
	src: local('☺'), url('../font/Montserrat-Hairline.woff') format('woff'), url('../font/Montserrat-Hairline.ttf') format('truetype'), url('/static/fonts/Montserrat-Hairline.svg') format('svg'), url('../font/Montserrat-Hairline.eot') format('eot');
	font-weight: normal;
	font-style: normal;
}




@font-face {
	font-family: 'GOTHICB';
	src: url('../font/GOTHICB.TTF');
	font-weight: normal;
	font-style: normal;
}


