*{padding:0;margin:0}
li{padding-left:10px;	list-style-position: inside;}

@font-face {
	font-family: "CordiaUPC";
	src: url("/fonts/CordiaUPC.eot");
	src: url("/fonts/helvCordiaUPCetica.eot#iefix") format("embedded-opentype"),
	url("/fonts/CordiaUPC.woff") format("woff"),
	url("CordiaUPC.ttf") format("truetype"),
	url("/fonts/CordiaUPC.svg#font2") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "font1";
	src: url("/fonts/InSeeDang_1.eot");
	src: url("/fonts/InSeeDang_1.eot#iefix") format("embedded-opentype"),
	url("/fonts/InSeeDang_1.woff") format("woff"),
	url("InSeeDang_1.ttf") format("truetype"),
	url("/fonts/InSeeDang_1.svg#font1") format("svg");
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: "font2";
	src: url("/fonts/dbsathornx.eot");
	src: url("/fonts/dbsathornx.eot#iefix") format("embedded-opentype"),
	url("/fonts/dbsathornx.woff") format("woff"),
	url("dbsathornx.ttf") format("truetype"),
	url("/fonts/dbsathornx.svg#font2") format("svg");
	font-weight: normal;
	font-style: normal;
}


html,body{height:100%;;min-width:450px}

body{font:18px CordiaUPC, Helvetica, sans-serif;color:#231f20;background-color:#fff}
table{font:18px CordiaUPC, Helvetica, sans-serif;}

.div-body{min-height:100%;position:relative}
img{border:none}
a{color:#231f20;text-decoration:none}
a:hover{color:#df5b91;}
.orange{color:#ff6600}
.red{color:#ff0000}
.green{color:#339900}
.sky{color:#1C75BA}
.br{padding:3px;display:block}
 .padding-v{padding:0 10px}

.clear {clear:both}
.msg_error{border:dotted 1px #cecece;color:#ff0000;padding:5px;display:none;background-color:#fff}
.msg_error_inner span{vertical-align:middle;padding-right:5px}
.msg_success{border:dotted 1px #cecece;color:#006600;padding:5px;display:none;background-color:#fff}
.msg_error_one{margin-bottom:5px;display:block;color:#f62828;background:url(/images/error.png) no-repeat 0 0;padding-left:16px;font-size:11px;}
.no_data{font-style:italic;text-align:center;padding:20px }
/*****************************/
h1{font-family:CordiaUPC;font-size:30px;color:#231f20;}
h2{font-family:CordiaUPC;font-size:25px;color:#231f20}
h3{font-family:CordiaUPC}
.topic1{}
.topic-default{font-family:CordiaUPC;font-size:38px}
.topic2{color:#1c75bb;font-family:font1}
.topic{font-size:80px;}
.topic span{color:#802780}
.wrapper{width:1100px;margin:0 auto;position:relative;padding:0;}
.header,.div-slide,.div-newsletter,.index1,.footer,.footer2{min-width:1100px}
.content{padding:10px 0}
.header{position:relative;z-index:500;background:url(/images/bg-header.png) repeat left top;width:100%;height:185px} /* min-height:118px;*/
.content-header1{position:relative;background-color:#000}
.content-header2{position:fixed;background-color:transparent}

.footer{background-color:#231f20;color:#fff}
.btn{padding:7px 15px;background:#000;color:#ffdc00;font-family:font2;font-size:20px;border:none;cursor:pointer}
.btn:hover{background-color:#ffdc00;color:#000}
/**************************************/


/* form */
.tbl1{padding:5px;margin:2px 0 }
.tbl1 .t{float:left;width:150px;font-weight:700;color:#494949}
.tbl1 .t2{width:200px}
.tbl1 .i{float:left;position:relative;}
.tbl1 .i .input{width:400px;border:solid 1px #737373;}
.tbl1 .i .txtarea{width:400px;border:solid 1px #737373;height:35px;overflow:hidden}
.tbl1 .i .txtarea2{width:400px;border:solid 1px #737373;height:80px;overflow:hidden}
.tbl1 .i .pinput{width:50px;;border:solid 1px #737373;}
.tbl1 .mark{vertical-align:top;color:#ff3300}
.tbl1 .tleft{float:left;width:80px;font-weight:700;color:#494949}
.tbl1 .t3{width:100px;float:left}


/* loading */
#phpbeload{display:none}
#phpbeload{position:absolute;left:0;top:0}
#phpbeload .phpbeloadbox{text-align:center;position:fixed;_position:absolute;top:50%;left:50%;margin-top:-30px;margin-left:-100px;width:200px;background-color:#ffff99;padding:4px;z-index:9999;}
.ajaxbe_warning{background:#ff0000;color:#fff;padding:5px;text-align:center;margin:5px}



.frm_login{width:300px;margin:30px auto;background:#eeeeee;padding:10px}
.frm_login .tbl1{margin:0 auto;}
.frm_login .tbl1 .t{width:80px}
.center{text-align:center}

.mark{color:red}

.admin-body  .manage {}
.admin-body  .manage ul {padding-left:30px}
.admin-body .container{padding:10px 0; }
.hl_top{padding:10px 10px 10px 25px;font-size:20px;background:url(/images/plus.png) no-repeat left 15px;font-family:tahoma;text-decoration:underline}
.txteditor{width:250px;height:400px;}
.txteditor2{width:350px;height:100px;}



.tbl_list{border-collapse:collapse;width:99%}
.tbl_list td,.tbl_list th{border:solid 1px #d6d6d6;padding:5px}
.tbl_list th{background:#f1f1ef}
.tbl_list .i{width:50px;text-align:center}

.txtarea-lang{width:400px;border:solid 1px #737373;height:35px;overflow:hidden}


.page{font-size:20px;position:relative;color:#fff;padding:5px 0;}
.page a,.page span{float:left;background-color:#8d8d8d;padding:1px 5px;display:block;margin:0 2px;min-width:20px;text-align:center}
.page a{color:#fff;text-decoration:none;;background-color:#1c75bc;}
.page a:hover,.page .c{background-color:#8d8d8d;color:#fff}
.page-list{position:absolute;right:0;bottom:0}


/* curve */
.inner_curve{clear:both}
.div_w1{width:924px}
.inner_curve .tc1{float:left;width:18px;height:18px;background:#fff}
.inner_curve .tc2{float:left;height:18px;background:#fff}
.inner_curve .tc3{float:left;width:18px;height:18px;background:#fff}
.inner_curve .tc4{padding-left:18px;background:#fff}
.inner_curve .tc5{background-color:#FFF}
.inner_curve .tc6{padding-right:18px;background:#fff}
.inner_curve .tc7{float:left;width:18px;height:18px;background:#fff}
.inner_curve .tc8{float:left;height:18px;background:#fff}
.inner_curve .tc9{float:left;width:18px;height:18px;background:#fff}
.curve_1{width:436px;margin:0 auto}
.curve_1 .div_w1{width:400px;}
.curve_1_left{width:436px;}
.curve_1_left .div_w1{width:400px;}
.curve_2{width:740px;margin:0 auto}
.curve_2 .div_w1{width:704px;}
.curve_3{width:800px;margin:0 auto}
.curve_3 .div_w1{width:764px;}
.curve_4{width:520px;}
.curve_4 .div_w1{width:484px;}
#bb_thickbox_bg{width:100%;height:100%;position:fixed;left:0;top:0;background:#000;opacity: 0.5 ;MozOpacity: 0.5;KhtmlOpacity:0.5;filter: alpha(opacity=50);z-index:999;}
#bb_thickbox_inner{padding:0;margin:0;display:block;position:absolute;z-index:1000;}
#bb_thickbox_inner .xclose{position:absolute;right:0;top:0}


.fieldset1{margin:5px 0}
.fieldset1,.fieldset1 legend{border:solid 1px #b0b0b0}
.fieldset1 legend{font-size:34px;padding:3px 10px;font-weight:700;margin-left:20px;}



.submit{background-color:#1c75bc;padding:5px 20px;border:none;cursor:pointer;color:#fff;;}
.submit:hover{background-color:#003366}


.admin-header{min-width:1111px;width:100%;color:#fff;border-bottom:solid 1px #247ec8;background-color:#413ca4}
.admin-header p{font-size:25px;color:#ffffcc;font-weight:700}
.admin-header ul{}
.admin-header ul li{float:left;list-style:none;padding-right:13px}
.admin-header ul li a{color:#fff;font-size:13px;padding:8px 0;display:block}
.admin-header ul li a:hover{text-decoration:underline}

#menu{background-color:#202020;color:#fff;font-size:20px;z-index:3}
.header #menu li.p{padding:10px 0px}
#menu,#menu ul { margin: 0; padding: 0; }
#menu > li {float:left; }
#menu  li{ list-style-type: none; }
/* first level */

#menu a{color:#fff;padding:10px 17px;display:block}
#menu a:hover,#menu a.menu_open {color:#C3E5DE}

/* second level and up */
#menu ul { visibility:hidden; position:absolute; width: 220px;margin-top:1px;font-size:13px;padding:5px 0;background: #202020;z-index:5 }
#menu ul li a { padding:2px 5px; }
#menu ul a:hover,#menu ul a.menu_open { color:#C3E5DE}

.hpl_edit{font-size:24px;padding:0 5px 0 20px;color:#3a3a3a;background:url(/images/icon-edit.png) no-repeat left top;margin:5px}

.fieldset{border:solid 1px #999;padding:5px}
.fieldset .h{text-decoration:underline}
.fieldset .d{padding:5px}

.tbl-list .c{padding:5px 0;font-size:18px}
.tbl-list .t{float:left;width:80px;text-align:right;padding:0 5px}
.tbl-list .l{float:left;width:450px}

/***************/

.logo{position:absolute;left:40px;top:30px;background:url(/images/logo.png) no-repeat left top;width:538px;height:129px}

.header .menu-top{float:right;padding:10px 0 0 0}
.header .menu-top li{float:left;list-style:none;padding:0}
.header .menu-top li p{margin:-6px 1px;font-size:28px;display:block}
.header .menu-top li a{padding:2px 10px;display:block;color:#231f20}
.header .menu-top li a:hover,.header .menu-top li a.linked{background-color:#1c75bc;color:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;}
.header .div1{float:right;font-family:CordiaUPC;text-align:right;padding:20px 0 0 0}
.header .div1 div{padding:0;margin:0}
.header .div1 .p1{font-size:60px;color:#231f20;line-height:40px;}
.header .div1 .p2{font-size:60px;color:#1c75bc;line-height:40px;}
.header .div1 .p3{font-size:23px;color:#231f20;line-height:10px;}
.div-slide{background:url(/images/bg-banner.png) repeat left top;height:412px;width:100%}

.div-newsletter{background:url(/images/bg-newsletter.png) repeat left top;height:93px;width:100%;font-family:font2;font-size:30px;color:#fff;}
.div-form-newsletter{float:left;padding:30px 0 0 0}
.div-form-newsletter .l{float:left;padding:5px}
.div-form-newsletter .input-newsletter{padding:5px;width:200px;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;border:none}
.div-form-newsletter .btn-newsletter{padding:5px;background-color:transparent;color:#fff;border:none;cursor:pointer}
.div-social{float:right;padding:0px 0 0 0}
.div-social .l{float:left;padding:35px 0 0 0}
.div-social .l1{padding-left:50px}
.div-social .a{float:left;padding:20px 5px 0 5px}
.div-social .hpl-fb{background:url(/images/hpl-fb.png) no-repeat left top;display:block;width:66px;height:66px}
.div-social .hpl-tw{background:url(/images/hpl-tw.png) no-repeat left top;display:block;width:66px;height:66px}
.div-social .hpl-yt{background:url(/images/hpl-yt.png) no-repeat left top;display:block;width:66px;height:66px}
.div-social  a:hover{opacity: 0.5 ;MozOpacity: 0.5;KhtmlOpacity:0.5;filter: alpha(opacity=50)}
.footer .wrapper{padding-bottom:30px;}
.footer .menu li{list-style:none;}
.footer .menu li a{font-size:17px;color:#fff;display:block;padding:3px 20px 3px 0}
.footer .menu li a:hover{text-decoration:underline}
.footer  .l{float:left;padding:10px 40px}
.footer  .r{float:right;padding:20px 0 0 100px;border-left:solid 1px #fff;margin:15px 0}
.footer  .l p{font-size:26px}
.footer  .p1{font-size:47px;line-height:27px}
.footer  .p2{font-size:80px;line-height:60px;}

.footer2{background-color:#ebebed}
.footer2 .l{float:left}
.footer2 .r{float:right;}
.footer2 .menu li{list-style:none;float:left}

.index1{width:100%;}
.index1 h2{font-size:24px}
.index1 .l{width:700px;float:left;}
.index1 .r{float:right;width:300px;}
.index1 .r img{width:140px;height:128px;padding:2px}
.gallery_slider{position:relative;padding:0 50px 25px 50px}
.gallery_slider a{text-decoration:none;}
.gallery_slider .gs-prev{position:absolute;left:0;top:88px;width:32px;height:31px;display:block;background:url(/images/prev-button.png) no-repeat left top}
.gallery_slider .gs-next{position:absolute;right:0;top:88px;width:32px;height:31px;display:block;background:url(/images/next-button.png) no-repeat left top}
.gallery_slider .gs-prev:hover,.gallery_slider .gs-next:hover{opacity: 0.5 ;MozOpacity: 0.5;KhtmlOpacity:0.5;filter: alpha(opacity=50)}
.div_gallery{width:1000px;overflow:hidden;}
.div_gallery .div_gallery_inner{width:1000px}
.div_gallery .item-list{float:left;}
 .item-list{padding:0px;border:solid 1px #cbcdce;position:relative}
 .item-list img{width:100%;height:100%;position:relative;z-index:1}
.item-list a{background:url(/images/hpl-item.png) no-repeat left top;display:block;width:52px;height:52px;position:absolute;right:10px;bottom:10px;z-index:2}
.item-list a:hover{opacity: 0.5 ;MozOpacity: 0.5;KhtmlOpacity:0.5;filter: alpha(opacity=50)}

.aboutus1 .l{float:left;width:750px}
.aboutus1 .r{float:left;width:330px}
.item-aboutus{padding:0 0 10px}
.aboutus1 .item-aboutus .n{float:left;font-family:font1;font-size:50px;background-color:#1c75bc;border:solid 1px #28b1e6;color:#fff;width:60;height:60px;text-align:center}
.aboutus1 .item-aboutus .d{float:right;width:260px;}
.aboutus1 .item-aboutus .d .t{color:#1c75bc;font-family:font2;font-size:21px}

.div-contactus >.l{float:left;width:660px;}
.div-contactus >.l .t1{font-size:21px}
.div-contactus > .r{float:right;width:340px}
.contactus1 .l{float:left}
.contactus1 .r{float:left}
.contact-input .input{width:335px;padding:15px 5px;border:solid 1px #d6d7d8;margin:0 0 10px 0}
.contact-input  textarea{width:335px;height:200px;padding:5px;border:solid 1px #d6d7d8;margin:0 0 10px 0;overflow:Hidden}

.item-list-product-cate{width:330px;height:204px;float:left;margin:10px;}
.item-list-product{width:255px;height:153px;float:left;margin:5px;}

.item-gallery{float:left;width:115px;height:110px;position:relative;margin:3px}
.item-gallery .ph{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1}
.item-gallery .hp{position:absolute;left:0;top:0;width:100%;height:100%;display:block;z-index:2;background:url(/images/bg-op1.png) repeat left top}
.item-gallery .hp:hover{background:url(/images/hpl-hover.png) no-repeat left center}

.news-list{float:left;padding:5px;width:140px}
.news-list p{line-height:20px;overflow:hidden;height:20px}
.news-list img{width:140px}

.beatcamp{padding:10px 5px;display:block }
.beatcamp  a{color:#ff0000;-webkit-border-radius: 5px; -moz-border-radius: 5px;border-radius: 5px;padding:0 5px;background:#0099ff;color:#fff}
.beatcamp  a:hover{background:#0033cc}
/***************/